咕咕外卖PRD

南极茄

已于 2024-02-23 16:11:51 修改

阅读量175

点赞数

文章标签：前端

于 2023-08-27 10:51:14 首次发布

本文链接：https://blog.csdn.net/weixin_60625794/article/details/132500197

版权

之前保存在石墨文档中，只允许协作，发现并不允许分享。故特意在此复制一份以便他人查看。

项目概述

咕咕外卖是一款用于解决食堂外卖，提前预定饭菜需求的app，除此之外，学生骑手也可以在上面接单，把外卖送到用户手里获得报酬。

修改记录

版本	修改内容	修改人	修改时间
V1.0	完成初稿	孙庆博	2023.4.21
V2.0	加入AIGC功能	孙庆博	2023.8.4

需求列表

序号	页面	需求名称	需求详情	优先级
1	首页	定位聊天入口搜索框按食堂/菜品分类推荐商家列表	用户切换学校位置用户可以从此入口进入消息模块用户可以进入搜索页面或直接搜索推荐词点击后跳转商家列表页面点击后跳转商家详情页	T2 T2 T1 T1 T1
2	订单页面	搜索聊天入口订单列表	用户可以进入搜索订单页面点击后跳转聊天页面点击后跳转商家详情页	T2 T2 T1
3	店铺详情页	聊天入口收藏按钮店铺信息商品列表购物车去结算	用户可以从此入口与商家对话用户可以收藏该店铺用户可以了解商户信息和领取优惠券用户可以在此点菜用户可以查看已点饭菜后去结算订单	T2 T1 T1 T1 T1
4	外卖配送结算页	选择地址改变配送费更改支付方式订单详情立即结算	选择配送地址可以增加或减少配送费用户可以选择微信/支付宝支付用户看到订单明细用户立即去支付金额	T1 T1 T1 T1 T1
5	外卖预定结算页	展示取餐地址选择自取时间更改支付方式订单详情立即结算	让用户明确取餐地址用户自己选择取餐时间用户可以选择微信/支付宝支付用户看到订单明细用户立即去支付金额	T1 T1 T1 T1 T1

思维导图

总体：
在这里插入图片描述
商家详情：

外卖配送结算页：

预定结算页:

流程图

在这里插入图片描述

⭐⭐⭐⭐⭐功能描述

1.首页

1.1 定位

在这里插入图片描述

位置：

左上角

交互：

1、用户进入首页后，如开启gps定位则自动定位到当前位置最近的已接入系统的学校。
2、用户进入首页后，如未开启gps定位则首页的信息（按食堂菜品分类、推荐商家列表）展示为第一个接入该系统的商家的信息，且定位功能处显示您还未选择学校。
3、点击交互按钮，跳转至学校选择页面

边界：

当网络出现异常的时候，定位图标变为转圈圈，且首页变为空白，提示您的网络不好

1.2 聊天入口

在这里插入图片描述

位置：

右上角

交互：

1、点击后跳转至聊天列表页面

1.3 搜索框

在这里插入图片描述

位置：

在聊天入口和定位那一行的下面一行居中

展示信息：

1、推荐关键词，展示三个。

信息来源：

1、推荐关键词为本周该学校点的最多人数的菜品。如果还没有人点菜，则从菜品表中随机出三个。如果只点了一个菜品，则随机两个关键词，以此类推

交互：

1、点击搜索栏的搜索按钮会直接跳转到搜索条件为当前搜索栏出现的词的搜索结果列表页
2、点击搜索栏的空白区域会跳转到搜索详情页
3、点击推荐关键词会直接跳转到搜索条件为关键词的搜索结果列表页

1.4 按食堂菜品分类

在这里插入图片描述

位置：

搜索栏下方

展示信息：

1、展示该学校的菜品和食堂及其图标，每一行展示3个，最多展示2行。

信息来源：

1、信息来源于学校上传到后台的菜品及其图标

交互

1、点击学校菜品和食堂的图标，则跳转至以该菜品或食堂分类下的商家列表
2、若该学校菜品或食堂的数量大于6个，则该功能区下方出现more按钮，点击后跳转至展示全部菜品或食堂的页面

1.5 推荐商家列表

在这里插入图片描述

位置：

最下方

展示信息：

商家名称、商家图片、商家评分、月售数、人均花费、平均出餐时间、用户评价、店铺优惠、优惠券活动

信息来源：

1、商家名称、商家图片、店铺优惠来源于商家通过商家版上传到的后端数据库。
2、商家评分来源于用户给订单的评分总数➗评价的用户个数、人均花费来源于用户在此店的花费总数➗消费的用户个数、平均出餐时间来源于所有用户从下单到商家出餐的所用的时间之和➗用户个数、月售数来源于该月（从该月的1日00：00起至当前时间）在该商家下单的人数。
3、用户评价来源于该店铺自己选择展示的评论中的部分话（一句话最多5个字，最少4个字），最多展示3条评论、店铺优惠是展示商家配置的优惠（最多配置4条）、出现今日有券代表着今日该店铺存在用户可领取的优惠券

交互：

1、点击商家列表上方的导航栏，可以按条件筛选商家：高分商家指的是全部商家评分排名前30%的商家、今日送券指的是今天你有可以从该店铺领取优惠券的店铺、物美价廉指的是评分在前50%的高分商家中按人均花费最少的前50%的店铺
2、点击商家列表中的任意一个商家，都可以直接进去商家详情页
3、当评分小于4的时候评分颜色为绿色，大于等于4且小于4.5为黄色，大于等于4.6且小于等于4.8为橙色，大于等于4.9为红色

特殊情况：

1、如果当前店铺没人评分，则该店铺评分默认为5.0，且月售为0，人均消费0元

2.订单页面

在这里插入图片描述

2.1 搜索

在这里插入图片描述

位置：

订单页右上角

交互：

点击后跳转搜索订单页面搜索订单

2.2 聊天入口

在这里插入图片描述

位置：

搜索功能的右边

交互

点击进入聊天列表页

2.3 订单列表

在这里插入图片描述

位置：

位于聊天入口和搜索按钮那一行的下面

展示信息

订单状态、商家名称、商家图片、订单所包含商品（名称、图片）、订单总花费、商品个数、再来一单/去评价/联系配送员、取餐码、确认收货

信息来源

1、订单状态-待评价：外卖员点击确认送达且用户也点击确认收货/商家点击出餐且用户点击确认收货
2、订单状态-已完成：订单被评价后或订单在待评价状态待够72小时后自动变为已完成。
3、订单状态-进行中：用户确认收获之前都是进行中
4、商家名称、商家图片、订单所包含商品（名称、图片）、订单总花费、商品个数都来源于后端数据库
5、取餐码由系统随机生成一个当前商家没有使用的3位数，仅在订单在进行中且订单是自取预定的时候显示
6、订单状态是已完成的时候显示再来一单、待评价的时候是去评价、进行中-自取预定显示确认收收货、进行中-外卖配送显示联系快递员和确认收货

交互

1、点击订单会跳转至店铺详情页
2、点击再来一单会跳转至结算页面，且订单所有信息自动填充为该订单的信息
3、点击去评价会跳转至评价页面
4、点击上方导航栏会按照待评价、已完成、全部订单的状态展示订单。

3.店铺详情页

在这里插入图片描述

3.1 聊天入口

在这里插入图片描述

位置：

右上角

交互：

点击后进入与商家对话页

3.2 收藏按钮

在这里插入图片描述

位置：

右上角

交互：

1、初始为未收藏状态，星星样式为空心黄色。点击后星星样式为纯黄色，且将店铺加入用户的收藏列表。
2、如果为收藏状态，那么再次点击后星星样式由纯黄色变为空心黄色，且该店铺被移除用户的收藏列表

3.3 店铺信息

在这里插入图片描述

位置：

收藏按钮和聊天入口的正下方居中

展示信息：

店铺名称、店铺图片、店铺评分、店铺位置、店铺月售、人均花费、平均出餐时间、优惠活动、领取优惠券、致电商家、营业状态

信息来源

1、商家名称、商家图片、店铺优惠来源于商家通过商家版上传到的后端数据库。
2、商家评分来源于用户给订单的评分总数➗评价的用户个数、人均花费来源于用户在此店的花费总数➗消费的用户个数、平均出餐时间来源于所有用户从下单到商家出餐的所用的时间之和➗用户个数、月售数来源于该月（从该月的1日00：00起至当前时间）在该商家下单的人数。
3、优惠券是商家自行配置的优惠券，其中展示的优惠券由商家自己选择
4、致电商家直接调用手机系统的拨打电话（自动填充加密后的商家手机号），其中手机号来源于后端数据库（手机号加密：先呼叫到虚拟运营商那里，虚拟运营商在转接给你）
5、营业状态由商家选择，有营业中、已打烊两种状态

交互

1、点击优惠券后跳转至领取优惠券页面，如果商家展示的优惠券用户已领取，那么优惠券的立即领取按钮变为等待使用
2、点击致电商家后会弹出提示问是否联系商家，如果确认联系就跳转至手机系统的拨打电话（自动填充虚拟手机号）

3.4 商品列表

在这里插入图片描述

位置：

店铺信息的下方

展示信息：

商品分类栏、商品名称、商品图片、商品口味、月售数、单点不送标识、好评度

信息来源：

商品分类栏、商品名称、商品图片、商品口味、月售数、单点不送标识、好评度全部来源于后台

交互：

1、点击分类栏可以查看该分类下的商品
2、上方导航栏，点击商品回到此页面，点击评价前往评价页面
3、可以点击商品下加号将一件该商品加入购物车，点击减号将一件该商品扔出购物车。其中未加入该商品的时候只显示加号。该商品在购物车中最多10个，最少为0个。如果该商品在购物车中到达10个，那么该商品的加号变灰不能按，如果为0只有加号