超市前端二阶段工作需求总表(界面绘制是现阶段需要画的界面)
1.改价前端界面
1. 1界面一:改价主界面
1.1.1功能需求讨论
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nukTIEUV-1625964997635)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709095416710.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZGpjONKQ-1625964997640)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709100245775.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B9z1Xeiq-1625964997642)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709100432827.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SmiGyMN2-1625964997646)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709145539572.png)]
- 加快捷改价按钮
- 自定义改价按钮
- 同组和兄弟界面已完成
- 建议价格,原始价格,修改后的价格
- 扫码功能
1.1.2 仍存疑的功能
-
- 扫码后不存在,跳转至修改信息界面,把填充好的商品信息发送到后台插入数据库
-
2.扫码后超市不存在但是联盟存在?????
1.1.3 界面绘制:######前端界面绘制工作内容######
- 改价的主界面需要重新绘制:要求类似如1.1.1的图一和图二
- 修改改价按钮的界面:要求类似如图1.1.1 的图三,8个输入框,两种情况,百分制和浮点制
- 修改商品的信息的界面:要求类似如图1.1.1 的图四
1.1.4 逻辑实现方面的改动
0. 主界面初始化:一个接口
- 查询用户计算键,初始化用户计算键:发送:超市ID,接收:计算键数组,计算习惯的状态位
1. 查询:查询后原始价格不再变更,只重新渲染当前价格和商品内容里的价格; 三个接口:4位尾号查询ID,13位商品ID查询,初始化添加商品界面
- 直接输入13位商品号码,向后端请求对应商品的数据返回,包含:原始价格,建议价格,商品ID,商品名。
- 输入4位商品尾号,判断若是四位数据,则直接向后台发送数据请求,获取所有待选“商品ID”,确认商品ID后点击查询,如上一行功能
- 13位商品ID查询失败后(后台返回ifsuccess==false),弹窗询问用户是否要添加此商品(发送添加请求),添加的话跳转至修改商品信息界面
- 添加商品有两种情况(需要添加一个状态位确定两种情况):
- 一种是共有商品库存在此商品:发送:商品ID,超市ID 接收: 商品ID,商品名,状态位
- 一种是都没有此商品:发送:商品ID,超市ID 接收:状态位
2. 改价:此处不修改商品的的原始价格,只有查询才会重新修改原始价格 一个接口:修改商品价格
- 点击不同的快捷改键按钮,直接渲染商品内容里的价格,支持多次点击多次修改商品价格
- 点击确认之后向后台发送数据请求,发送:商品ID,商品修改后的价格; 接收:ifsuccess 。成功则弹窗并重新渲染商品内容和当前价格
3. 修改商品内容:一个接口:添加商品
-
发送:商品ID,超市ID,商品名,商品价格(商品URL 存疑),商品类别 接收:ifsuccess
-
成功则弹窗成功,跳回空白改价界面,失败则网络出小差了,重新提交
4. 计算键设置 两个接口:一个如0中要求,一个存储用户习惯
-
点击计算键设置按钮之后跳转到计算键的设置界面,发送请求如0中情况。使用键的数组初始化此界面的8个输入框和用户习惯
-
用户输入数据之后点击存储:发送:用户习惯位,超市ID,键的数组 接收:ifsuccess 成功则弹窗提示,返回改价主界面重新发送请求渲染键盘位置的数字
5. 兄弟改价和组改:直接跳转现在写的界面
6. 扫码功能
1.2. 界面二:组改界面
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-67TyCL9M-1625964997649)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709100310186.png)]
- 增加全选功能
- 背景颜色变换
2.联盟端
2.1 主界面:
2.1.1 界面绘制---------其中只保留:我的信息,我的超市联盟,兄弟超市
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OpQFkcOR-1625964997652)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709152551007.png)]
2.2 我的信息界面
2.2.1 界面绘制--------
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kE0YglpK-1625964997654)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709152808251.png)]
2.2.2 逻辑实现:
1. 初始化界面时查询用户信息: 一个接口
- 发送:超市ID
- 接收:名字,id,电话,地址,logo,密码,所属联盟的名字
2. 点击修改之后发送请求: 一个接口(可修改部分:名字,电话,地址,密码)
- 发送:名字,id,电话,地址,logo的url,密码,所属联盟的名字
- 接收:ifsuccess 成功弹窗提示
2.3 兄弟超市
2.3.1 界面绘制:按照原先讲好的来
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eVmD7uXr-1625964997655)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709154007904.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NWLHaKrY-1625964997656)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709154616882.png)]
2.3.2 逻辑实现:
1. 初始化:一个接口, 可以在这里加一个刷新功能再次请求
- 发送:超市ID
- 接收:三个list :内容:超市ID,超市名字
2. 添加兄弟:界面右上角有个加号的添加按钮 一个接口
- 点击添加按钮直接跳转至添加界面
- 发送:用户名,自己超市的ID
- 接收:ifsuccess
3. 接受别人的添加:在我可以替别人改价部分有个接受按钮 一个接口
- 点击接受按钮之后需要重新初始化界面
- 发送:接受的超市ID,自己超市的ID
- 接收:ifsuccess
- 需要重新初始化整个界面
4. 解除关系 :只在别人替我改价和双方都可改价列表中有解除关系的功能:一个接口
- 发送:接受的超市ID,自己超市的ID
- 接收:ifsuccess
- 需要重新初始化整个界面
2.4 我的超市联盟
2.4.1 界面绘制
按照提前说好的来: 注意有三个界面,一个是初始化的联盟界面,一个是更新联盟商品价格的界面(下图一),一个是点击商品
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IxECET3x-1625964997658)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709161902850.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nY7MZHud-1625964997659)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709161914093.png)]
2.4.2 逻辑实现
1. 初始化查询 一个接口 两种情况:联盟头的ID不等于本超市的ID
- 发送: 超市ID
- 接收:一个所有超市ID,名字,电话,地址的list ;联盟头的ID,名字,电话,地址;联盟的ID和名字
2. 联盟头的ID 等于本超市的ID 初始化不同
- 比正常的多三个按钮:更新联盟商品和更新商品价格和更新促销策略
3. 更新联盟商品 一个接口
- 发送:联盟ID
- 接收:ifsuccess
4. 更新联盟价格:
-
初始化所有类别商品的界面 一个接口
-
发送:联盟ID
-
接收:类别ID的一个list
-
-
点击类别ID跳转至此类商品的全部信息 一个接口
- 发送:联盟ID,类别ID
- 接收:商品信息的list
-
修改
- 联盟ID,类别ID,改价比例
- 接收:ifsuccess
2.5 订单
前端按照讨论完的来
2.6 促销策略
2.6.1 界面绘制:点击免量折扣进入图二,点击总量百分比进入图三
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hKVBYl7p-1625964997660)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709165656550.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5SyWjDvO-1625964997662)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709165700778.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gB1UzZSa-1625964997663)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709165704671.png)]
2.6.2 逻辑实现
1. 点击免量折扣之后进入图二,填充数据之后点击保存折扣发送数据
- 发送:6个数
- 接收:ifsuccess
2. 点击 总量百分之后进图图三: 小收银台
- 设置折扣比例
- 查询添加商品,删除商品