[UML专题-2]：plantUML绘制软件设计图形快速入门

作者主页(​​文火冰糖的硅基工坊​​​)：​​文火冰糖（王文兵）的博客_文火冰糖的硅基工坊​

---

​目录​

​​第1章 官方快速入门入口​​

​​第2章 UML工具的整体架构​​

​​第3章 plantUML的快速使用​​

​​3.1 进入编程环境​​

​​3.2  基本操作​​

​​第4章 其他复杂功能的使用​​

​​4.1 从官网拷贝参考模型的代码​​

​​4.2 从之前自己编写的代码​​

​​第5章 如何学习plantUML语法​​

​​5.1 还是从官网入手​​

​​5.2 网络视频课程​​

​​5.3 网络文章​​

---

第1章 官方快速入门入口

​（1）startingup​

​​菜鸟指南​​

​（2）在线服务​

最快捷的使用plantUML的方式，就是使用在线服务来创建UML的图形。

这种方式，不需要在本地安装任何软件，只需要有web浏览器就可以了，对于快速入门，快速感受plantUML的使用，还是很不错的选择。

点击“在线服务器”，就可以得到如下的编程环境：

 该该编程环境中就可以编写代码，生成UML设计图形了。

这是本文要探讨的方式。

​（3）本地安装编程工具，进行UML的编程与画图。​

这种方式比较麻烦，本文暂不讨论。

第2章 UML工具的整体架构

 本文采用的在Windows主机端 ，通过Web浏览器远程编程，远程画图，然后存储到本地。

远程方式的优点：快速、简单、灵活。

远程方式的缺点：服务器并不帮助我们存储编程过程中的代码，万一网络断连或浏览器crash，整个程序就会丢失，因此需要程序员在编程的过程中不断地、自行通过copy的方式手工把编写的代码存储到本地文件系统中，否则有 可能造成大程序丢失的风险。

第3章 plantUML的快速使用

3.1 进入编程环境

3.2  基本操作

​（1）编程​

在方框中，这是默认的demo程序：绘制消息时序图。

@startuml: 表明程序的 开始

Bob：对象1

Alice：对象2

-> 发送消息

: 发送消息内容指示

hell：发送消息的内容

@enduml：表明程序的结束

​（2）生成图像​

submit就是把代码转换成图像。

​（3）切换布局​

点击switch layout，就可以切换布局：上下布局与左右布局之间切换。

​（4）图像颜色选择​

​如下图所示：​

​（5）保存文件​

​有三种格式的图片文件支持：png，svg与ascii art.​

 

​（6）保存图形对应的程序（关键！！关键！！）​

先回退到编程页面

copy程序文本到本地的txt中

在本地保存txt文件

备注：

这种操作方式还是挺麻烦的，并且在切换页面的过程中，有丢失本文文件的风险。

第4章 其他复杂功能的使用

在没有熟悉详细的编程语法之前，如何使用更复杂一点的功能呢？如何画更复杂一点的图像呢？

或者说，如何快速的编写复杂一点的图像呢？

这时候，就可以直接拷贝官网提供的参考模型的代码，或者之前自己编写的代码；然后基于现有的代码进行改动，生成新的图像。

4.1 从官网拷贝参考模型的代码

（1）在新页面中打开官网：

​​Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams.​​

（2）选择自己需要创建图像的类型

比如，创建活动图，打开SDL

​​New Activity Diagram Beta syntax and features​​

这里有简单流程图（活动图）：

也有复杂一点的流程图：

 

 选择双击图片，就可以基于图片编辑自己的图形了。

备注：

编辑好后，一定要把源代码的文本拷贝到本地的txt文件中保存下来，以免功亏一篑，代码丢失，因为官网是并不我们保存代码的。

4.2 从之前自己编写的代码

把自己之间的代码拷贝的编辑框中，就自动生成图片，然后进行代码的修改。

第5章 如何学习plantUML语法

5.1 还是从官网入手

​​Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams.​​

点击后，这里提供了不同类型图形的各种实例，可以基于这些实例修改，获得自己的图形。

​也可以基于这些实例，学习不同图形绘制过程中的语法。这是最快的、最高效的学习方式。​

​zh中文：​​https://plantuml.com/zh/sequence-diagram​​

​en英文：​​https://plantuml.com/en/sequence-diagram​​

官网上讲得还是比较详细的。 

5.2 网络视频课程

网络中有很多视频课程，可以通过视频课程系统地学习。

5.3 网络文章

网络中有很多博主写的bog，可以通过这些文本进行学习。

剩下的就是，自己花时间自学了............

---

作者主页(​​文火冰糖的硅基工坊​​​)：​​文火冰糖（王文兵）的博客_文火冰糖的硅基工坊​