PlantUML 状态图在线编辑器

在线创建 PlantUML 状态图,设计状态、事件、守卫条件和生命周期转换,实时预览并导出图表。

PlantUML 状态图在线编辑器工作区

从中文状态图模板开始,编辑 PlantUML 源码并实时查看渲染结果。

使用轻量编辑器快速预览。需要 AI 生成、语法修复或项目协作时,请打开完整编辑器。

图表预览

使用 PlantUML 创建状态图

在可编辑工作区中设计状态、事件、转换、初始与终止状态、守卫条件、动作和复合状态,无需安装 Java 或 Graphviz。

内置状态图模板

从可直接渲染的中文状态图示例开始。

实时图表预览

编辑 PlantUML 源码时同步检查图表结构与标签。

专属语法说明

学习状态、事件、转换、初始与终止状态、守卫条件、动作和复合状态的常用表达方式。

PNG 与 SVG 导出

从同一份源码下载适合分享或文档使用的图表。

如何在线创建 PlantUML 状态图

使用内置模板创建适用于订单生命周期、登录会话、设备行为、工作流引擎、界面状态和协议设计的状态图。

  1. 01

    打开内置状态图模板。

  2. 02

    列出对象生命周期中的稳定状态。

  3. 03

    使用事件、守卫条件或动作标记转换。

  4. 04

    检查初始与终止状态是否完整。

  5. 05

    导出 PNG 或 SVG。

PlantUML 状态图语法与应用场景

学习状态图的核心语法与建模方法,并直接在上方编辑器中应用。

状态与转换

使用 state 声明状态,并通过箭头连接状态。转换标签通常包含触发事件,也可以补充守卫条件和动作。

初始与终止状态

使用 [*] 表示初始或终止伪状态,确保状态机有明确入口,并为完整生命周期提供结束路径。

事件、守卫与动作

使用 event [guard] / action 格式描述何时发生转换、需要满足什么条件以及转换时执行什么操作。

复合状态

将相关子状态嵌套到外层状态中,可以在保留总体生命周期的同时描述局部状态机。

PlantUML 状态图中文示例

编辑示例源码,检查实时预览,并按需导出 PNG 或 SVG。

@startuml
[*] --> 待支付
待支付 --> 已支付 : 收到付款
已支付 --> 已发货 : 商品出库
已发货 --> [*]
@enduml

相关 PlantUML 工具

需要其他导出格式或完整 PlantUML 编辑流程时,可以使用这些相关工具。

为什么使用 PlantUML 创建状态图

PlantUML 将状态图保存为可审阅文本,便于更新、版本控制、复用和导出。

从正确模板开始

直接使用状态图模板,无需改造无关示例。

让模型便于评审

使用可读文本保存设计,适合文档和版本控制。

导出前检查结果

在分享之前检查图表结构、关系和标签。

常见问题

什么是 PlantUML 状态图在线工具?

这是一个从状态图模板开始的浏览器编辑器,可编辑源码、实时预览并导出 PNG 或 SVG。

状态图适合哪些场景?

常见场景包括订单生命周期、登录会话、设备行为、工作流引擎、界面状态和协议设计,可以根据实际系统替换内置示例。

如何表示 PlantUML 状态图的起点和终点?

使用 [*] --> 状态 表示初始状态,使用 状态 --> [*] 表示终止状态。

状态转换可以包含条件吗?

可以。在转换标签中添加方括号守卫条件,并可在斜杠后添加执行动作。

可以把状态图导出为 PNG 或 SVG 吗?

可以。PNG 适合演示文稿和快速分享,SVG 适合需要缩放的网页与技术文档。

需要安装 PlantUML、Java 或 Graphviz 吗?

不需要。在线工具通过服务端生成预览,可以直接在浏览器中编辑和导出。

需要 AI 辅助编辑吗?

打开 OnUML 完整编辑器,使用 AI 生成、语法修复、分享和项目管理。

打开完整编辑器