資料
What
jsplumb是js工具包炮车,是一種前端技術,為您提供了一種API璧尸,以便通過編程方式和通過鼠標/觸摸事件來建立DOM元素之間的連接裕循。
看官網(wǎng)案例和自己做的demo蚕钦。更多demo
-
流程圖,左邊是3個組件削解,右邊是拖拽操作區(qū)域把夸,組件間通過連線連接起來。
-
數(shù)據(jù)表關聯(lián)關系圖缩挑,左邊是2個組件但两,右邊是拖拽操作區(qū)域,組件間通過連線連接起來供置。
-
自己做的工作流demo谨湘,左邊是自己定義的4個組件,中間拖拽操作區(qū)域,右邊是組件屬性區(qū)域紧阔,上面控制區(qū)域坊罢,下面是狀態(tài)區(qū)域。
工作流demo可以實現(xiàn)工作流的保存擅耽、讀然詈ⅰ(基于文件的存儲json格式),執(zhí)行功能是指根據(jù)工作流順序執(zhí)行每個組件乖仇,同等級組件會并發(fā)執(zhí)行憾儒,并將每個組件執(zhí)行情況顯示在狀態(tài)欄中,采用websocket通信乃沙。其中涉及數(shù)據(jù)結構中圖的相關操作起趾。
How
jsplumb有收費版和社區(qū)版,收費版名稱為:Toolkit Edition警儒,社區(qū)版:Community Edition训裆。Toolkit 版本,支持數(shù)據(jù)綁定蜀铲,支持平移縮放小部件边琉,如圖1、2中的小部件记劝,可以很好的和angular集成变姨。
-
各個版本所能做的事情的demo如下:
通過demo你大概就能知道你需要哪個版本了,然后就去看開發(fā)文檔.
我做的demo使用社區(qū)版做的隆夯。