使用 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

Drawing UML with PlantUML PlantUML Language Reference Guide (Version 1.2020.23) PlantUML is a component that allows to quickly write : • Sequence diagram • Usecase diagram • Class diagram • Activity • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • JSON Data • Wireframe graphical interface • Archimate diagram • Specification diagram • Work Breakdown Structure diagram • Mathematic with AsciiMath or JLaTeXMath notation Diagrams are defined using a simple and intuitive language. 1 SEQUENCE DIAGRAM 1 Sequence Diagram 1.1

Drawing UML with PlantUML PlantUML Language Reference Guide (Version 1.2019.4) PlantUML is a component that allows to quickly write : • Sequence diagram • Usecase diagram • Class diagram • Activity • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • Wireframe graphical interface • Archimate diagram • Specification and diagram • Work Breakdown Structure diagram • Mathematic with AsciiMath or JLaTeXMath notation Diagrams are defined using a simple and intuitive language. 1 SEQUENCE DIAGRAM 1 Sequence Diagram 1.1

Drawing UML with PlantUML PlantUML Language Reference Guide (Version 1.2019.9) PlantUML is a component that allows to quickly write : • Sequence diagram • Usecase diagram • Class diagram • Activity • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • Wireframe graphical interface • Archimate diagram • Specification and diagram • Work Breakdown Structure diagram • Mathematic with AsciiMath or JLaTeXMath notation Diagrams are defined using a simple and intuitive language. 1 SEQUENCE DIAGRAM 1 Sequence Diagram 1.1

Drawing UML with PlantUML PlantUML Language Reference Guide (Version 1.2019.3) PlantUML is a component that allows to quickly write : • Sequence diagram • Usecase diagram • Class diagram • Activity • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • Wireframe graphical interface • Archimate diagram • Specification and Language (SDL) • Ditaa diagram • Gantt diagram • Mathematic with AsciiMath or JLaTeXMath notation Diagrams are defined using a simple and intuitive language. 1 SEQUENCE DIAGRAM 1 Sequence Diagram 1.1

Drawing UML with PlantUML PlantUML Language Reference Guide (Version 1.2023.11) PlantUML is a component that allows to quickly write : • Sequence diagram • Usecase diagram • Class diagram • Object Component diagram • Deployment diagram • State diagram • Timing diagram The following non-UML diagrams are also supported: • JSON Data • YAML Data • Network diagram (nwdiag) • Wireframe graphical notation • Entity Relationship diagram Diagrams are defined using a simple and intuitive language. 1 SEQUENCE DIAGRAM 1 Sequence Diagram Creating sequence diagrams with PlantUML is remarkably straightforward

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2021.2) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 对象图 • 活动图 • 组件图 • 部署图 • 状态图 • 定时图 同时还支持以下非 UML 图: • JSON Data • YAML Data • Network diagram Alice -> Bob : ok @enduml [Ref. QA-9016] • solid In order to have solid life line in sequence diagrams, you can use: skinparam lifelineStrategy solid @startuml skinparam lifelineStrategy solid Bob -> : 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

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2019.6) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • 线框图形界面 • 架构图 • 规范和描述语言 (SDL) • Ditaa installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml 也可以使用关键字 elseif 设置多个分支测试。 @startuml start if (condition A) then (yes) :Text 5.4 重复循环 你可以使用关键字 repeat 和 repeatwhile 进行重复循环。 @startuml start repeat :read data; :generate diagrams; repeat while (more data?) stop @enduml 5.5 while 循环 可以使用关键字 while 和 end while 进行 while 循环。

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2019.9) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • 线框图形界面 • 架构图 • 规范和描述语言 (SDL) • Ditaa installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml 也可以使用关键字 elseif 设置多个分支测试。 @startuml start if (condition A) then (yes) :Text 5.4 重复循环 你可以使用关键字 repeat 和 repeatwhile 进行重复循环。 @startuml start repeat :read data; :generate diagrams; repeat while (more data?) stop @enduml 5.5 while 循环 可以使用关键字 while 和 end while 进行 while 循环。

使用 PlantUML 绘制的 UML PlantUML 语言参考指引 (Version 1.2019.1) PlantUML 是一个开源项目，支持快速绘制： • 时序图 • 用例图 • 类图 • 活动图 • 组件图 • 状态图 • 对象图 • 部署图 • 定时图 同时还支持以下非 UML 图: • 线框图形界面 • 架构图 • 规范和描述语言 (SDL) • Ditaa installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml 也可以使用关键字 elseif 设置多个分支测试。 @startuml start if (condition A) then (yes) :generate diagrams; repeat while (more data?) stop @enduml 5.5 while 循环 可以使用关键字 while 和 end while 进行 while 循环。 @startuml start while (data available?) :read data; :generate diagrams; endwhile