# 使用 Graphviz 绘画 UML 图 Milo Yip 2019/10/28 ## 目录 1 简介 1.1 使用 Graphviz dot 2 类图 2.1 继承 2.2 关联 2.3 聚合 2.4 组成 2.5 依赖 2.6 类成员 2.7 包 2.8 排布技巧 2.9 颜色 3 状态图 4 参考 18 ## Chapter 1 去描述图（graph），然后自动排布节点和边去生成图片。它已有近 30 年历史。 UML（unified modeling language，统一建模语言）是一种常用的面向对象设计的方法。其中最常用的是类图（class diagram），用于表示类的构成以及类之间的关系。 利用 Graphviz 去生成 UML 类图有几个好处： 1. 用文本表示图，容易更新，容易做版本管理。 2. 能自动排布节点位置，在大型复杂的图特别方便。 dot $\le -Tpng -o $@ %.pdf: %.dot dot $\le -Tpdf -o $@ ## Chapter 2 ## 类图 UML 类图（class diagram）是最常见的图，用于表示系统的静态结构。UML 中类是以矩形表示。我们可以在 dot 文件中预设节点的形状，并且设置一些如字体等属性： digraph { node [shape=box, fo

l'UML avec PlantUML #### Guide de référence du langage PlantUML (Version 1.2023.11) PlantUML est un composant qui permet de dessiner rapidement des: • diagrammes de séquence • diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'objet • diagrammes d'activité • diagrammes de composant • diagrammes de déploiement • diagrammes d'état • diagrammes de temps Certains autres diagrammes (hors UML) sont aussi possibles: • données au format JSON • données au format YAML • diagrammes de réseaux (nwdig) • maquettes d'interface graphique (salt) • diagrammes Archimate

l'UML avec PlantUML #### Guide de référence du langage PlantUML (Version 1.2021.2) PlantUML est un composant qui permet de dessiner rapidement des: • diagrammes de séquence • diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'objet • diagrammes d'activité • diagrammes de composant • diagrammes de déploiement • diagrammes d'état • diagrammes de temps Certains autres diagrammes (hors UML) sont aussi possibles: • données au format JSON • données au format YAML • diagrammes de réseaux (nwdig) • maquettes d'interface graphique (salt) • diagrammes Archimate

# Dessiner de l'UML avec PlantUML  #### Guide de référence du langage PlantUML (Version 1.2019.2) PlantUML est un composant rapidement des: • diagrammes de séquence • diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'activité • diagrammes de composant • diagrammes d'état • diagrammes d'objet d'objet • diagrammes de déploiement • diagrammes de temps Certains autres diagrammes (hors UML) sont aussi possibles: • maquette d'interface graphique • diagrammes Archimate • Specification and Description

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2019.4) PlantUML is a component that allows diagram • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • Wireframe graphical interface • Archimate diagram • Specification results without tweaking. ### 6.7 Use UML2 notation The skinparam componentStyle uml2 command is used to switch to UML2 notation. @startuml skinparam componentStyle uml2 interface "Data Access"

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2019.9) PlantUML is a component that allows diagram • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • Wireframe graphical interface • Archimate diagram • Specification results without tweaking. ### 6.7 Use UML2 notation The skinparam componentStyle uml2 command is used to switch to UML2 notation. @startuml skinparam componentStyle uml2 interface "Data Access"

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2019.3) PlantUML is a component that allows diagram • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • Wireframe graphical interface • Archimate diagram • Specification results without tweaking. ### 6.7 Use UML2 notation The skinparam componentStyle uml2 command is used to switch to UML2 notation. @startuml skinparam componentStyle uml2 interface "Data Access"

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2023.11) PlantUML is a component that allows diagram • Component diagram • Deployment diagram • State diagram • Timing diagram The following non-UML diagrams are also supported: • JSON Data • YAML Data • Network diagram (nwd) • Wireframe graphical ef07782a743b35f/p43_3.jpg) [Ref. QA-2794] #### 1.39.3 style strictuml To be conform to strict UML (for arrow style: emits triangle rather than sharp arrowheads), you can use: • skinparam style strictuml

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2020.23) PlantUML is a component that allows diagram • State diagram • Object diagram • Deployment diagram • Timing diagram The following non-UML diagrams are also supported: • JSON Data • Wireframe graphical interface • Archimate diagram • ee88d1220cf0b80/p36_2.jpg) [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

# Dessiner de l'UML avec PlantUML  #### Guide de référence du langage PlantUML (Version 1.2019.6) PlantUML est un composant rapidement des: • diagrammes de séquence • diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'activité • diagrammes de composant • diagrammes d'état • diagrammes d'objet d'objet • diagrammes de déploiement • diagrammes de temps Certains autres diagrammes (hors UML) sont aussi possibles: • maquette d'interface graphique • diagrammes Archimate • Specification and Description