爱上设计——PlantUML

正经学徒,佛系记录,不搞事情

想做一个晋级的程序员,画图设计是迟早要面对的,早点接受现实,养成先design后coding的好习惯,不然永远都是个野路子

推荐一个很适合画UML的工具PlantUML,语法简单,多平台集成,通过简单的代码即可画出漂亮的图,再也不用手动去画那些不对齐强迫症看着难受,对齐又老花时间的各种图了

类似这种的工具有很多,CSDN也自带了画UML的语法,就仁者见仁,想用哪个用哪个

官网:https://plantuml.com/zh/
官网很随意,功能很强大,这里以时序图为例,主要是推荐给朋友们使用

工欲善其事必先利其器,PlantUML支持很多很多种形式的工具来编写生成

优点:方便
缺点:广告多,运行就刷新页面

这里推荐借助IDE的插件,具有一定的代码提示,能够实时查看编写效果

  • VSCODE

安装如下插件

创建puml后缀文件,编写代码,window键+D或者option键+D运行,运行后即可实时编写查看效果

  • IDEA

安装如下插件

创建puml后缀文件,编写代码可直接实时查看效果

个人更推荐使用IDEA,实时响应的速度更快,但是如果是非后端人员也不是很有必要特意装一个IDEA,简单的vscode就好

最后是样式问题,默认样式确实不怎么样,但是PlantUML支持自定义样式,我觉得这个样式就挺好看,可以参考使用,不喜就自己动手设计,丰衣足食

@startuml
skinparam sequenceArrowThickness 2
skinparam roundcorner 20
skinparam backgroundColor #EEEBDC
skinparam sequence {
ArrowColor black
ActorBorderColor orange
LifeLineBorderColor black
LifeLineBackgroundColor DarkSeaGreen
ParticipantBorderColor DarkSeaGreen
ParticipantBackgroundColor default
ParticipantFontName Impact
ParticipantFontSize 17
ParticipantFontColor #DarkSeaGreen
ActorFontColor black
ActorFontSize 17
ActorFontName Aapex
}
== Initialization ==
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response
== Repetition ==
Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
@enduml

最后注意事项:

如果是画类图,需要注意提前安装 graphviz,否则会出现提示dot文件找不到的提示

官网安装:http://www.graphviz.org/download/

猜你喜欢

转载自blog.csdn.net/qq_31748587/article/details/109675225