Drawio 二次开发

drawio 二次开发文档

1. 二次开发原因

在线画图解决了云端存储，版本控制与管理，勾引起了我的爱好，我在网络的海洋中搜索，起初用ProcessOn进行画图，但是他有文件个数限制，而且还必须注册账号，所以被我直接pass掉了，无意间看到了drawio为开源免费在线画图软件，于是就在网上找二次开发的流程，但是内容较少所以我就拿出了一段时间进行研究梳理，目前有一点眉目，就记录一下，方便其他开发者对drawio进行二次升级。

1. Drawio 项目下载

Github地址为：https://github.com/jgraph/drawio

1. Drawio idea 导入

我是参考其他博主编写的导入流程，我觉得这个博主写的还不错，值得推荐，地址如下：

https://blog.csdn.net/keylkeaf/article/details/106012044

1. Drawio 文件分析

文件目录为：

一开始我们主要是对webapp文件下面的文件进行修改，因为这个项目如果在tomcat中将webapp单独放入也是可以运行的，java文件主要是进行url地址导入，以及第三方登录操作，还有其他的重要操作。

webapp文件目录结构

这个文件下面index.html页面为初始化页面。这个页面中主要操作为引入app.js文件、判断是否是开发状态、载入动画效果。

这三个主要是我们进行开发的文件，PreConfig.js文件为配置文件，可以将固定的通用的配置写入到这个文件中。Diagramly（图解）文件夹存放动态渲染菜单文件以及各个菜单中的点击方法功能，grapheditor(图形编辑器)文件夹中存放导入文件时调用该文件夹中js

1. Drawio 菜单隐藏

默认显示首页菜单

根据grapheditor中主菜单查找主菜单下面的子菜单以及菜单的点击事件。

代码中如下隐藏按钮方法（此方法我改动过）

1. Drawio 文件自动保存

1. Drawio 文件存储

文件自动存储方法，目前还在开发阶段，还没有正式存储，只是将前端传递的数据在控制台打印出来了。

1. Drawio 总结

该项目的话整合了google,github,gitlab等第三方存储，我们可以自定义第三方存储，后期会将这些无用代码使得项目更加简洁更加有可读性！文档总结不全，可以自己研究，不会的可以相互讨论，相互学习。有兴趣可以加群：838298439（进群可以要我开发完成代码）

（以上是我对drawio项目自己的见解，有哪里写的不对的，请大神不要见怪，后期会慢慢改好！）