drawio· 工具链 · 绘图设计工具

一、背景

 在写一些文章的时候，总会遇到想画图的场景，如架构图、类图、流程图等。曾经用过亿图、visio，都是挺不错的工具，但需要付费，作为业内人士，总想找一个款能够自己控制又能学到内涵的工具。这里给大家推荐drawio,请享受下面时光。

二、工具打包

1、ant下载

i)下载页面：https://ant.apache.org/bindownload.cgi

ii)二进制包：https://mirrors.bfsu.edu.cn/apache//ant/binaries/apache-ant-1.9.16-bin.zip

iii)解压ant，并配置好环境变量。

2、drawio下载

https://github.com/jgraph/drawio

本文下载的版本：drawio-15.4.1

3、war包制作

#cd ./etc/build

#ant  war

# ls ./build  看到draw.war，把war部署在tomcat的webapps目录下

图1 代码结构

三、工具使用

1.新建文件(File->new)

图2 模板选择

2、效果图示例1

图3 架构图1

3.效果图示例2

图4 架构图示例2

四、总结

drawio简单易学，从源码到使用。用下来感觉非常不错，适合整天爱瞎捣鼓的人士。