适用场景
电商平台需求文档、订单系统设计、「基于 XX 的电商系统」毕业设计。图里包含了三个常被漏掉的分支:缺货、支付超时释放库存、签收后申请退货。
怎么改成你的
- 优惠券、积分抵扣:在「提交订单」和「库存判断」之间加节点。
- 支付超时时长在
H{30 分钟内付款?}里改。 - 退货流程复杂时,把「售后处理」改成子流程
M[[售后处理]],另画一张图。 - 想按角色分泳道,参考模板库里的「订单处理泳道图」。
Mermaid 代码
ecommerce-order-flowchart.mmd
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 或元宝,再把它的回复整段粘贴到编辑器,会自动识别其中的代码。
prompt.txt
请用 Mermaid 的 flowchart TD 语法画一张电商下单流程图:用户进入商品页、加入购物车、提交订单,判断库存是否充足(不足则提示缺货并结束),充足则锁定库存、选择支付方式付款,判断是否在 30 分钟内付款(否则取消订单并释放库存),付款后商家发货、物流配送,用户确认收货则订单完成,申请退货则进入售后处理。开始和结束用圆角节点。只输出 mermaid 代码块。
常见问题
- 多个分支都指向「结束」,能只画一个结束节点吗?
可以,代码里多条线指向同一个节点 id(这里是
Z)即可,图上只有一个结束节点。- 流程图太长一页放不下怎么办?
把第一行改成
LR横向排列,或者在售后、支付等处用子流程节点[[ ]]拆成多张图。导出 PDF 时页面尺寸随图走,不会被裁切。- 能给「取消订单」这类异常分支换个颜色吗?
可以加
style I fill:#fde8e8这类样式,但会盖过主题配色。更简单的做法是把异常分支的连线改成虚线:H -. 否 .-> I。
同类模板
更新于 2026-09-05