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

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

需求分析

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

后来找到ProcessOn,一个免费的绘制流程图的网站,上面有不少免费模板,最多可以云存储9张图。但是9张图对我来说实在太少了,我就买了一年的会员,不记得是多少钱了,反正不多。后来会员到期,再想买,发现怎么都涨价到160一年了。于是我想,能不能用开源的的东西,快速做一个类似ProcessOn的网站,具体需求就两个:

  • 可以绘制流程图
  • 能够云存储

所以就可以从这两方面找轮子了。

寻找轮子

免费的流程图,首先我找到了draw.io。需要自己配置云存储,不过只支持国外的比如OneDrive或者Dropbox等,国内都不太好用。后了解到draw.io以及其他大部分流程图网站都是根据mxGraph的示例程序GraphEditor做出来的,因此他们的界面都基本一样,所以我也决定以这个为基础,辅以draw.io的部分组件。
GraphEditor

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

系统架构

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

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

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

应用层分为基于Cloudreve的文件管理系统和基于GraphEditor的流程图编辑系统,两个系统基本独立,同时调用服务层的文件服务和图形服务。

整合细节

整合过程中有几个细节:

  1. GraphEditor是使用xml明码存储流程图的,因此需要对Cloudreve进行改造,只支持xml文件,并且对xml文件进行特殊处理,比如编辑、预览等。
  2. 网盘系统没有新建文件这说,只有上传下载,因此需要在Cloudreve网盘系统中使用上传接口来做一个新建流程图功能。
  3. xml文件实际上是纯文本,因此在GraphEditor的流程图编辑界面,只需要调用Cloudreve网盘系统中的文本编辑接口直接编辑xml即可。
  4. php版本的mxGraph接口已经很久没有更新过,无法根据比较复杂的流程图xml文件生成预览图片,因此需要前台生成,然后上传到后台。
  5. 中文库以及模板可以直接使用draw.io的。

源码
示例站

如果您忘记了 Mobaxterm 的主密码,这可能会导致您无法访问由密码保护的文件和目录,或者在使用其他功能时遇到问题。以下是您可以尝试的一些方法。 1. 重新安装 Mobaxterm:如果您忘记了主密码,并且没有重要的数据需要保留,最简单的方法可能是卸载 Mobaxterm 并重新安装。这将重置所有设置,包括密码。 2. 重置主密码:如果您不想重新安装 Mobaxterm,并且您有管理员权限,您可以尝试使用以下步骤重置主密码。 a. 在 Mobaxterm 中单击 "Settings"(设置) > "Master password"(主密码)。 b. 在主密码窗口中,单击 "Reset"(重置)。 c. 您将被要求输入您的 Windows 登录密码,然后单击 "OK"(确定)。 d. Mobaxterm 将提示您输入新的主密码。 请注意,这将重置所有使用主密码保护的文件和目录。请确保备份所有重要的数据。 3. 使用备份文件:如果您已创建了 Mobaxterm 的备份文件(.mobaxterm),您可以使用该文件来恢复主密码。 a. 在 Mobaxterm 中单击 "Settings" > "Configuration settings"(配置设置)。 b. 单击 "Backup and restore"(备份和恢复)。 c. 单击 "Restore settings"(恢复设置)并选择您的备份文件。 d. 在恢复设置向导的 "Security"(安全)选项卡中,单击 "Change master password"(更改主密码)。 e. 输入新的主密码并单击 "OK"。 请注意,这将使用备份文件恢复所有设置,包括主密码。这也将覆盖您的当前设置。 总之,如果您忘记了 Mobaxterm 的主密码,您可以尝试重新安装它,重置密码或使用备份文件来恢复密码。请记住,在执行任何操作之前,请备份所有重要数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值