Tigshop 使用文档
加入购物车流程
7. 加入购物车流程(买家端)
买家在已登录且规格与商品状态合法的前提下将商品加入购物车,系统合并同 SKU、校验库存并更新角标,再引导继续购物、去购物车或结算。
参与角色:买家/消费者、系统
flowchart TD
Start([商品详情页/商品列表]) --> ClickAddCart[点击"加入购物车"]
ClickAddCart --> CheckLogin{是否已登录}
CheckLogin -->|否| GoLogin[跳转登录页面]
GoLogin --> LoginSuccess[登录成功返回]
LoginSuccess --> ClickAddCart
CheckLogin -->|是| CheckSku{是否已选择完整规格}
CheckSku -->|否| SkuPrompt[提示请选择商品规格]
SkuPrompt --> SelectSku[选择规格(颜色/尺码等)]
SelectSku --> CheckSku
CheckSku -->|是| CheckProductStatus{商品状态检查}
CheckProductStatus -->|已下架| OffShelf[提示商品已下架]
OffShelf --> End1([结束])
CheckProductStatus -->|正常| CheckStock{库存是否充足}
CheckStock -->|库存为0| OutOfStock[提示商品已售罄]
OutOfStock --> End2([结束])
CheckStock -->|库存不足| StockLimit[提示库存不足,调整为最大可购数量]
StockLimit --> ConfirmQty{是否接受调整后数量}
ConfirmQty -->|否| End3([结束])
ConfirmQty -->|是| AddToCart
CheckStock -->|充足| AddToCart
AddToCart{购物车中是否已有相同SKU}
AddToCart -->|是| MergeQty[合并数量]
AddToCart -->|否| NewItem[新增购物车项]
MergeQty --> CheckMergeStock{合并后是否超过库存}
CheckMergeStock -->|是| MergeTip[提示已达最大购买数量]
MergeTip --> ShowSuccess
CheckMergeStock -->|否| ShowSuccess
NewItem --> ShowSuccess[显示加入成功提示]
ShowSuccess --> UpdateBadge[更新购物车角标数量]
UpdateBadge --> NextAction{下一步操作}
NextAction -->|继续购物| ContinueBrowse[返回当前页面继续浏览]
NextAction -->|查看购物车| GoCart[进入购物车页面]
NextAction -->|立即结算| GoCheckout[进入结算页面]
ContinueBrowse --> End4([继续浏览])
GoCart --> End5([购物车页面])
GoCheckout --> End6([结算页面])
步骤说明
- 在商品详情或列表点击「加入购物车」。
- 未登录则跳转登录,登录成功后再次触发加购。
- 多规格商品须选全规格,否则提示后选择规格直至完整。
- 校验商品状态:已下架则提示并结束。
- 校验库存:库存为 0 则提示售罄并结束;不足则提示可调至最大可购数量,买家不接受则结束,接受则继续加入;库存充足则直接加入。
- 判断购物车是否已有相同 SKU:有则合并数量,若合并后超库存则提示已达最大购买数量仍进入成功提示;无则新增条目。
- 显示加入成功提示并更新购物车角标。
- 买家选择继续购物、查看购物车或立即结算,分别返回当前页、进入购物车或结算页。
- 流程结束。
大纲
7. 加入购物车流程(买家端)
步骤说明
赣公网安备36010902001041号