使用drawio进行画图真的很方便

栏目: 服务器 · 发布时间: 5年前

内容简介:要说画图,最好还是用纸和笔,所见即所得,还没有工具的学习成本,直接撸起即可。但是这是假象。你觉得纸笔画图的学习成本和使用计算机工具画图的学习成本哪个高?计算机画图工具成本高是吧?其实不是。你还记得在你会用笔在被你蹂躏的皱巴巴的纸上在保持纸不被笔尖捅破的前提下,画上一个仅供识别的图案,花了多久吗?反正基本上都要很久,大概三岁?或者三岁多?至少也要两岁吧…

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

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

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

你还记得你第一次在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。

我准备在本地虚拟机里用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/

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

使用drawio进行画图真的很方便

创建一个新的图表,观感如下:

使用drawio进行画图真的很方便

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

使用drawio进行画图真的很方便

好了,就是这么简单。


以上所述就是小编给大家介绍的《使用drawio进行画图真的很方便》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

程序员的英语

程序员的英语

[韩]朴栽浒、[韩]李海永 / 颜廷连 / 人民邮电出版社 / 2018-2 / 49.00元

高考以后就把英语都还给老师了? 写代码特顺溜,一到英语就卡壳? 常见的语法书太枯燥,单词书又太宽泛? 不用急,快来加入针对开发人员的英语读解能力训练项目! - 安全与黑客攻击、无人机与机器人、大数据、物联网、云计算,顺应新技术潮流! - 语法、单词、完形填空、阅读理解、翻译,多角度提升读解能力! - 英语母语技术人员审校,提供“语言和技术”双保险!一起来看看 《程序员的英语》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

SHA 加密
SHA 加密

SHA 加密工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器