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([结算页面])

步骤说明

  1. 在商品详情或列表点击「加入购物车」。
  2. 未登录则跳转登录,登录成功后再次触发加购。
  3. 多规格商品须选全规格,否则提示后选择规格直至完整。
  4. 校验商品状态:已下架则提示并结束。
  5. 校验库存:库存为 0 则提示售罄并结束;不足则提示可调至最大可购数量,买家不接受则结束,接受则继续加入;库存充足则直接加入。
  6. 判断购物车是否已有相同 SKU:有则合并数量,若合并后超库存则提示已达最大购买数量仍进入成功提示;无则新增条目。
  7. 显示加入成功提示并更新购物车角标。
  8. 买家选择继续购物、查看购物车或立即结算,分别返回当前页、进入购物车或结算页。
  9. 流程结束。
加入购物车流程
请输入搜索内容
大纲
7. 加入购物车流程(买家端)
步骤说明