PlantUML 类图在线编辑器

在线创建 PlantUML 类图,设计类、接口、属性、方法和继承关系,实时预览并导出 PNG 或 SVG。

PlantUML 类图在线编辑器工作区

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

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

图表预览

使用 PlantUML 创建类图

在可编辑工作区中设计类、接口、属性、方法、继承、实现、聚合、组合和关联,无需安装 Java 或 Graphviz。

内置类图模板

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

实时图表预览

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

专属语法说明

学习类、接口、属性、方法、继承、实现、聚合、组合和关联的常用表达方式。

PNG 与 SVG 导出

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

如何在线创建 PlantUML 类图

使用内置模板创建适用于领域建模、API 设计、代码文档、设计评审和面向对象架构的类图。

  1. 01

    打开内置类图模板。

  2. 02

    修改类名并添加属性或方法。

  3. 03

    使用继承、实现、聚合或组合箭头连接类型。

  4. 04

    检查关系方向和多重性。

  5. 05

    导出 PNG 或 SVG。

PlantUML 类图语法与应用场景

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

类、接口与成员

使用 class、interface、abstract 或 enum 声明类型,在花括号内添加属性和方法。+、-、# 和 ~ 可以表达成员可见性。

继承与接口实现

使用 <|-- 表示继承,使用 <|.. 表示接口实现。箭头指向更通用的父类或接口。

interface 支付网关
class Stripe网关
支付网关 <|.. Stripe网关

关联、聚合与组合

使用 -- 表示一般关联,o-- 表示聚合,*-- 表示组合;需要时在关系两端添加多重性。

什么时候使用类图

当重点是系统中的类型、数据、行为和静态关系时使用类图;行为时间线更适合时序图,流程决策更适合活动图。

PlantUML 类图中文示例

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

@startuml
class 用户 {
  -编号: 字符串
  +登录(): 令牌
}
class 订单 {
  -总金额: 数字
}
用户 "1" --> "0..*" 订单
@enduml

相关 PlantUML 工具

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

为什么使用 PlantUML 创建类图

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

从正确模板开始

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

让模型便于评审

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

导出前检查结果

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

常见问题

什么是 PlantUML 类图在线工具?

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

类图适合哪些场景?

常见场景包括领域建模、API 设计、代码文档、设计评审和面向对象架构,可以根据实际系统替换内置示例。

如何在 PlantUML 类图中表示多重性?

在关系两端添加带引号的数量,例如 用户 "1" -- "0..*" 订单。

PlantUML 类图支持接口和枚举吗?

支持。可以使用 interface 和 enum 声明,并通过实现、继承或依赖关系与其他类型连接。

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

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

需要安装 PlantUML、Java 或 Graphviz 吗?

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

需要 AI 辅助编辑吗?

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

打开完整编辑器