Tigshop 使用文档

购物车管理流程

8. 购物车管理流程(买家端)

买家在购物车中按店铺查看有效与失效商品,调整数量与规格、勾选商品并更新总价,满足条件后进入结算。

参与角色:买家/消费者、系统

flowchart TD
    Start([进入购物车页面]) --> LoadCart[加载购物车数据]
    LoadCart --> CheckEmpty{购物车是否为空}

    CheckEmpty -->|是| EmptyCart[显示空购物车提示]
    EmptyCart --> GoShop[引导去逛逛/推荐商品]
    GoShop --> End1([去购物])

    CheckEmpty -->|否| ShowCart[展示购物车商品列表]
    ShowCart --> GroupByShop[按店铺分组展示商品]

    GroupByShop --> CartStatus{商品状态分区}
    CartStatus --> ValidItems[有效商品区域]
    CartStatus --> InvalidItems[失效商品区域]

    InvalidItems --> InvalidReason[展示失效原因]
    InvalidReason -->|已下架| OffShelfTag[标记已下架]
    InvalidReason -->|已售罄| SoldOutTag[标记已售罄]
    InvalidReason -->|规格变更| SpecChangedTag[标记规格已变更]
    OffShelfTag --> CleanInvalid[清除失效商品]
    SoldOutTag --> CleanInvalid
    SpecChangedTag --> CleanInvalid

    ValidItems --> CartOperations{购物车操作}

    CartOperations -->|修改数量| ChangeQty[调整商品数量]
    ChangeQty --> QtyCheck{数量是否合法}
    QtyCheck -->|超过库存| QtyMax[提示已达最大可购数量]
    QtyCheck -->|小于1| QtyMin[提示最少购买1件]
    QtyCheck -->|合法| UpdatePrice[更新小计金额]
    QtyMax --> UpdatePrice
    QtyMin --> UpdatePrice

    CartOperations -->|修改规格| ChangeSku[重新选择规格]
    ChangeSku --> UpdateSku[更新规格与价格]
    UpdateSku --> UpdatePrice

    CartOperations -->|删除商品| DeleteItem[删除选中商品]
    DeleteItem --> ConfirmDelete{确认删除}
    ConfirmDelete -->|取消| ShowCart
    ConfirmDelete -->|确认| RemoveItem[从购物车移除]
    RemoveItem --> UpdatePrice

    CartOperations -->|选择/取消选择| ToggleSelect[勾选/取消勾选商品]
    ToggleSelect --> UpdatePrice

    CartOperations -->|全选/取消全选| ToggleAll[全选/取消全选操作]
    ToggleAll --> UpdatePrice

    CartOperations -->|店铺全选| ShopSelectAll[选中该店铺所有商品]
    ShopSelectAll --> UpdatePrice

    UpdatePrice --> ShowTotal[更新已选商品件数与总价]
    ShowTotal --> ReadyCheckout{是否结算}

    ReadyCheckout -->|继续购物| BackShop[返回商城继续购物]
    ReadyCheckout -->|去结算| CheckSelected{是否选中商品}

    CheckSelected -->|未选中| SelectTip[提示请至少选择一件商品]
    SelectTip --> ShowCart
    CheckSelected -->|已选中| GoCheckout[进入结算页面]

    BackShop --> End2([继续购物])
    GoCheckout --> End3([结算页面])

步骤说明

  1. 进入购物车并加载数据;若为空则展示空车提示并引导去购物,不再继续后续购物车操作。
  2. 非空则按店铺分组展示,并区分有效商品与失效商品(下架、售罄、规格变更),可清除失效商品。
  3. 对有效商品可修改数量:超库存或小于 1 时提示,仍更新小计;可修改规格并更新价格;可删除商品(需确认);可单选、全选或店铺全选。
  4. 每次变更后更新小计及已选件数、总价。
  5. 买家选择继续购物则返回商城;选择去结算时若未选中任何商品则提示至少选一件并留在购物车;已选中则进入结算页。
  6. 流程结束。
购物车管理流程
请输入搜索内容
大纲
8. 购物车管理流程(买家端)
步骤说明