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 时提示,仍更新小计;可修改规格并更新价格;可删除商品(需确认);可单选、全选或店铺全选。
- 每次变更后更新小计及已选件数、总价。
- 买家选择继续购物则返回商城;选择去结算时若未选中任何商品则提示至少选一件并留在购物车;已选中则进入结算页。
- 流程结束。
大纲
8. 购物车管理流程(买家端)
步骤说明
赣公网安备36010902001041号