# 美食小程序

**Repository Path**: nothing-could-found/food-mini-program

## Basic Information

- **Project Name**: 美食小程序
- **Description**: 一个简单的美食小程序
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-03
- **Last Updated**: 2025-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 美食地图项目

这是一个基于uni-app开发的美食地图小程序，用户可以在地图上标记美食位置，上传图片和描述，并在个人中心查看自己的美食记录。

## 功能特点

1. **地图展示**：使用微信小程序地图组件，展示用户添加的美食标记
2. **位置获取**：自动获取用户当前位置，方便标记附近美食
3. **添加美食记录**：在地图上点击任意位置，填写美食信息并上传图片
4. **个人中心**：查看用户信息和所有美食记录
5. **云开发**：使用微信云开发，无需后端服务器

## 项目结构

```
├── src/
│   ├── pages/              # 页面目录
│   │   ├── map/            # 地图相关页面
│   │   │   ├── map.vue     # 地图主页面
│   │   │   └── add-record.vue # 添加美食记录页面
│   │   └── profile/        # 个人中心页面
│   │       └── profile.vue # 个人中心主页面
│   ├── static/             # 静态资源
│   │   └── images/         # 图片资源
│   ├── App.vue             # 应用入口
│   ├── main.js             # 应用主逻辑
│   ├── manifest.json       # 应用配置
│   └── pages.json          # 页面路由配置
├── cloudfunctions/         # 云函数
│   ├── login/              # 登录云函数
│   └── quickstartFunctions/ # 快速启动函数
└── README.md               # 项目说明
```

## 快速开始

### 环境准备

1. 安装HBuilderX最新版本
2. 安装微信开发者工具最新版本
3. 注册微信小程序账号，获取AppID

### 项目配置

1. 在HBuilderX中导入项目
2. 在`manifest.json`中配置小程序AppID
3. 配置云开发环境ID：
   - 打开`App.vue`文件
   - 将`uni.cloud.init`中的`env`值替换为你的云开发环境ID

### 云开发配置

1. 在微信开发者工具中打开项目
2. 点击「云开发」按钮，开通云开发
3. 创建集合：
   - 在云开发控制台中创建名为`food_records`的集合
   - 无需设置索引，使用默认配置即可

### 运行项目

1. 在HBuilderX中选择「运行」→「运行到小程序模拟器」→「微信开发者工具」
2. 微信开发者工具会自动打开并加载项目
3. 在微信开发者工具中点击「编译」按钮，即可看到效果

## 核心功能使用

### 1. 地图页面

- **查看地图**：打开小程序后，默认进入地图页面，会自动获取你的当前位置
- **添加美食标记**：点击地图任意位置，会弹出提示框，点击「确定」进入添加美食记录页面
- **查看美食标记**：地图上的红色标记点表示你添加的美食位置，点击标记点可以查看详情
- **刷新数据**：点击右下角的「刷新」按钮，可以重新加载美食记录

### 2. 添加美食记录

- **填写信息**：在表单中填写美食名称、描述、评分等信息
- **上传图片**：点击「+ 上传图片」按钮，选择相册或相机拍摄图片
- **提交记录**：点击「提交」按钮，保存美食记录

### 3. 个人中心

- **登录**：点击用户信息区域，可以获取微信用户信息
- **查看记录**：在「我的美食记录」列表中查看所有添加的美食记录
- **查看地图**：点击任意记录，可以跳转到地图页面并定位到该记录位置
- **刷新记录**：点击「刷新记录」按钮，可以重新加载记录列表

## 注意事项

1. 确保微信开发者工具已开启服务端口：设置 → 安全设置 → 开启服务端口
2. 确保手机已开启定位服务
3. 首次使用时，需要授权位置信息和用户信息
4. 云开发环境ID需要替换为你自己的环境ID
5. 图片上传功能需要在微信开发者工具中配置合法域名

## 技术栈

- **框架**：uni-app
- **语言**：Vue 3
- **云服务**：微信云开发
- **地图**：微信小程序地图组件

## 后续开发建议

1. 添加美食记录详情页面
2. 实现美食记录的编辑和删除功能
3. 添加搜索功能，支持按名称或评分搜索美食
4. 实现分享功能，支持分享美食记录给好友
5. 添加评论功能，支持用户之间的互动

## 许可证

MIT License

## 联系方式

如有问题或建议，欢迎提交Issue或Pull Request。