draw.io怎么安装在linux,linux搭建draw.io的Web端

draw.io

首先讲讲它吸引我的地方:

前几天在整合shiro的时候突然想用流程图来说明springboot中shiro的执行过程,此前有接触过ProcessOn此类的画图软件(大一用它做过C++的课设,惨不忍睹,于是有了阴影,不怎么想用这玩意),还有一点是ProcessOn对于免费用户只能存9张图,于是想换一个,用过国内的一两个软件,体验终归是不太理想,后来偶然间就在帖子里找到了这款——draw.io,它是一个 web 端的流程图绘制工具,我们不需要进行安装,只需要在浏览器上打开它的网站 https://www.draw.io/ 就可以了,该工具支持各类基本流程图、软件图、网络图、商务图、平面图、工艺流程、电路等。

随手乱画了一张图,感觉手感还不错,样式也还行,也能够保存到各种地方(服务器,本地,或者GitHub),但是这玩意有个致命的缺点——加载慢,其实也不怪它,毕竟这是外国的网。。。

为了解决加载慢的问题,我开始寻找

发现它允许用户搭建一个私人服务器来跑这个程序的服务端,那就搭建,(虽然后来我发现有PC版的,但是PC版也有同样的缺陷)

开工

在GitHub上找到源码:https://github.com/jgraph/drawio

扒下来:

git clone https://github.com/jgraph/drawio.git

接下来是编译:

//我打的是war包,因为我用的是免费的汤姆猫。。

cd etc/build && ant war

//假如不打war包,直接编译。。

cd etc/build && ant

这里用到的命令是ant,需要ant的环境

没有ant环境的可以装一下,参考https://www.cnblogs.com/sell/archive/2013/07/24/3210198.html

打出来的war包在。。draw.io里面第一级的build,ls一直找就是了

接下来就是老套路,把war包仍在webapp下,重启tomcat。。。

上效果:

a0bd3c04dadd0aa0e127258bd08a1341.png

可以看到和访问官网的差不多

36b77dfbe43fb0ca184088b991862b86.png

15d32b1f2cef09328b841673b890d4ec.png

这里的web端也存有一个问题:

第一次加载时间太长(竟然没有timeout。。。),大概记得花了一分钟的左右的时间

c8d7619a6f7a4987b0f70bfa006f7fea.jpg

还是要下载一些啥的,导致我给朋友测试的时候很多说打不开打不开。。。实际上是加载有点慢。。。

之后用的应该是本地缓存,3-4秒就加载好了

还有一个小小的奇怪现象:

在有些时候会有些等待时间,尤其是在刚刚搭建好的时候,每一张样式都要等待时间:

033875af88fd435529b53ece44a10fa9.png

不过用了一段时间后这种现象就不多了,可能是一开始样式还在中央仓库里没有下载到服务器吧。

安装本地使用的draw.io

https://chrome.google.com/webstore/detail/drawio-desktop/pebppomjfocnoigkeepgbmcifnnlndla?hl=en-GB

我装了一个当摆设,偶尔用用。。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值