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