电商订单流程图
用户下单、预占库存、支付、发货到完成,以及超时关单与售后入口。
作者:松柏
电商订单流程图画出跨系统主链路和两个关键异常:支付超时关单、完成后进入售后。状态名应与代码枚举一致,售后不要画进同一张主图。

Prompt 模板
画一张电商订单流程图,手绘风。角色:用户、商品中心、库存、订单中心、支付、物流、售后。主链路:下单 → 算价 → 预占库存 → 待支付 → 支付回调 → 发货 → 签收完成。分支:支付超时关单并释放库存;完成后可进入售后。
适用场景
- 新产品评审「钱从哪进、货从哪出、失败怎么回滚」
- 给支付/仓储对齐回调与预占释放
- 对照 /guides/ecommerce-flow 把文字规则落成一张图
关键节点
- 下单算价
- 用户提交 SKU 与优惠。营销算价可收成一个矩形,细则另开子流程。
- 预占库存
- 下单时预占,支付成功确认扣减,超时释放。缺任一环都会超卖或锁死库存。
- 待支付
- 订单已生成、钱未到。菱形出口:支付成功 / 超时关单。TTL 写在箭头旁。
- 支付回调
- 以支付通道回调为准,不是前端「支付成功」提示。验签失败要单独出口。
- 发货 / 签收
- 已支付后创建运单,签收后进入已完成。拒收走逆向,不要画成主路径回头。
- 售后入口
- 主图画到已完成,用虚线指到售后。仅退款/退货退款另开一张,避免主图爆炸。
画图提示
- 状态名必须能在订单服务枚举里找到,禁止「已关闭」和「已取消」混用
- 菱形只留给判断:库存够不够、支付是否超时、回调是否验签通过
- 生成后对照 /examples/order-state,确认没有把状态回流画进流程箭头
常见问题
订单流程和订单状态机要不要画在一起?+
不要。本图讲跨系统步骤;状态集合见 /examples/order-state。技能页 /skills/flowchart 与 /skills/state-machine 也按这个边界拆。
库存预占失败怎么画?+
下单后预占失败 → 订单取消,作为独立出口。不要和支付超时关单共用一个「失败」框。
能直接当客服话术图吗?+
主路径可以。客服还要「仅退款 / 退货」细则时,复制 prompt 声明售后类型再生成专图,挂回本页虚线入口即可。
所属技能
相关对比
构图AI vs Mermaid:手绘风 AI 替代 Mermaid 语法还在背 Mermaid 语法画流程图?构图AI 用一句话生成手绘风流程图 / 时序图 / 架构图,无需代码、可拖拽编辑、可导出 PNG / SVG。这份对比帮你判断什么场景该选哪个。
构图AI vs ChatGPT 画图:可编辑技术图与通用对话 AI 怎么选ChatGPT 擅长梳理逻辑并生成 Mermaid/示意;构图AI 把描述落到可拖拽的 Excalidraw 技术图画布。对比结果形态、二次编辑、导出与串联工作流(核实于 2026-08)。
构图AI vs draw.io:AI 替代拖拽式画图draw.io 是老牌在线画图工具,但拖拽对齐费时、改一张架构图半小时。构图AI 用 AI 生成替代手动拖拽,5 秒出图 + Excalidraw 风格可编辑。这份对比帮你判断哪种场景选哪个。