資料
What
jsplumb是js工具包，是一種前端技術(shù)，為您提供了一種API，以便通過編程方式和通過鼠標(biāo)/觸摸事件來建立DOM元素之間的連接。
看官網(wǎng)案例和自己做的demo。更多demo
-
流程圖，左邊是3個組件，右邊是拖拽操作區(qū)域，組件間通過連線連接起來。
流程圖 -
數(shù)據(jù)表關(guān)聯(lián)關(guān)系圖，左邊是2個組件，右邊是拖拽操作區(qū)域，組件間通過連線連接起來。
表關(guān)聯(lián)關(guān)系圖 -
自己做的工作流demo，左邊是自己定義的4個組件，中間拖拽操作區(qū)域，右邊是組件屬性區(qū)域，上面控制區(qū)域，下面是狀態(tài)區(qū)域。
工作流 工作流demo可以實現(xiàn)工作流的保存、讀取（基于文件的存儲json格式），執(zhí)行功能是指根據(jù)工作流順序執(zhí)行每個組件，同等級組件會并發(fā)執(zhí)行，并將每個組件執(zhí)行情況顯示在狀態(tài)欄中，采用websocket通信。其中涉及數(shù)據(jù)結(jié)構(gòu)中圖的相關(guān)操作。
How
jsplumb有收費版和社區(qū)版，收費版名稱為：Toolkit Edition，社區(qū)版：Community Edition。Toolkit 版本，支持?jǐn)?shù)據(jù)綁定，支持平移縮放小部件，如圖1、2中的小部件，可以很好的和angular集成。
- 兩個版本的區(qū)別
-
各個版本所能做的事情的demo如下：
通過demo你大概就能知道你需要哪個版本了，然后就去看開發(fā)文檔.
我做的demo使用社區(qū)版做的。
