参与者与生命线
先声明用户、服务、数据库和外部系统，再按时间顺序编写消息。可以使用别名缩短源码，同时保留清晰的显示名称。
PlantUML 时序图在线编辑器
在线创建 PlantUML 时序图，编排参与者、消息、条件与循环，实时预览并导出 PNG 或 SVG。
PlantUML 时序图在线编辑器工作区
从中文时序图模板开始，编辑 PlantUML 源码并实时查看渲染结果。
使用轻量编辑器快速预览。需要 AI 生成、语法修复或项目协作时，请打开完整编辑器。
图表预览
使用 PlantUML 创建时序图
在可编辑工作区中设计参与者、生命线、请求、响应、条件分支、循环和异步消息，无需安装 Java 或 Graphviz。
内置时序图模板
从可直接渲染的中文时序图示例开始。
实时图表预览
编辑 PlantUML 源码时同步检查图表结构与标签。
专属语法说明
学习参与者、生命线、请求、响应、条件分支、循环和异步消息的常用表达方式。
PNG 与 SVG 导出
从同一份源码下载适合分享或文档使用的图表。
如何在线创建 PlantUML 时序图
使用内置模板创建适用于API 文档、登录认证、微服务调用、支付流程和架构评审的时序图。
- 01
打开内置时序图模板。
- 02
按时间顺序修改参与者和消息。
- 03
使用 alt、loop 或 par 表达分支、循环与并行。
- 04
检查预览中的请求和响应是否清晰。
- 05
导出 PNG 或 SVG。
PlantUML 时序图语法与应用场景
学习时序图的核心语法与建模方法，并直接在上方编辑器中应用。
请求与返回消息
使用 -> 表示请求，使用 --> 表示返回值。为每条消息添加动作或结果标签，让读者不依赖额外说明也能理解流程。
客户端 -> 接口: POST /login
接口 --> 客户端: 200 OK + 访问令牌条件、循环与并行
使用 alt 和 else 表示不同结果，使用 loop 表示重试或批处理，使用 par 表示可以同时发生的交互。
什么时候使用时序图
当消息发生顺序很重要时使用时序图，例如 API 调用、登录、支付和服务编排；如果重点是类型及其关系，则更适合使用类图。
PlantUML 时序图中文示例
编辑示例源码，检查实时预览，并按需导出 PNG 或 SVG。
@startuml
actor 用户
participant "OnUML 编辑器" as 编辑器
participant "PlantUML 服务" as 服务
用户 -> 编辑器: 编写 PlantUML 代码
编辑器 -> 服务: 请求渲染图表
服务 --> 编辑器: 返回图表
编辑器 --> 用户: 显示实时预览
@enduml相关 PlantUML 工具
需要其他导出格式或完整 PlantUML 编辑流程时，可以使用这些相关工具。
为什么使用 PlantUML 创建时序图
PlantUML 将时序图保存为可审阅文本，便于更新、版本控制、复用和导出。
从正确模板开始
直接使用时序图模板，无需改造无关示例。
让模型便于评审
使用可读文本保存设计，适合文档和版本控制。
导出前检查结果
在分享之前检查图表结构、关系和标签。
常见问题
什么是 PlantUML 时序图在线工具？
这是一个从时序图模板开始的浏览器编辑器，可编辑源码、实时预览并导出 PNG 或 SVG。
时序图适合哪些场景？
常见场景包括API 文档、登录认证、微服务调用、支付流程和架构评审，可以根据实际系统替换内置示例。
如何在 PlantUML 时序图中添加条件分支？
使用 alt 开始第一个条件，使用 else 添加另一种结果，并以 end 结束条件片段。
时序图可以表示异步消息吗？
可以。使用 ->> 表示异步消息，需要表达并行交互时可以配合 par 块。
可以把时序图导出为 PNG 或 SVG 吗？
可以。PNG 适合演示文稿和快速分享，SVG 适合需要缩放的网页与技术文档。
需要安装 PlantUML、Java 或 Graphviz 吗？
不需要。在线工具通过服务端生成预览，可以直接在浏览器中编辑和导出。
需要 AI 辅助编辑吗？
打开 OnUML 完整编辑器，使用 AI 生成、语法修复、分享和项目管理。