mxgraph+vue (一)

以下大部分是廢話，吐槽成分占多數，可忽略。

去年年底的時候boss要求重構已運作多年的bpm項目，并且用vue實作。vue倒是好說，自己上手寫了多個背景管理系統，倒是mxgraph沒有接觸過。

研究了一下新的UI圖，羅列了大概需要的功能點。去github上下了代碼，花了一天的時間把所有的事例運作了一遍，并按功能對應劃分到我之前羅列好的功能點中。

接下來就開始漫長的頭疼掉頭發之路了，第一關，官方api純英文，讓6級考了三次都沒過的人時刻想要暴走。是以退一步尋求解決方案，在老系統裡面扒代碼，直接去看以前是怎麼實作的。但當時是2開頭的版本，而現在已經4開頭了。遇到不通的方法再去查API解決，的确效率提高不少。

就這麼磨合寫了三個星期左右把頁面畫完和互動邏輯寫完，開始聯調已有背景環境，真正的大坑之路開啟了。老系統的綁定實在是做的太死了，我整個繪圖的模式，建立元素的方式全部都廢棄，要按照老系統背景的需求。就改吧改吧，又一周過去了，交差。

隻是簡單描述了一下整個過程，具體遇到的細節問題進一步在接下來的文章中闡述。

後話：

現在boss又看上了draw.io，讓我花一個月的時間研究一下，從中摘取特定的幾種類型再用vue實作一個項目。。。。

時至今日，我才深深意識到去年年底一個多月的時間裡，我隻是純粹功能搬運工，并沒有真正的去研究。是以借着這次一個月的時間，我就捎帶上之前的經驗做個總結，也加上新的學習點來做個系統的歸納整理。