全部模板

时序图模板

按时间顺序展示请求生命周期和服务间交互,适合 API 设计、问题排查和架构评审。

使用此模板

模板亮点

  • 参与者泳道与时间线式消息流
  • 水平箭头展示请求与响应
  • 易于改造成鉴权、支付或事件流程

这个模板适合做什么

这个时序图模板帮你把系统中各组件、服务或参与者之间随时间传递的消息可视化。无论是记录 API 集成、设计认证流程、说明微服务交互,还是带新工程师了解复杂的调用链,时序图都能展示不只是谁和谁通信,更重要的是每条消息的顺序和方向——这正是调试、设计或解释分布式系统时最关键的信息。

适用场景

  • 记录包含 Token 交换和刷新步骤的 REST API 认证流程。
  • 梳理跨前端、后端、支付网关和通知服务的结账流程。
  • 在编写服务契约之前,先设计新功能的微服务交互方案。
  • 向非技术干系人解释包含回调或 Webhook 的复杂异步流程。
  • 通过对比实际消息顺序与预期顺序,调试竞态条件。
  • 为新工程师绘制遗留系统的核心请求-响应循环,帮助他们快速上手。

使用步骤

  1. 1把参与者——角色、服务或组件——列为顶部的各列。
  2. 2从每个参与者向下画一条垂直生命线。
  3. 3请求用从左到右的水平箭头,响应用从右到左的箭头。
  4. 4在每条箭头上标注消息名称、方法或事件。
  5. 5用激活框标注生命线上参与者正在处理的时段。

简单示例

用户登录时序图

用户 → 前端:提交凭证
前端 → 认证服务:POST /login
认证服务 → 数据库:验证密码哈希
数据库 → 认证服务:用户记录
认证服务 → 前端:JWT Token
前端 → 用户:跳转到仪表盘

在线开始编辑

在 CodePic 中打开模板后,替换示例节点,就能很快整理成自己的学习导图。

查看示例: /templates/sequence-diagram/examples

更多推荐模板