Diagram.RS

类图工具

通过简单的文本描述类、属性、方法和关系。Diagram.RS 使用 Mermaid 语法实时渲染交互式 UML 类图,适用于软件设计和文档编写。

图表代码
预览
Theme
Default
试试示例

如何在线制作类图

  1. 以 classDiagram 开头,并使用 class 类名 { ... } 定义每个类。
  2. 在大括号内列出属性和方法,使用 +、- 或 # 前缀表示可见性。
  3. 使用 -->、--|> 或 *-- 等关系箭头连接类,并添加标签。
  4. 将类图导出为 SVG 或 PNG,用于设计文档。

类图常见问题

如何免费在线制作 UML 类图?
以 classDiagram 开头,使用 class 类名 { 属性和方法 } 定义类,再用 --> 或 --|> 等箭头连接相关的类,类图会即时渲染。
不同箭头分别代表什么关系?
--> 表示普通关联,--|> 表示继承(extends),*-- 表示组合,o-- 表示聚合。Mermaid 支持这些标准 UML 关系符号。
如何表示属性和方法的可见性?
在成员前加上前缀:+ 表示 public,- 表示 private,# 表示 protected,例如 +String name 或 -calculateTotal()。

更多图表工具