用代码画时序图！简直太爽了 _代码

前言最近通过代码来画时序图，UML用例图，感觉很不错，所以给大家分享一下。
日常开发，一般在设计阶段，我们都需要画时序图、用例图等等。大家平时画图的时候，是用draw.io还是processOn呢？用它们画出的图，其实都挺好看的。但是呢，今天田螺哥介绍一个款开源的，画图神器！用代码就能画图，配合IDE使用，画图高效简单，信手拈来,还挺美观的。这个神奇就是PlantUML 。

文章插图

github地址，给个star，感谢感谢
公众号：捡田螺的小男孩

1. PlantUML 简介PlantUML是一个开源项目，可以快速编写UML图的工具。它可以支持编码的方式来生成图形。可以用来画时序图、UML用例图、类图、思维导图、ER图等等。
PlantUML 画出来的图，简洁美观，先给大家看看,一个用PlantUML画出来的登录时序图,以及对应画图的代码,如下：

/** * 关注公众号：键捡田螺的小男孩 */@startumltitle Sequence Diagram of User loginactor User as userparticipant "gateway" as gatewayparticipant "user-core" as userCoredatabase "MySQL" as mysqldatabase "redis" as redisautonumberuser-> gateway:login request，param：username，passwordactivate gatewaygateway-> userCore:forward the login requestactivate userCoreuserCore-> userCore :check the login paramuserCore-> mysql:query user info from mysql by usernameactivate mysqlmysql-> userCore:response with username and passworddeactivate mysqluserCore->userCore:compare the requested password with the DB's passworduserCore-> userCore: generate an unique tokenuserCore--> redis: save the token to redisuserCore-> gateway: response with the tokendeactivate userCoregateway-> user: login success with the tokendeactivate gateway@enduml复制代码

登录用例时序图如下:

文章插图

2. PlantUML的安装使用PlantUML的安装很方便的.有个插件,名字是:PlantUML Integration,大家可以去IDE的插件市场,搜索安装即可,如下:

文章插图

安装成功后,想快速体验一般的话.可以新建一个项目,然后新建一个plantUML File文件,然后把我上个小节,登录时序图那个代码复制进去,就可以看到登录时序图啦.

文章插图

3.如何用PlantUML 画时序图什么是时序图?

时序图（Sequence Diagram），又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序，当执行一个用例行为时，其中的每条消息对应一个类操作或状态机中引起转换的触发事件。

如何用PlantUML画时序图呢?
你可以先新建一个PlantUML文件

文章插图

然后选择Sequence,并定义一个文件名称

文章插图

就会有默认的时序图生成啦.

文章插图

我们照着登录时序图的代码,来大概说下每个关键词的意思吧.

/** * 关注公众号：键捡田螺的小男孩 */@startumltitle Sequence Diagram of User loginactor User as userparticipant "gateway" as gatewayparticipant "user-core" as userCoredatabase "MySQL" as mysqldatabase "Redis" as redisautonumberuser-> gateway:login request，param：username，passwordactivate gatewaygateway-> userCore:forward the login requestactivate userCoreuserCore-> userCore :check the login paramuserCore-> mysql:query user info from mysql by usernameactivate mysqlmysql-> userCore:response with username and passworddeactivate mysqluserCore->userCore:compare the requested password with the DB's passworduserCore-> userCore: generate an unique tokenuserCore--> redis: save the token to redisuserCore-> gateway: response with the tokendeactivate userCoregateway-> user: login success with the tokendeactivate gateway@enduml复制代码

关键词解释如下: