使用drawio进行画图真的很方便(WEB版/Chrome APP版/桌面版)

要说画图，最好还是用纸和笔，所见即所得，还没有工具的学习成本，直接撸起即可。但是这是假象。

你觉得纸笔画图的学习成本和使用计算机工具画图的学习成本哪个高？计算机画图工具成本高是吧？其实不是。

你还记得在你会用笔在被你蹂躏的皱巴巴的纸上在保持纸不被笔尖捅破的前提下，画上一个仅供识别的图案，花了多久吗？反正基本上都要很久，大概三岁？或者三岁多？至少也要两岁吧…

你还记得你第一次在iPad上学会划来划去花了多久吗？哦，不，我们小时候没有iPad，那就观察自己的孩子吧。我家小小大概5，6个月的时候会坐着简单比划iPad了。

我们总觉得翻书比操作手机电脑简单，我们总觉得纸笔画图比Office软件简单，那是因为我们已经忘记了我们学习翻书，学习握笔花了多么久的时间，好在那段时间在大人们眼里是枯燥痛苦的，但是在婴幼儿感知来的却是对陌生事物的兴奋感。

你现在同时会翻书和滑屏的前提下，达到同等的信息摄入，你会选择哪个？

总之，纸和笔画图并不简单，它涉及到一系列的动作配合，肢体协调，像我这种没有运动细胞写字很丑的，我的手绘图也往往达不到预期的效果，但是我用Visio就能画出不错的图。此外，如果一个手绘图很漂亮的人用Visio也能画出同样漂亮的图。

现在的问题是，你会选择哪个软件来画图。

我说了，用Visio…

但是我换了公司的Macbook后，就再也不能用Visio，我到现在依然很怀念Visio的那个手绘图主题…后来我使用Processon，它在：
https://www.processon.com/
一个在线画图网站，界面比较友好。然而它并不是无限免费的，很有套路。

然后，我接触到了Chrome的一个插件app，即gliffy，它在：
chrome://apps/ 【用Chrome浏览器打开并在应用商店里下载，免费的】
也是很好用，基本上processon就是这个。

最后，我收敛到了drawio，这是个开源的玩意儿，非常好用。它在：
https://www.draw.io/?lang=zh
简单体会一下，你就会喜欢上它了。

我在想哪天这个URL失效了怎么办？我对互联网的链接是非常不信任的，没有任何URL被承诺是永久的。所以我在想，如果这个drawio像是个Visio下载到本地该有多好。

既然drawio是开源的，那么总是可以把整个项目给download下来，然后看看怎么玩。好在它是Java的，我还是懂点Java的。

这个项目有插件版，有桌面版，但是没有搞定。web服务是千年不变的，所以我准备用标准的方式搭建web服务。

我准备在本地虚拟机里用Apache Tomcat搭建一个drawio web服务。

先部署tomcat：

[root@localhost ~]# mkdir tomcat
[root@localhost ~]# cd tomcat
[root@localhost tomcat]# wget http://mirrors.hust.edu.cn/apache/tomcat/tomcat-8/v8.5.37/bin/apache-tomcat-8.5.37.tar.gz
[root@localhost tomcat]# tar xzvf apache-tomcat-8.5.37.tar.gz

然后clone这个drawio项目：

[root@localhost tomcat]# git clone https://github.com/jgraph/drawio.git

接下来就是编译，部署，一气呵成：

[root@localhost tomcat]# cd drawio
[root@localhost drawio]# cd etc/build
[root@localhost build]# ant war
# 等待!

最后就是部署了，很简单，将ant编译生成的draw.war放在tomcat的webappps目录下就好了：

[root@localhost build]# cp ../../build/draw.war ../../../apache-tomcat-8.5.37/webapps/
[root@localhost build]# ../../../apache-tomcat-8.5.37/bin/startup.sh
Using CATALINA_BASE:   /root/tomcat/apache-tomcat-8.5.37
Using CATALINA_HOME:   /root/tomcat/apache-tomcat-8.5.37
Using CATALINA_TMPDIR: /root/tomcat/apache-tomcat-8.5.37/temp
Using JRE_HOME:        /usr
Using CLASSPATH:       /root/tomcat/apache-tomcat-8.5.37/bin/bootstrap.jar:/root/tomcat/apache-tomcat-8.5.37/bin/tomcat-juli.jar
Tomcat started

在虚拟机外面的宿主机浏览器敲入虚拟机的IP地址和drawio拼接而成的URL：

http://192.168.56.110:8080/draw/

选择简体中文(我是觉得看中文顺畅些，人多的地方可以选择英文)后：

创建一个新的图表，观感如下：

我比较喜欢的是里面的Cisco风格的网络拓扑图元素：

好了，就是这么简单。

补充下插件版和桌面版的，无疑插件版和桌面版要比WEB版的方便很多，至少不用自己搭建WEB服务了。

先说插件版。drawio当然是Google的咯。

首先下载这个Chrome APP插件：https://chrome.google.com/webstore/detail/drawio-desktop/pebppomjfocnoigkeepgbmcifnnlndla/related?hl=en-GB

然后就可以用了，Chrome浏览器输入APPs列表的URL： chrome://apps/

直接点击：

好了，就这么简单。

再说桌面版的，这个基本就和Windows上的Office Visio的使用习惯一样了，安装在本地。

先下载它，最好的途径就是它的github项目本身：https://github.com/jgraph/drawio
在README.md中找到下载链接：https://about.draw.io/integrations/#integrations_offline

各个平台的，应有尽有。我选择MacOS的：

下载下来，双击解压安装，就OK了：

当然了，你依然可以配置不同的语言。
————————————————
原文链接：https://blog.csdn.net/dog250/article/details/89272808

使用drawio进行画图真的很方便(WEB版/Chrome APP版/桌面版)相关推荐

Web前端开发之“常见模块你真的很了解吗？”
本文节选自<编写高质量代码--Web前端开发修炼之道 > 3.4 常见模块你真的很了解吗 3.4.1 标题和内容标题和内容模块如图3-13 所示. 图3-13 标题和内容模块这种标题配 ...
自学web前端真的很难找到工作
如果想学前端至少得具备以下几个条件: 1. 罗辑思维还不错,起码高中数学每次都得能及格 2.自学能力好.IT行业知识技能日新月异,前端更不必说,甚至有人说放个假回来都觉得落后了一个世纪,某大牛说前端每 ...
java web运行的快慢_WebAssembly执行速度真的很强悍吗？对微软Edge很无语
原标题:WebAssembly执行速度真的很强悍吗?对微软Edge很无语 Firefox一直在WebAssembly上耕耘,在macOS与Windows上表现的都很好,Chrome 67在WebAss ...
软件测试从入门到入职，自学规划真的很重要~
一.思路在决定自学之前,一定要问自己几个问题,把这几个问题思考明白了,自学的道路会顺利很多,因为见过了太多的"从自学到放弃". 1.自己是否真的想好了进入这个行业?是否真的经过了 ...
分享一下软件测试面试历程和套路，真的很实在
个人是去年年底零基础转行,两三千培训费学出来,学完后也是稀里糊涂,仅是知道功能测试就是找问题,其他接口,性能,数据库,python基础,虚拟机搭建网站都实现了课程展示那样.面试资料背了将近一个星期,简 ...
数据结构真的很难学？
如果你关注计算机专业招聘试题,会发现越是大型公司,问的问题越基础,有的甚至问你什么是栈和队列,反而一些小公司会关心你做过什么系统.从关注点的不同可以看出,大公司更注重基础扎实和发展潜力,而小公司希望你 ...
值得推荐的C/C++框架和库 (真的很强大)
值得学习的C语言开源项目 - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的 ...
JAVA工程师的工资真的很高吗？
Java工程师是个高薪的行业,让不少人羡慕不已,有很多人因为Java的高薪而转行.这也是近几年Java如此火热的原因之一.也正是因为Java如此之多,所以不少想要学习Java语言的人不禁产生一个疑问: ...
智能家居DIY真的很easy的实现了
买个智能空调,手机装个APP,远程可以控制空调工作,感觉很爽.再买个智能热水器,又安装一个APP,下班前烧好热水,过瘾.再买几个智能灯泡,再安装一个APP,开关灯不用起床,觉得还方便.再买套智能报警系 ...

使用drawio进行画图真的很方便(WEB版/Chrome APP版/桌面版)

使用drawio进行画图真的很方便(WEB版/Chrome APP版/桌面版)相关推荐

最新文章

热门文章