使用 Graphviz 绘画 UML 图 Milo Yip 2019/10/28 目录 1 简介 2 1.1 使用 Graphviz dot . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2 类图 4 2.1 继承 . . . . . . . . . . . . . . . . . . 图（graph），然后 自动排布节点和边去生成图片。它已有近 30 年历史。 UML（unified modeling language，统一建模语言）是一种常用的面向对象设计的方法。其中 最常用的是类图（class diagram），用于表示类的构成以及类之间的关系。 利用 Graphviz 去生成 UML 类图有几个好处： 1. 用文本表示图，容易更新，容易做版本管理。 2. 能自 %.dot dot $< -Tpng -o $@ %.pdf: %.dot dot $< -Tpdf -o $@ 3 Chapter 2 类图 UML 类图（class diagram）是最常见的图，用于表示系统的静态结构。UML 中类是以矩形表 示。我们可以在 dot 文件中预设节点的形状，并且设置一些如字体等属性： digraph { node [shape=box, fontname="Inconsolata

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2021.2) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 对象图 • 活动图 • 组件图 • 部署图 • 状态图 • 定时图 同时还支持以下非 UML 图: • JSON Data • YAML Data • Network diagram : hello Alice -> Bob : ok @enduml [Ref. QA-2794] 1.38.3 style strictuml To be conform to strict UML (for arrow style: emits triangle rather than sharp arrowheads), you can use: • skinparam style strictuml A::counter This member is annotated end note note right of A::start This method is now explained in a UML note end note @enduml 3.10.2 Note on method with the same name @startuml class A { {static} int counter

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2019.6) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • 线框图形界面 • 架构图 • 规范和描述语言 (SDL) • Ditaa Interface1 <-- [Component] Interface2 <- [Component] @enduml PlantUML 语言参考指引 (1.2019.6) 79 / 173 6.7 使用 UML2 标记符 6 组件图 还可以使用关键字 left, right, up or down 改变箭头方向。 @startuml [Component] -left-> left [Component] 请不要乱用这些功能：Graphviz(PlantUML 的后端引擎) 不喜欢这个样子。 6.7 使用 UML2 标记符 命令 skinparam componentStyle uml2 可以切换到 UML2 标记符。 @startuml skinparam componentStyle uml2 interface "Data Access" as DA DA - [First Component]

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2019.9) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • 线框图形界面 • 架构图 • 规范和描述语言 (SDL) • Ditaa Interface1 <-- [Component] Interface2 <- [Component] @enduml PlantUML 语言参考指引 (1.2019.9) 79 / 173 6.7 使用 UML2 标记符 6 组件图 还可以使用关键字 left, right, up or down 改变箭头方向。 @startuml [Component] -left-> left [Component] 请不要乱用这些功能：Graphviz(PlantUML 的后端引擎) 不喜欢这个样子。 6.7 使用 UML2 标记符 命令 skinparam componentStyle uml2 可以切换到 UML2 标记符。 @startuml skinparam componentStyle uml2 interface "Data Access" as DA DA - [First Component]

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2019.1) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • 线框图形界面 • 架构图 • 规范和描述语言 (SDL) • Ditaa PlantUML 语言参考指引 (1.2019.1) 73 / 145 6.7 使用 UML2 标记符 6 组件图 6.7 使用 UML2 标记符 命令 skinparam componentStyle uml2 可以切换到 UML2 标记符。 @startuml skinparam componentStyle uml2 interface "Data Access" as DA DA - [First UNICODE @enduml 18.2 Charset The default charset used when reading the text files containing the UML text description is system dependent. Normally, it should just be fine, but in some case, you may

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2019.4) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • 线框图形界面 • 架构图 • 规范和描述语言 (SDL) • Ditaa Interface1 <-- [Component] Interface2 <- [Component] @enduml PlantUML 语言参考指引 (1.2019.4) 78 / 164 6.7 使用 UML2 标记符 6 组件图 还可以使用关键字 left, right, up or down 改变箭头方向。 @startuml [Component] -left-> left [Component] 请不要乱用这些功能：Graphviz(PlantUML 的后端引擎) 不喜欢这个样子。 6.7 使用 UML2 标记符 命令 skinparam componentStyle uml2 可以切换到 UML2 标记符。 @startuml skinparam componentStyle uml2 interface "Data Access" as DA DA - [First Component]

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2020.23) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • JSON Data • 线框图形界面 • 架构图 • 规范和描述语言 : hello Alice -> Bob : ok @enduml [Ref. QA-2794] 1.36.3 style strictuml To be conform to strict UML (for arrow style: emits triangle rather than sharp arrowheads), you can use: • skinparam style strictuml A::counter This member is annotated end note note right of A::start This method is now explained in a UML note end note @enduml 3.10.2 Note on method with the same name @startuml class A { {static} int counter

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2023.11) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 对象图 • 活动图 • 组件图 • 部署图 • 状态图 • 定时图 同时还支持以下非 UML 图: • JSON Data • YAML Data • Network diagram solid Bob -> Alice : hello Alice -> Bob : ok @enduml [参见 QA-2794] 1.39.3 style strictuml 为了符合严格 UML 的标准（线头的形状必须是三角形，而不能是箭头形），你可以使用： • skinparam style strictuml @startuml skinparam style strictuml Bob +void {abstract} start(int timeout) } note left of A::counter 该成员已注释 end note note right of A::start 在 UML 注释了此方法 end note @enduml 3.11.3 给同名方法注释 @startuml class A { {static} int counter +void {abstract}

概念的理解 � 文中释译不当之处 肯请各位批评指正 � 译者 ����������� ���� 年 �� 月� ������ 目录 目录 目录 目录� � ��� 概述 概述 概述 概述 UML OVERVIEW ������������������������������������������������������������������������������������������������� ����������������������������������������������������������������������������� �� ��� 一览 一览 一览 一览 UML WALKTHROUGH ��������������������������������������������������������������������������������������� ����������������������������������������������������������������� ��� ��� 标 标 标 标准元素 准元素 准元素 准元素 UML STANDARD ELMENTS ������������������������������������������������������������������� ��� 概述������

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2020.22) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • JSON Data • 线框图形界面 • 架构图 • 规范和描述语言 Interface1 <-- [Component] Interface2 <- [Component] @enduml PlantUML 语言参考指引 (1.2020.22) 96 / 294 6.7 Use UML2 notation 6 组件图 还可以使用关键字 left, right, up or down 改变箭头方向。 @startuml [Component] -left-> left [Component] -do-, -down-都是等价的)。 请不要乱用这些功能：Graphviz(PlantUML 的后端引擎) 不喜欢这个样子。 6.7 Use UML2 notation By default (from v1.2020.13-14), UML2 notation is used. @startuml interface "Data Access" as DA DA - [First Component]