PlantUML 对象图在线编辑器

在线创建 PlantUML 对象图,记录具体实例、当前属性值和对象关系,实时预览并导出 PNG 或 SVG。

PlantUML 对象图在线编辑器工作区

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

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

图表预览

使用 PlantUML 创建对象图

在可编辑工作区中设计具体对象实例、当前属性值、实例链接、关系标签和某个时刻的系统快照,无需安装 Java 或 Graphviz。

内置对象图模板

从可直接渲染的中文对象图示例开始。

实时图表预览

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

专属语法说明

学习具体对象实例、当前属性值、实例链接、关系标签和某个时刻的系统快照的常用表达方式。

PNG 与 SVG 导出

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

如何在线创建 PlantUML 对象图

使用内置模板创建适用于运行状态调试、测试数据说明、具体业务场景评审和技术文档示例的对象图。

  1. 01

    选择一个明确时刻或业务场景,例如订单支付完成后。

  2. 02

    列出该时刻真实存在的对象实例,并为实例清晰命名。

  3. 03

    只添加解释当前场景需要的属性值。

  4. 04

    连接对象,并用简短标签说明关系的业务含义。

  5. 05

    检查实时预览,然后导出 PNG 或 SVG。

PlantUML 对象图语法与应用场景

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

对象实例与当前属性值

使用 object 声明具体实例。订单A001 : 订单 这样的名称同时说明实例和类型;在花括号中填写当前值,让图表记录本场景中真实存在的状态,而不是类可能包含的全部字段。

object "订单A001 : 订单" as 订单 {
  编号 = "A-001"
  状态 = "已支付"
  总金额 = 299.00
}

对象链接与关系标签

使用实线或带方向的关系连接实例,并在冒号后添加简短标签。“提交”和“通过支付”这类标签能够说明连接的业务含义。只有在帮助理解当前快照时才添加基数。

客户 -- 订单 : 提交
订单 -- 支付 : 通过支付

对象图与类图如何选择

需要回答“现在存在哪些实例、它们的值是什么、如何连接”时使用对象图;需要描述类型、属性、方法和类型关系时使用类图。

让状态快照保持聚焦

一次只记录一个时间点,并只保留解释当前场景需要的对象和值。如果一张图混入多个生命周期阶段或大量无关实例,应拆成多个快照,每张图只回答一个评审或调试问题。

PlantUML 对象图中文示例

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

@startuml
title 已支付订单状态快照

object "小李 : 客户" as 客户 {
  编号 = "C-1042"
  姓名 = "小李"
}

object "订单A001 : 订单" as 订单 {
  编号 = "A-001"
  状态 = "已支付"
  总金额 = 299.00
}

object "支付P01 : 支付" as 支付 {
  编号 = "P-01"
  状态 = "已入账"
  金额 = 299.00
}

客户 -- 订单 : 提交
订单 -- 支付 : 通过支付
@enduml

为什么使用 PlantUML 创建对象图

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

从正确模板开始

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

让模型便于评审

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

导出前检查结果

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

常见问题

什么是 PlantUML 对象图在线工具?

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

对象图适合哪些场景?

常见场景包括运行状态调试、测试数据说明、具体业务场景评审和技术文档示例,可以根据实际系统替换内置示例。

对象图和类图有什么区别?

类图描述可以复用的类型及其结构;对象图描述某个时刻的具体实例、实例当前值和实例之间的链接。

对象图必须显示实例的全部属性吗?

不需要。只保留解释业务场景、测试用例或运行状态需要的值,可以让快照更容易检查。

可以把对象图导出为 PNG 或 SVG 吗?

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

需要安装 PlantUML、Java 或 Graphviz 吗?

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

需要 AI 辅助编辑吗?

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

打开完整编辑器