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

来源:网络

1a35c8e7d38915080772d2e37805035b.png


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

PlantUml是什么

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

PlantUML的优点

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

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

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

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


idea安装 PlantUML插件

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


电脑安装graphviz

下载地址

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

配置环境变量

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

d26f543edecdb84a781f8f696c50936f.png

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

627845352993caa1be9ffd5590de30a7.png

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

577dd62696150d26348bb2beea60d7d4.png

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

01472235bc850c45166fafdff1abdc75.png

使用plantUML画流程图

新建uml 文件

fb5569e7099c33ea5b2101d0bf268b10.png

输入测试文字

@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

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

右边会实时现实流程图

d49070ed52388741ac3e9862ee8ff2a0.png

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

1f57c5e08d4dc2d477424fa6faf13e07.png

其他

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

9350b1370242fac78b08b9d77cea5035.png

END

架构技术交流群

 「架构君」建立了读者群,可以添加我微信拉你进群

1d3b77a6f0bcd2b321ec525a4a45ac6c.png

添加时可以备注城市+职位+年限】

往期推荐

一款神仙接私活儿软件,吊到不行!

架构之道:分离业务逻辑和技术细节

一份完整的聚合支付中心设计方案!

唯品会亿级数据服务平台落地实践

从朋友那里搞了 20 个实战项目,速领!

系统架构设计:平滑发布和ABTesting

重要提醒!人脸识别一定要穿上衣服!

图解 Git,一目了然!

厉害了!单点登录系统用 8 张漫画就解释了。。。

基于 SpringBoot 的仿豆瓣平台【源码分享】

786d856fd74b62cfeafb8cec03ab0363.png

如有收获,点个在看,诚挚感谢5c5c3d36272782472f1a2e797119d110.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值