mxgraph+vue (一)

以下大部分是废话，吐槽成分占多数，可忽略。

去年年底的时候boss要求重构已运行多年的bpm项目，并且用vue实现。vue倒是好说，自己上手写了多个后台管理系统，倒是mxgraph没有接触过。

研究了一下新的UI图，罗列了大概需要的功能点。去github上下了代码，花了一天的时间把所有的事例运行了一遍，并按功能对应划分到我之前罗列好的功能点中。

接下来就开始漫长的头疼掉头发之路了，第一关，官方api纯英文，让6级考了三次都没过的人时刻想要暴走。所以退一步寻求解决方案，在老系统里面扒代码，直接去看以前是怎么实现的。但当时是2开头的版本，而现在已经4开头了。遇到不通的方法再去查API解决，的确效率提高不少。

就这么磨合写了三个星期左右把页面画完和交互逻辑写完，开始联调已有后台环境，真正的大坑之路开启了。老系统的绑定实在是做的太死了，我整个绘图的模式，创建元素的方式全部都作废，要按照老系统后台的需求。就改吧改吧，又一周过去了，交差。

只是简单描述了一下整个过程，具体遇到的细节问题进一步在接下来的文章中阐述。

后话：

现在boss又看上了draw.io，让我花一个月的时间研究一下，从中摘取特定的几种类型再用vue实现一个项目。。。。

时至今日，我才深深意识到去年年底一个多月的时间里，我只是纯粹功能搬运工，并没有真正的去研究。所以借着这次一个月的时间，我就捎带上之前的经验做个总结，也加上新的学习点来做个系统的归纳整理。