README.md · ChocolateBlack/web大作业

# 威时光外卖小程序

### 小组成员：

| 姓名           | 学号         |
| :------------- | :----------- |
| 高剑雄         | 201800620686 |
| 刘润洲         | 201800820110 |
| 许京禹         | 201800820151 |
| 都一凡         | 201800820081 |
| 朱懿铭         | 201800820187 |

### 优势：

##### 客户端

- 增进商家与客户之间的交流，带来更融洽的双方关系，提高使用幸福感
- 无与伦比的强大社区功能，吃货们分享防骗经历、减肥秘籍、绝佳菜谱变成触手可及之事，提高用户体验、利于形成独有的用户依赖
- 媲美导航的清晰精准的地图，使得外卖的派送更加精确、高效
- 饮食分析可以比较本月与上月度饮食情况，使得饮食更加健康
- 拨打催单、质询、维权电话更加便捷

##### 商家端

- 开设店铺流程简单，门槛更低

- 提供强大易于操作的`B2C`平台，带来更加舒适的经营体验
- 精准分析收支情况，做商家最贴心的小秘书与会计

##### 骑手端

- 分析收入，做到公开透明，让骑手对自己的收入一目了然，不拖欠工资，提交骑手的工作幸福感与工作依赖性。
- 高地图堪比导航，因此一个小程序在手天下我有，节省手机内存。

## 一、用户端

### 首页

1. 首页展示学校4个餐厅，菜品分类。搜索功能支持查找学校内的任意一家窗口。

![](./img/1.png)

2. 对商家的排序支持以下三种：评分最高、销量最高、配送最快

![](./img/2.png)

3. 进入商家可以分类滑动、选择不同菜品；碰到喜欢的商家可以点击右上角的收藏。

![](./img/3.png)

4. 商家信息页面展示后厨环境，为食品安全提供保证；

商家可以在商家故事处分享店铺主人与同学们的友好感情；同时展示其他商家基本信息。

![](./img/5.png)

5. 评价页面展示消费者对商家的评价以及对骑手的评价。

![](./img/6.png)

6. 购物车可以增减菜品，点击去结算前往下单

###

7. 前往下单，可以添加备注

8. 使用优惠券

9. 下单后跳至订单页面

### 订单

1. 可以查看待付款、完成、待评价的订单，可搜索订单，查看订单详情、再来一单

2. 待付款订单详情，可以取消订单、去支付

3. 支付界面，可选择支付方式，取消订单、查看详情、修改地址

4. 支付成功，等待商家接单

5. 骑手配送中，可以催单、申请退款

6. 申请退款界面，我们致力于保证客户利益！

7. 催单、跳转

8.  订单完成

9. 评价与再来一单

10. 评价，可星级打分，可以晒单

11. 回到订单界面，具有下拉刷新和上拉加载功能

12. 搜索历史订单

13. 历史订单搜索结果，包括订单状态

### 社区

1. 简单的社区功能，主页面每次加载10条，显示发帖人，时间，内容，缩略图；上拉触底继续加载10条，直至全部加载。

2. 右上角点击查看我的收藏/历史发帖。

3. 右下角点击进入发帖页面。

##### 4. 帖子详情页

- 右上角可删除帖子（按键仅在自己发的帖子可见）

- 点击图片可查看大图。

- 下方评论区，点击评论按钮可发表评论，点击五星将帖子加入收藏。

### 我的

1. 若未授权会出现授权页

2. 第一次登陆会自动注册

3. 主页面

4. 优惠券、收藏商家等可跳转至对应商家；饮食分析可以比较本月与上月度饮食情况。

5. 选择配送地址可以更改默认配送地址、联系人、手机等，地址可由地图定位选择。

## 二、商家端

### 页面组成

商家端共有三个页面：

- 订单
- 店铺菜品
- 我的

### 我的

登录后，小程序将跳转到“我的”页面。

“我的”页面包含以下部分：

- 收入分析
- 收到评价
- 联系客服
- 反馈

![](./img/商家端说明文档/商家端说明文档图片/image-20200317104522125.png)

如果您未登录，可以点击授权登录进行登录。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317104522125-1584428936566.png)

如果您未申请店铺，则我的页面不会出现“收入分析”和“收到评价”，也无法跳转到“订单”和“店铺菜品”页面。小程序会提醒您是否申请店铺。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317104658166.png)

![](./img/商家端说明文档/商家端说明文档图片/image-20200317104719161.png)

点击“确定”，小程序将跳转到“申请店铺”页面。填写相关信息后即可注册店铺。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317104848058.png)

—————————————————————————

![](./img/商家端说明文档/商家端说明文档图片/image-20200317104859153.png)

若您已拥有店铺，则可以跳转到其他界面。

#### 收入分析

收入分析主要展示您近来的收入情况，并以折线图的形式展现您本年的收入变化趋势。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317105218882.png)

点击“查看明细”，则可以看到您的收入详情。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317105311796.png)

点击“收到评价”，可以查看顾客对您的菜品的评价。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317105817032.png)

点击“联系客服”，可以询问客服相关消息。

点击“反馈”，可以向小程序管理人员提供建议。

### 店铺菜品

店铺菜品页面显示了您店铺里的所有菜品。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317110146376.png)

点击添加菜品，会跳转至添加菜品页面，输入相关信息后提交即可创建成功。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317111724332.png)

------

![](./img/商家端说明文档/商家端说明文档图片/image-20200317111739095.png)

![](./img/商家端说明文档/商家端说明文档图片/image-20200317111818237.png)

点击编辑按钮（🖊），可以编辑菜品信息。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317121431875.png)

点击取消\开启供应，可以决定是否供应商品。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317121517482.png)

![](./img/商家端说明文档/商家端说明文档图片/image-20200317121533622.png)

### 订单

订单页面包含三个部分：

- 新订单
- 已完成
- 未完成

![](./img/商家端说明文档/商家端说明文档图片/image-20200317142727462.png)

新订单里包含了商家待接单和已接单没有送达的订单。对于未接单的订单，商家可以点击“接受订单”接单，然后状态变为“已接单”。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317143022173-1584429173933.png)

如果商家想要取消订单，则可以单击“取消订单”，即可取消。

“已完成”部分由已送达的订单组成，商家可以在这里面查看订单详情。

![](./img/商家端说明文档/商家端说明文档图片/image-20200317143157780.png)

“未完成”订单部分由顾客或商家已取消的订单构成，商家可以在里面查看详情。

![](./img/说明文档/商家端说明文档/商家端说明文档图片/image-20200317145211272.png)

## 三、骑手端

1. 登录界面可以使微信登录，如果是新用户则可以自动注册，代后台审批后可以接单。

![Screen Shot 2020-03-17 at 9.18.25 PM](./img/Screen Shot 2020-03-17 at 9.18.25 PM.png)

2. 首页任务里分为4栏，分别为配送中，代取件，新任务与地图这四个板块。

![Screen Shot 2020-03-17 at 9.18.17 PM](./img/Screen Shot 2020-03-17 at 9.18.17 PM.JPG)

3. 骑手可以在新任务中接单，一旦接单成功之后该任务在新任务中消失，出现在对应骑手的代取件任务中，骑手可以清晰的看出自己代取件配送中的任务以及其目标地点。

![Screen Shot 2020-03-17 at 9.18.17 PM](./img/Screen Shot 2020-03-17 at 9.18.17 PM.png)

4. 骑手可以通过地图了解自己的位置以及所要配送的餐品的目的地。

![Screen Shot 2020-03-17 at 9.18.05 PM](./img/Screen Shot 2020-03-17 at 9.18.05 PM.png)

4. 在历史订单里骑手可以看见自己之前配送过的订单，以及其每单的佣金。

![QQ20200317-0](./img/QQ20200317-0.png)

5. 骑手在“我的”里面可以看到自己的收入分析以及收到的评价。

![QQ20200317-1](./img/QQ20200317-1.png)
### 参考资料：

- tabbar参考资料：https://blog.iswtf.com/article.php?id=1308

- 商家用户中心界面参考：https://blog.csdn.net/weixin_45459224/article/details/102795932?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
- 链接：https://pan.baidu.com/s/1geHSmMf

ChocolateBlack/web大作业

简介

发行版

贡献者

近期动态

ChocolateBlack/web大作业 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

ChocolateBlack/web大作业