在线支付流程时序图模板
用户、商户系统、支付平台、银行四方的在线支付时序图:创建支付单、展示支付页、扣款、同步返回与异步回调通知、回调失败重试。适合支付对接文档,免费导出 PNG、Word、PPT。
在编辑器里打开免费 · 免登录 · 无水印
改文字、换主题,导出 Word / PPT / PDF
适用场景
支付渠道对接文档、订单系统设计、电商项目论文。重点画出了两条容易被忽略的线:支付平台到商户的异步回调,以及回调失败时的重试循环;商户系统给自己发的消息(M->>M)表示本地校验签名、更新订单。
怎么改成你的
- 对接具体渠道时把「支付平台」改成渠道名,消息文字改成该渠道的接口名。
- 加「用户主动查询支付结果」的兜底:在回调之前插入
M->>P: 查询订单状态。 - 退款流程可以另画一张,或者在末尾加
opt 用户申请退款 … end。
Mermaid 代码
sequenceDiagram
autonumber
participant U as 用户
participant M as 商户系统
participant P as 支付平台
participant B as 银行
U->>M: 提交订单
M->>P: 创建支付单
P-->>M: 返回支付二维码 / 跳转链接
M-->>U: 展示支付页
U->>P: 确认付款
P->>B: 扣款
B-->>P: 扣款成功
P-->>U: 显示支付成功
P->>M: 异步回调通知
M->>M: 校验签名并更新订单状态
M-->>P: 返回 success
loop 回调失败时
P->>M: 按间隔重试通知
end让 AI 按这个结构生成一份
把下面这段发给豆包、DeepSeek、Kimi 或元宝,再把它的回复整段粘贴到编辑器,会自动识别其中的代码。
请用 Mermaid 的 sequenceDiagram 语法画一张在线支付时序图:参与者是用户、商户系统、支付平台、银行。用户提交订单,商户系统向支付平台创建支付单并展示支付页,用户确认付款,支付平台向银行扣款成功后显示支付成功,同时异步回调通知商户系统,商户校验签名更新订单并返回 success,回调失败时支付平台按间隔重试。加 autonumber。只输出 mermaid 代码块。
常见问题
- 自己给自己发消息怎么写?
M->>M: 文字,箭头会画成一个回到自身的小环,常用来表示本地处理步骤。- 能把参与者画成小人吗?
把
participant U as 用户改成actor U as 用户,就会显示成人形图标。- 图太高怎么办?
时序图高度随消息数增长。可以把重试等次要片段删掉,或拆成「支付」「回调与对账」两张图;导出时高图也会完整包含,PDF 页面尺寸随图走。
同类模板
更新于 2026-09-05