图搭子

微服务调用时序图模板

客户端、API 网关、订单服务、库存服务、消息队列、通知服务的下单调用链时序图,含 activate 激活条与事件发布消费。适合微服务架构设计文档,免费导出 PNG、Word、PPT。

通知服务消息队列库存服务订单服务API 网关客户端通知服务消息队列库存服务订单服务API 网关客户端POST /orders创建订单扣减库存扣减成功发布「订单已创建」事件201 返回订单号返回订单号消费事件推送下单成功通知
预览用的是「墨青」主题,打开编辑器后可以换
在编辑器里打开免费 · 免登录 · 无水印

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

适用场景

微服务架构设计、接口联调说明、技术方案评审。activate / deactivate 在生命线上画出服务处理请求的时间段;消息队列把「发通知」从主调用链里解耦,图上一眼能看出哪些是同步调用、哪些是异步事件。

怎么改成你的

  • 加服务:加一行 participant X as 服务名,参与者按第一次出现的顺序从左到右排列。
  • 同步调用用 ->>-->> 返回;异步事件只画一条 ->>,不画返回。
  • 加超时与降级:用 alt 库存服务超时 … else … end 包住扣减库存那段。
  • 需要每条消息编号,在第一行下面加 autonumber

Mermaid 代码

sequenceDiagram
    participant C as 客户端
    participant G as API 网关
    participant O as 订单服务
    participant I as 库存服务
    participant Q as 消息队列
    participant N as 通知服务
    C->>G: POST /orders
    G->>O: 创建订单
    activate O
    O->>I: 扣减库存
    activate I
    I-->>O: 扣减成功
    deactivate I
    O->>Q: 发布「订单已创建」事件
    O-->>G: 201 返回订单号
    deactivate O
    G-->>C: 返回订单号
    Q->>N: 消费事件
    N-->>C: 推送下单成功通知

让 AI 按这个结构生成一份

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

请用 Mermaid 的 sequenceDiagram 语法画一张微服务下单调用时序图:参与者是客户端、API 网关、订单服务、库存服务、消息队列、通知服务。客户端经网关调用订单服务创建订单,订单服务同步调用库存服务扣减库存,然后向消息队列发布「订单已创建」事件并返回订单号,通知服务消费事件后推送通知给客户端。用 activate/deactivate 表示订单服务与库存服务的处理时间段。只输出 mermaid 代码块。

常见问题

activate 和消息后面加 + / - 有什么区别?

O->>I: 扣减库存 后跟 activate I 与写成 O->>+I: 扣减库存 等价,-->>- 对应 deactivate。写全称更容易读,AI 生成的代码两种都有。

参与者太多图很宽怎么办?

把次要参与者合并(例如网关与客户端合并),或者用 box 把同一层的服务框在一起再缩短名称。导出 SVG 可以任意缩放不糊。

怎么表示消息队列里的事件名?

直接写在消息文字里,用「」或引号标出,例如「订单已创建」。文字里不要出现分号。

同类模板

全部模板

更新于 2026-09-05