workflow

一、效果图

二、运行

bower install

node http

三、依赖

angularjs1.4x、jquery-ui、jquery-conttextmenu、jsplumb等。其他见bower.json

四、实现功能

• 开源的jsplumb与angularjs的基本结合（虽然不完美）
• 开始、任务、结束节点功能分工
• 基本的连线判断
• 可拖拽的线（模拟）
• 任务节点的基本编辑功能
• 连线删除、节点删除
• 保存可形成有效的json字符串（该json可实现工作流的回现）

五、如何使用

1.左侧DOM拖拽至右侧，创建有效节点
2.节点上黄色方块处拖拽可实现连线
3.鼠标悬浮任务节点处右键可见右键菜单
4.节点连线成功后连线处右键可现实删除连线的菜单
5.打开f12，单机提交可查看生成的json字符串

---

转载请注明出处☺