多个分支都指向「结束」，能只画一个结束节点吗？

可以，代码里多条线指向同一个节点 id（这里是 Z）即可，图上只有一个结束节点。

流程图太长一页放不下怎么办？

把第一行改成 LR 横向排列，或者在售后、支付等处用子流程节点 [[ ]] 拆成多张图。导出 PDF 时页面尺寸随图走，不会被裁切。

能给「取消订单」这类异常分支换个颜色吗？

可以加 style I fill:#fde8e8 这类样式，但会盖过主题配色。更简单的做法是把异常分支的连线改成虚线：H -. 否 .-> I。

电商下单流程图模板

从加入购物车到订单完成的电商下单流程图：库存判断、锁定库存、30 分钟支付超时取消、发货配送、确认收货与退货售后。适合电商系统需求文档与论文，免费导出 PNG、Word、PPT。

预览用的是「朱砂」主题，打开编辑器后可以换

在编辑器里打开免费 · 免登录 · 无水印

改文字、换主题，导出 Word / PPT / PDF

适用场景

电商平台需求文档、订单系统设计、「基于 XX 的电商系统」毕业设计。图里包含了三个常被漏掉的分支：缺货、支付超时释放库存、签收后申请退货。

怎么改成你的

优惠券、积分抵扣：在「提交订单」和「库存判断」之间加节点。
支付超时时长在 H{30 分钟内付款?} 里改。
退货流程复杂时，把「售后处理」改成子流程 M[[售后处理]]，另画一张图。
想按角色分泳道，参考模板库里的「订单处理泳道图」。

Mermaid 代码

flowchart TD
    A([用户进入商品页]) --> B[加入购物车]
    B --> C[提交订单]
    C --> D{库存是否充足?}
    D -- 否 --> E[提示缺货]
    E --> Z([结束])
    D -- 是 --> F[锁定库存]
    F --> G[选择支付方式并付款]
    G --> H{30 分钟内付款?}
    H -- 否 --> I[取消订单并释放库存]
    I --> Z
    H -- 是 --> J[商家发货]
    J --> K[物流配送]
    K --> L{用户确认收货?}
    L -- 申请退货 --> M[售后处理]
    M --> Z
    L -- 是 --> N[订单完成]
    N --> Z

让 AI 按这个结构生成一份

把下面这段发给豆包、DeepSeek、Kimi 或元宝，再把它的回复整段粘贴到编辑器，会自动识别其中的代码。

请用 Mermaid 的 flowchart TD 语法画一张电商下单流程图：用户进入商品页、加入购物车、提交订单，判断库存是否充足（不足则提示缺货并结束），充足则锁定库存、选择支付方式付款，判断是否在 30 分钟内付款（否则取消订单并释放库存），付款后商家发货、物流配送，用户确认收货则订单完成，申请退货则进入售后处理。开始和结束用圆角节点。只输出 mermaid 代码块。

常见问题

多个分支都指向「结束」，能只画一个结束节点吗？: 可以，代码里多条线指向同一个节点 id（这里是 Z）即可，图上只有一个结束节点。
流程图太长一页放不下怎么办？: 把第一行改成 LR 横向排列，或者在售后、支付等处用子流程节点 [[ ]] 拆成多张图。导出 PDF 时页面尺寸随图走，不会被裁切。
能给「取消订单」这类异常分支换个颜色吗？: 可以加 style I fill:#fde8e8 这类样式，但会盖过主题配色。更简单的做法是把异常分支的连线改成虚线：H -. 否 .-> I。