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

Posted 文火冰糖的硅基工坊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[UML专题-2]:plantUML绘制软件设计图形快速入门相关的知识,希望对你有一定的参考价值。

作者主页(文火冰糖的硅基工坊):文火冰糖(王文兵)的博客_文火冰糖的硅基工坊_CSDN博客

本文网址:https://blog.csdn.net/HiWangWenBing/article/details/122439741


目录

第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,可以通过这些文本进行学习。

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


作者主页(文火冰糖的硅基工坊):文火冰糖(王文兵)的博客_文火冰糖的硅基工坊_CSDN博客

本文网址:https://blog.csdn.net/HiWangWenBing/article/details/122439741

以上是关于[UML专题-2]:plantUML绘制软件设计图形快速入门的主要内容,如果未能解决你的问题,请参考以下文章

VSCode绘制UML类图

VSCode绘制UML类图

IDEA安装PlantUML插件

文本方式绘制UML-PlantUML

太牛了vscode安装plantuml插件绘制各种uml图

基于PlantUML可视化软件设计