Skip to content

Latest commit

 

History

History
94 lines (87 loc) · 5.34 KB

产品设计文档.md

File metadata and controls

94 lines (87 loc) · 5.34 KB

小微店铺产品设计文档

视觉设计稿

主要页面与流程

  • 登录/注册页面
    • 两个输入框:【手机号】【验证码】,两个按钮【发送验证码】【登录】
    • 输入手机号,按【发送验证码】,触发后端的模拟验证码发送服务,该服务会“假装”下发一个验证码并将验证码打印在日志中
    • 输入该验证码,按【登录】,若成功,则跳转到下一个【用户身份选择页面】
  • 用户身份选择页面
    • 只有两个按钮:【我是买家】【我是卖家】
    • 点击【我是买家】,进入全部商品浏览页面
    • 点击【我是卖家】,进入我的店铺浏览页面

买家看到的页面

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

卖家看到的页面

  • 我的店铺浏览页面
    • 以列表方式展示自己名下的所有店铺(店铺名、店铺创建时间、总宝贝数量)
    • 右上角有添加店铺按钮,点击添加店铺按钮进入【添加/编辑店铺页面】
    • 每个店铺上有【编辑店铺】【修改店铺宝贝】按钮
      • 点击【编辑店铺】按钮进入【添加/编辑店铺页面】
      • 点击【修改店铺宝贝】按钮进入【某店铺中的宝贝浏览页面】
    • 最下方有四个标签页【回到主页】【我的店铺】【个人设置】【订单管理】
      • 点击【回到主页】,返回【用户身份选择页面】
      • 点击【我的店铺】,进入我的店铺浏览页面
      • 点击【个人设置】,进入个人设置页面
      • 点击【订单管理】,进入订单管理页面
  • 添加/编辑店铺页面
    • 店铺信息:店铺名、描述、图片
    • 【确定修改】按钮
  • 某店铺中的宝贝浏览页面
    • 列表方式展示某个特定店铺中的宝贝
    • 每个宝贝上有编辑/删除按钮
    • 点击编辑按钮进入【宝贝添加/删除】页面
    • 点击删除页面删除该宝贝
  • 宝贝添加/删除页面
    • 宝贝名
    • 图片
    • 描述
    • 详情
    • 【确定添加】按钮
  • 订单管理页面
    • 列表方式展示所有订单:id/时间/用户/状态
    • 若订单处于未发货状态,显示【上传物流信息】按钮,点击该按钮进入【上传物流信息】页面
  • 上传物流信息页面
    • 页面顶端显示订单信息(订单id/时间)
    • 包含一个下拉框和一个输入框
    • 下拉框里选择快递公司
    • 输入框里可以输入订单号码
    • 点击提交,重新请求订单状态,订单状态应该变成【等待收货】