时序图预览区
在左侧输入 Mermaid sequenceDiagram 代码，点击“生成时序图”开始绘制
100%
直接答案：粘贴 Mermaid sequenceDiagram 代码即可生成可编辑的时序图，自动排出参与者泳道与消息箭头，可增删参与者、消息与备注后导出 PNG 用于系统设计章节。
能力边界：消息顺序与参与者划分以你写的代码为准，工具不校验流程是否符合业务逻辑；自动排版会重置手动调整过的位置。

内容更新于 2026-11-15

时序图用来描述一次完整交互中各参与者按时间先后如何传递消息，例如用户登录时前端、后端与数据库之间发生了什么。把 sequenceDiagram 代码粘贴进来，工具会画出参与者泳道与消息箭头，你可以在画布上补充参与者、消息和备注，调整线型后再导出图片放进论文，整个交互过程与消息顺序一目了然，便于对照代码检查。

什么是时序图生成

论文的系统设计章节通常用时序图说明核心业务流程，例如登录、下单、审批，评审关注的是参与者划分是否合理、消息顺序是否符合实际逻辑。手工绘制时序图时，消息一多就要反复对齐竖线，调整一次顺序整张图都得重画。Mermaid 的 sequenceDiagram 用文本描述参与者与消息，工具解析后自动排版，并支持在画布上增删参与者、修改消息内容、插入备注区域，线型可以按同步、异步、返回分别设置，方便一次画好、多次修改。

如何使用时序图生成

  1. 把 sequenceDiagram 代码粘贴到左侧，或点击「加载示例」载入登录流程示例。
  2. 点击「生成时序图」，再用「添加参与者」「添加消息」「添加备注」补充细节。
  3. 设置「实线」「虚线」「异步」后点击「导出 PNG」，或「另存为 .st_seq」。

示例输入

sequenceDiagram
    participant U as 用户
    participant F as 前端
    participant B as 后端
    participant D as 数据库
    U->>F: 输入账号密码
    F->>B: 发送登录请求
    B->>D: 查询账号
    D-->>B: 返回账号数据
    B-->>F: 返回登录结果
    F-->>U: 跳转首页

常见问题

sequenceDiagram 代码有哪些要点？

先声明 participant 参与者，再用 ->> 表示消息、-->> 表示返回，冒号后面写消息内容，Note over 可以在参与者之间插入备注说明，便于标注关键步骤。

可以手动添加参与者和消息吗？

可以。用「添加参与者」新增泳道，用「添加消息」选择发送方、接收方并填写内容，用「添加备注」插入说明块。

实线、虚线和异步有什么区别？

实线表示同步调用，虚线常用于返回消息，异步用于不需要等待返回的通知类调用，按业务流程选择即可。

自动排版会覆盖我的调整吗？

自动排版会重新计算参与者间距与消息间距，手动调整过的位置会被重置，建议在内容确定后再排版并导出。

.st_seq 文件保存了什么？

保存参与者、消息、备注与线型设置，通过「从文件打开」可以恢复全部内容并继续编辑，适合反复调整的流程说明。

相关工具

相关文章

查看全部在线工具 毕业设计服务 成功案例

添加消息
添加备注