还发愁画流程图?IDEA这款比visio快10倍的神仙插件全部帮你搞定!

点击上方☝码猿技术专栏 轻松关注,设为星标!

及时获取有趣有料的技术

a0a15e9099918f2e7290780e4fd430ba.png

总有童鞋问,这个流程图图怎么绘制的,这个UML类图用什么工具做的等等,今天给大家推荐一款idea插件PlantUml,来帮助大家快速快速完成绘制。

1、PlantUml是什么

PlantUml是一个支持快速绘制的开源项目。其定义了一套完整的语言用于实现UML关系图的描述,并基于强大的Graphviz图形渲染库进行UML图的生成。绘制的UML图还可以导出为图片,以及通用的矢量SVG格式文件。

2、PlantUML的优点

  • 完全文本方式编辑,无需控件拖拽,自动调节图元距离,简单美观

  • 与开发平台完全无关,不受平台限制,只要有PlantUML jar包就能生成UML图

  • 支持多种文本编辑器、ide的集成,例如idea、eclipse、notepad++等

作为一个Java coder,通常使用idea作为首选开发工具,我们以idea中的使用为主作介绍

3、idea安装 PlantUML插件

File -> Settings -> Plugins 搜索 PlantUML ,找到 PlantUML integration 并安装

4、电脑安装graphviz

下载地址

https://graphviz.gitlab.io/_pages/Download/windows/graphviz-2.38.msi

配置环境变量

首先添加一个变量名GRAPHVIZ_HOME, 变量值为安装路径 D:\WorkWare\Graphviz2.38Path目录下添加 %GRAPHVIZ_HOME%\bin, 多个配置之间要用 “;” 隔开 配置GRAPHVIZ_DOT, 变量值为 %GRAPHVIZ_HOME%\bin\dot.exe

f689ca13d2e04ee415c35ae7d17db1bf.png

横空出世,比Visio快10倍的画图工具来了。

b5641e81bd3345799a0927b4f14a9080.png

打开windows命令行, 使用dot -version出现以下页面就代表配置正常

a0e90dd924d3f04c9071b5b4576e7428.png

5、idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

d59be06f43c1d1a3ab83e9358f2a6fc3.png

6、使用plantUML画流程图

新建uml 文件

5dc6861ff97274a3a4f08eaa94a3ddd3.png

输入测试文字

@startuml  
Alice -> Bob: Authentication Request  
Bob --> Alice: Authentication Response  
  
Alice -> Bob: Another authentication Request  
Alice <-- Bob: another authentication Response  
@enduml

右边会实时现实流程图

c7f5d360d2d65a88eea77ed57552a6ed.png

也可以根据所写的类,创建一个UML类图。也可以参考我们前天推荐的方式:IDEA中一个被低估的功能,一键把项目代码绘制成UML类图

d9941c261f40f16a1da8fae97ff79a3f.png

7、其他

如果不想装graphviz,想直接用,可以下载chrome插件PlantUML Viewer,安装之后直接编辑文本,可以在浏览器直接显示。

ac0f846f679578985927d1445a08bf63.png
End




干货分享



这里为大家准备了一份小小的礼物,关注公众号【码猿技术专栏】,输入如下代码,即可获得百度网盘地址,无套路领取!

0001:《程序员必读书籍》
0002:《从无到有搭建中小型互联网公司后台服务架构与运维架构》
0003:《互联网企业高并发解决方案》
0004:《Spring Cloud Alibaba实战视频》
0006:《SpringBoot实现点餐系统》
0007:《RabbitMQ最新实战视频》
0008:《Hadoop实战教学视频》
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值