时序图生成器：描述流程，得到 UML 时序图

UML 时序图把一个场景表现为随时间进行的对话。用户、浏览器、服务、数据库等参与者在顶部排成一行，每个参与者向下延伸一条虚线生命线，它们之间的消息是从上往下读的箭头。

要向不在场的人讲清楚登录、支付或一串 API 调用，时序图是最清楚的方式，所以评审、文档和考试都会要求。时序图生成器负责排版间距，你可以专注于把步骤写对。

按顺序像讲小故事一样写：谁开始、调用谁、返回什么。“浏览器把表单发给服务器，服务器查询数据库，数据库返回用户”就很理想。每个参与者的名称前后保持一致，这样只会生成一条生命线。

写出流程会在哪里分支或重复。“密码错误时显示错误”会变成 alt 框，“对购物车里的每件商品”会变成 loop，“可选地使用优惠券”会变成 opt 框。返回值重要时也写出来，比如令牌或订单号。

从上往下读箭头，和你的描述对照。每个需要结果的请求，下方都应该有一条虚线返回；消息不应该跑到触发它的步骤前面。检查每个框是否正好包住它的条件所覆盖的消息。

缺了步骤或顺序不对，可以在编辑器里移动，或者让 AI 修正。一张图只画一个场景，比如登录成功，会更清楚；失败的情况可以单独画一张，或者作为 alt 分支。

时序图放大的是单个用例。用例图列出所有目标，类图定义发送这些消息的对象，活动图展示带判断和并行步骤的整体流程。

本站每种视图都有对应的生成器，都输出可在同一个编辑器中打开的 Draw.io 文件。各张图使用相同的名称，设计文档会更容易读懂。