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

# Diagramando UML con PlantUML  #### Guía de Referencia del Lenguaje PlantUML (Version 1.2019.2) PlantUML es un proyecto • Diagramas de Objetos • Diagramas de Despliegue • Timing diagram Los siguientes diagramas no-UML también están soportados: • Wireframe graphical interface • Archimate diagram • Specification and installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml ![Image](/uploads/documents/7/e/d/4/7ed4166ef3925fe32cca7e417ccf980d/p65_2

# Diagramando UML con PlantUML  #### Guía de Referencia del Lenguaje PlantUML (Version 1.2019.4) PlantUML es un proyecto • Diagramas de Objetos • Diagramas de Despliegue • Timing diagram Los siguientes diagramas no-UML también están soportados: • Wireframe graphical interface • Archimate diagram • Specification and installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml ![Image](/uploads/documents/c/3/d/c/c3dc6eafa4675a43f03680f65da90f4d/p65_2

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2019.4) PlantUML is a component that allows • 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.1 Basic examples

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2019.9) PlantUML is a component that allows • 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.1 Basic examples

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2019.3) PlantUML is a component that allows • 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.1 Basic examples

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2023.11) PlantUML is a component that allows 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 JLaTeXMath notation • Entity Relationship diagram Diagrams are defined using a simple and intuitive language. ## 1 Sequence Diagram Creating sequence diagrams with PlantUML is remarkably straightforward. This

# Drawing UML with PlantUML  #### PlantUML Language Reference Guide (Version 1.2020.23) PlantUML is a component that allows • 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.1 Basic examples

# 使用 PlantUML 绘制的 UML  PlantUML 语言参考指引 (Version 1.2021.2) PlantUML 是一个开源项目，支持快速绘制： · 时序图 • 用例图 类图 • 对象图 · 活动图 · · 组件图 · 部署图 • 状态图 • 定时图 同时还支持以下非 UML 图: • JSON Data • YAML Data • Network diagram (nwd) · 线框图形界面 • 架构图 规范和描述语言 (SDL) - 规范和描述语言 (SDL) • Ditaa diagram 甘特图 • MindMap diagram • Work Breakdown 9f594bdf68a9/p38_1.jpg) [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 ->

# 使用 PlantUML 绘制的 UML  PlantUML 语言参考指引 (Version 1.2019.6) PlantUML 是一个开源项目，支持快速绘制： · 时序图 • 用例图 · 类图 · 活动图 · 组件图 · 状态图 · 对象图 · 部署图 · 定时图 同时还支持以下非 UML 图: · 线框图形界面 · 架构图 • 规范和描述语言 (SDL) • Ditaa diagram · 甘特图 • MindMap diagram • Work Breakdown Structure diagram • 以 AsciiMath 或 JLaTeX Math 符号的数学公式 通过简单直观的语言来定义这些示意图。 installed?) then (yes) :process all\ndiagrams; else (no) :process only __sequence__ and __activity__ diagrams; endif stop @enduml ![Image](/uploads/documents/8/9/a/9/89a914b057b60cd7c7fb48aa4a76a6ee/p66_2