- 登录/注册页面
- 两个输入框:【手机号】【验证码】,两个按钮【发送验证码】【登录】
- 输入手机号,按【发送验证码】,触发后端的模拟验证码发送服务,该服务会“假装”下发一个验证码并将验证码打印在日志中
- 输入该验证码,按【登录】,若成功,则跳转到下一个【用户身份选择页面】
- 用户身份选择页面
- 只有两个按钮:【我是买家】【我是卖家】
- 点击【我是买家】,进入全部商品浏览页面
- 点击【我是卖家】,进入我的店铺浏览页面
- 全部商品浏览页面
- 以列表方式展示所有可以被用户浏览到的商品
- 点击任意商品,进入商品详情页面
- 最下方有四个标签页【回到主页】【购物车】【我的宝贝】【个人设置】
- 点击【回到主页】,返回【用户身份选择页面】
- 点击【购物车】,进入购物车页面
- 点击【我的宝贝】,进入我的宝贝页面
- 点击【个人设置】,进入个人设置页面
- 下拉刷新?上滑自动加载下一页?
- 商品详情页面
- 显示商品的标题、图片、详细描述、价格、库存
- 可以选择数量
- 最下面有两个按钮【加入购物车】【立即购买】
- 点击【加入购物车】,弹出提示【成功】/【失败】
- 点击【立即购买】,进入付款页面
- 购物车
- 以列表方式显示该用户购物车中的物品,不按店铺分组(因为我觉得麻烦)
- 在每个商品后有一个按钮【结算】,点击进入付款页面
- 选择多个订单,合并付款麻烦么?后端做起来不麻烦,不知道前端怎么样
- 我的宝贝
- 以列表方式显示用户下的所有订单
- 商品名、下单时间、订单状态(已付款、物流中、已签收)
- 点击任意订单进入订单详情页面
- 以列表方式显示用户下的所有订单
- 个人设置
- 允许用户对自己的信息进行修改,即昵称、头像、收货地址(只能写一条)等
- 默认显示所有信息,下面有一个【修改】按钮,按一下,所有可编辑的条目变成可编辑状态,同时按钮变成【确定】,点击确定,提交所有的修改
- 付款页面
- 显示当前即将付款的订单的信息,包含商品的详情
- 显示收货地址
- 最下面有两个按钮:【确认付款】【取消】
- 点击【确认付款】,触发后端模拟付款操作
- 若付款成功,页面显示付款成功并返回上一页面
- 如果上一页面是购物车,则该商品应该从购物车移除
- 如果上一页面是商品页面,那么没有任何事情发生
- 若付款成功,页面显示付款成功并返回上一页面
- 点击【取消】,回到上一页面
- 订单详情页面
- 显示当前订单包含的商品名、下单时间、订单状态(已付款、物流中、已签收)
- 显示物流信息(由后端模拟服务返回)
- 若当前订单未签收,显示【确认收货】按钮,确认收货后重新请求订单详情,订单详情应该变成【已签收】
- 显示【返回】按钮,返回上一页面
- 我的店铺浏览页面
- 以列表方式展示自己名下的所有店铺(店铺名、店铺创建时间、总宝贝数量)
- 右上角有添加店铺按钮,点击添加店铺按钮进入【添加/编辑店铺页面】
- 每个店铺上有【编辑店铺】【修改店铺宝贝】按钮
- 点击【编辑店铺】按钮进入【添加/编辑店铺页面】
- 点击【修改店铺宝贝】按钮进入【某店铺中的宝贝浏览页面】
- 最下方有四个标签页【回到主页】【我的店铺】【个人设置】【订单管理】
- 点击【回到主页】,返回【用户身份选择页面】
- 点击【我的店铺】,进入我的店铺浏览页面
- 点击【个人设置】,进入个人设置页面
- 点击【订单管理】,进入订单管理页面
- 添加/编辑店铺页面
- 店铺信息:店铺名、描述、图片
- 【确定修改】按钮
- 某店铺中的宝贝浏览页面
- 列表方式展示某个特定店铺中的宝贝
- 每个宝贝上有编辑/删除按钮
- 点击编辑按钮进入【宝贝添加/删除】页面
- 点击删除页面删除该宝贝
- 宝贝添加/删除页面
- 宝贝名
- 图片
- 描述
- 详情
- 【确定添加】按钮
- 订单管理页面
- 列表方式展示所有订单:id/时间/用户/状态
- 若订单处于未发货状态,显示【上传物流信息】按钮,点击该按钮进入【上传物流信息】页面
- 上传物流信息页面
- 页面顶端显示订单信息(订单id/时间)
- 包含一个下拉框和一个输入框
- 下拉框里选择快递公司
- 输入框里可以输入订单号码
- 点击提交,重新请求订单状态,订单状态应该变成【等待收货】