开源流程图绘制 站数字绘技术路线

开源流程图绘制 站数字绘技术路线

• • 需求分析
  • 寻找轮子
  • 系统架构
  • 整合细节

需求分析

以前做项目写文档经常用Visio，自己买了一台电脑的授权，用在了自己常用的工作电脑上。后来出差有点多，用笔记本写文档写的就有点多了，又舍不得再买一台电脑的Visio授权，所以就想找一个免费的、好用的绘制流程图的软件。

然后就是云存储了，找一个开源的 盘系统就可以了，这样的系统很多，比如，Seafile，nextCloud等等。不过有一些条件，第一是要纯粹的Web系统，方便跟GraphEditor集成，第二是最好跨平台，第三是方便集成七牛云、阿里云OSS等大型公有云存储系统。最终采用了Cloudreve

系统架构

系统架构其实就挺简单了：

数据层，首先是Cloudreve是用MySQL数据库的，因此系统使用MySQL数据库并继承了Cloudreve的绝大部分数据结构。本地文件存储和七牛云都可以拿来当做文件存储，这是可以共存的，目前本系统流程图文件使用本地文件存储，图片使用七牛云。

服务层主要继承于Cloudreve系统，简单修改了其中的文件和分享部分，更好的支持流程图文件。添加了图形处理和支付服务。

整合细节

整合过程中有几个细节：

1. 盘系统没有新建文件这说，只有上传下载，因此需要在Cloudreve 盘系统中使用上传接口来做一个新建流程图功能。
2. php版本的mxGraph接口已经很久没有更新过，无法根据比较复杂的流程图xml文件生成预览图片，因此需要前台生成，然后上传到后台。
3. 中文库以及模板可以直接使用draw.io的。

源码
示例站