现成的时序图模板
点开看预览与完整代码，直接下载 PNG / SVG / Word / PPT；「在编辑器里打开」后改文字、换主题再导出。
三步拿到能交的图
- 1点上面的「打开示例，直接改字」，或挑一套交互最接近的模板在编辑器里打开
- 2在代码里改参与者和消息文字；多一次交互就多写一行。也可以把下面的提示词发给 AI，说清有哪些角色和步骤，让它生成后整段粘贴进来
- 3选一套主题，点「导出 Word」或「导出 PPT」；论文里用 ×3 的 PNG 或 SVG
时序图的 Mermaid 写法
改这段试试：复制后粘贴进编辑器就能渲染。
mermaid
sequenceDiagram
autonumber
actor U as 用户
participant W as 网页
participant S as 服务器
participant D as 数据库
U->>W: 输入账号和密码
W->>S: 提交登录请求
S->>D: 查询用户
D-->>S: 返回用户信息
alt 密码正确
S-->>W: 返回登录凭证
W-->>U: 进入首页
else 密码错误
S-->>W: 返回错误
W-->>U: 提示重新输入
end- 第一行写 sequenceDiagram。participant A as 用户 声明参与者并起显示名，声明顺序就是从左到右的顺序；人可以用 actor
- 消息一行一条：A->>B: 文字 是实线箭头（请求），B-->>A: 文字 是虚线箭头（返回）
- 条件分支用 alt 条件 … else 另一种情况 … end，可选步骤用 opt … end，循环用 loop … end
- autonumber 给每条消息自动编号；Note over A,B: 文字 在两个参与者上方加说明
让 AI 按这个结构生成你的版本
把下面这段发给豆包、DeepSeek、Kimi 或元宝，把【】里的内容换成你的，再把它的回复整段粘贴到编辑器，会自动识别其中的代码。
prompt.txt
请用 Mermaid 的 sequenceDiagram 语法画一张时序图。场景是【用户登录】，参与者从左到右是：【用户、网页、服务器、数据库】，用 participant 声明并用 as 起中文名，人用 actor。交互过程是：【用户在网页输入账号密码 → 网页提交给服务器 → 服务器查数据库 → …】。请求用实线箭头 ->>，返回用虚线箭头 -->>；成功和失败两种情况用 alt … else … end 表示；第二行加 autonumber。只输出 mermaid 代码块。
常见问题
- 时序图里的实线和虚线箭头有什么区别？
- 通用约定是实线箭头表示调用或请求，虚线箭头表示返回结果。Mermaid 里 ->> 是实线、-->> 是虚线。异步消息可以用 -) 画成开放箭头。
- 时序图和流程图有什么不同？
- 流程图回答「先做什么、再做什么、遇到判断怎么走」；时序图回答「哪几个对象之间、按什么顺序、互相发了什么消息」。描述接口调用、登录、支付这类多方交互，用时序图更直接。
- 激活条（生命线上的细长矩形）怎么画？
- 在箭头后面加 + 激活接收方，返回时加 - 取消激活：A->>+B: 请求，B-->>-A: 返回。两者要成对出现；配不上时编辑器会提示并可以一键修好。
- 参与者太多，图太宽怎么办？
- 把只出现一两次的参与者合并（如把几个内部服务合成「后端」），或按场景拆成两张图：一张画正常流程，一张画异常流程。导出 SVG 放大不会模糊。
- 能表示并行或同时发生的消息吗？
- 能。用 par 分支一 … and 分支二 … end 把同时进行的几组消息框起来，图上会画成并排的分区，并标上 par。