为什么选择Drawio?
在Windows系统中绘制业务逻辑图的软件其实蛮多的,最熟悉的自然是 Visio ,但如果想 在线使用 或者 共享他人 ,就有点费劲了。 Processon :强大的在线作图软件,很流行;但如果不是会员, 最多只能存储10个文件 ,那是果断不够用的,并且*载下**的图片不高清。如果想要更多功能,只能开通会员[抠鼻],如下所示:

Processon
最近公司明确要求技术人员开发前必须先绘制业务流程图。之前,很多小伙伴都是用 Processon ,现在明显不够用了,大家都不想充值想白嫖[无辜笑],一片哀鸿遍野啊[晕]。好呀鱼也不想让伙伴们花钱,上网找到了牛逼的 Drawio ,各行各业都可以使用。

Drawio官网
Drawio是一个 免费的 在线图表绘制工具,有以下优势:
- 它可以让用户创建 各种类型的图表和流程图 ,比如组织结构图、时序图、UML 图等。
- 可以快速方便地绘制出 高质量的图表 ,而且其功能强大、易于上手。
- 免费支持离线和在线,且可以导出到云盘 , 深受广大用户喜爱 。
- 定制性:Procsson 提供了 大量的自定义选项 ,用户可以根据自己的需求对图标进行自定义设置,如下图所示。

*载下**安装
Drawio提供两种安装方式:桌面端和网页版。
选择哪种方式,大家可以根据自己需要选择。如果是 个人使用, 建议安装 桌面端 ;如果是 集体使用 ,又不想每个人安装,建议安装 网页版 。
方式1:桌面端
官方提供Windows、macOS 、Linux 系统安装包
*载下**地址:https://github.com/jgraph/drawio/releases

桌面端*载下**
方式2:网页端
*载下**地址:https://github.com/jgraph/drawio/releases

draw.war 是 Drawio 的 WAR 包形式,可以将其部署到 Web 服务器 中运行。下面是使用 Tomcat 服务器来运行 draw.war 的步骤:
1)安装 Tomcat:首先需要在本地安装 Tomcat 服务器( 不清楚Tomcat用途或怎么安装的朋友可以私信好呀鱼 );Tomcat可以在官网上*载下**,*载下**地址为 http://tomcat.apache.org/ 。
2)将 draw.war复制到Tomcat的 webapps 目录 下:将 draw.war 文件复制到 Tomcat 安装目录下的 webapps 文件夹中。
3)启动 Tomcat:启动 Tomcat 服务器,可以通过命令行或者启动脚本进行启动。
4)配置 Draw.io:在第一次访问 Drawio时,需要进行配置,首先选择需要使用的图表库和语言,然后选择本地存储路径(如果需要使用本地存储)。
5)使用 Draw.io:完成以上步骤后,就可以开始使用 Drawio 进行图表绘制了。在浏览器中输入 http://localhost:8080/draw/ ,即可进入 Drawio 应用程序。
总之,使用 draw.war 运行 Draw.io 很容易,只需要按照上述步骤进行操作即可。
需要注意的是, 运行 Drawio 前需要已经安装好 Tomcat 服务器 。

Drawio
⚠️注意:若上述两种安装方式都不想尝试,Drawio也提供了在线访问地址:https://app.diagrams.net/;不过,好呀鱼不推荐这种方式,访问速度慢,操作卡顿。
Drawio操作体验
以下是在 Drawio 中进行基本操作的步骤:
1、打开 Drawio 网站:在浏览器中输入 draw.io 并进入 Drawio 官网。

Drawio
2、选择模板:在 Drawio 的首页中,可以选择不同类型的图表模板,例如流程图、组织结构图、UML 数字等。选择合适的模板,然后点击 “Create Diagram” 进入编辑页面。

3、绘制图表:在编辑页面中,可以使用各种工具和符号来绘制图表。例如,在流程图模板中,可以使用不同的箭头、矩形、圆形等元素来表示不同的业务流程,从而形成完整的流程图。

4、设置样式:在编辑页面中,还可以调整图表的样式、颜色、字体大小等属性。例如,可以对箭头、矩形、圆形等元素进行颜色填充、边框设置等操作,使得图表更加美观、易读。

5、导出图表:完成图表绘制后,可以将其导出为 多种格式 的文件,例如 PNG、PDF、SVG 等。可以选择合适的导出格式,并指定输出位置即可。

6、保存图表:支持保存至本地存储或者服务器。


7、导入图表:支持导入之前保存的 *.drawio 文件,在已有的设计基础继续修改。



总之,使用 Drawio 可以快速方便地绘制各种类型的图表和流程图,而且其功能强大、易于上手,是一款非常实用的在线图表绘制工具。
Drawio官方地址: https://www.drawio.com/,欢迎点赞关注。