平时工作中，做需求设计的时候，经常要用到画流程图，uml用例图等。百度搜索推荐最多的就是processOn和迅捷画图，这两个捞逼，一个比一个狠，迅捷基于drawio的二次开发，功能上没什么改进，基本上就是在源码的任一个版本分支上进行fork，目测是12.xxx版本的源码，人家官方都出到13.9.9了，你个捞逼，跟进一下会死呀。processOn整体风格我更喜欢一点，但是收费比较厉害，年会员制，常年白嫖党的我岂能接受，那我利用我廉价的时间基于drawio做一款我喜欢的processOn风格的在线流程图系统吧。并且实时跟进drawio的版本，不像迅捷那个捞逼一样，不舍得升级版本。
附上参考链接：http://processflow.sharehoo.cn/
注：本系统仅本人独自开发，仍在持续开发中。用来学习使用，不涉及商业利益。会长期维护该网站，起码会维护五年八载的吧，服务器毕竟便宜，三五年500-600的，谁都会为自己的兴趣买单。跟我一样喜欢白嫖的小伙伴可以用一用，有问题可以私我，QQ1329289117。
开始工作从github上clone下来最新的官方release版本的代码，这里奉上链接。https://github.com/jgraph/drawio/releases
简导入idea，简单梳理一下包结构，开始改造。由于源码的核心文件app.js是经过压缩的，无法debugger，需要使用dev模式进行代码追踪。这里参考了某博主的改造方案，这里不再介绍，直接奉上链接：https://blog.csdn.net/keylkeaf/article/details/106012044?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-7
这里采用springboot + shiro + react进行前后端分离开发。
改造功能：1. 在线保存文件到服务器
既然是在线系统，那就得有一套云存储功能，drawio原来是基于谷歌，github，或者其他的一些云端服务进行文件保存，国内环境就别想了，再说也不好管理，这里首先就是将其改造成可以保存在国内云服务器或者gitee码云，阿里oss，或百度网盘等第三方云存储平台的系统。如果你不想将文件保存在第三方网站的服务器，可以将文件存在自己的码云账户里面。
2. 历史版本回退功能
支持最近一周的版本查看和回滚。
3. 流程图文件的管理
提供与processOn风格类似的流程图文件管理界面，文件拖拽移动，复制；文件，文件夹的重命名，删除，回收站保存功能。
4. 流程图文件的浏览，分享和发布
自己设计好的流程图文件可以设置分享链接，也可以加上密码，只允许特定的人来浏览。发布之后，可以被所有人观看，但可以设置是否允许对方clone该流程图文件。
5. 流程图线条动态效果
呆板的线条不容易展示每个节点的下一步流动方向，drawio暂时没有线条的动态效果，这里优化了一下，能够使线条动起来，展示更直观。
6. 流程图自定义插件布署
drawio本身自带的模板文件数量有限，这里可以自己做一些漂亮的模板文件导入使用，等不忙的时候会自己做一些漂亮的模板文件放到网站上。
补充模板：最近github上找了一些好看的模板，这里分享出来，登录之后，可以一键克隆，直接就能拿来用哦。
克隆模板：前提是登录的状态下。