具有拖放功能的HTML工作流设计器

Question

我需要构建一个工作流工具，允许人们将节点拖到画布上，将节点的出口连接到其他节点的输入。缩放..（我刚刚发现的一个例子看起来就像'自动化部分：http://bronto.com/platform/features）

寻找关于如何入门的建议...好奇如果有框架/库，任何人都会建议使这更容易，或只是确认我应该开始甩掉Javascript来处理拖动/掉线/线条绘图/等等

Answer 1

这个问题已经很老了，但是如果有人需要更新的答案，我肯定会尝试jQuery开源项目jsPlumb https://github.com/sporritt/jsPlumb。

Answer 2

我尝试了几种工作流程，流程图和图表工具。

我发现了一个可以用编辑器制作HTML5工作流程图，然后在服务器上加载和保存数据。

这几乎具有可用于制作工作流程图的所有功能：

1）矩形内的富文本。

2）能够自定义形状。

3）能够添加流程图符号并修复后端代码。

4）适用于Android，iOS，HTML5浏览器。

5）能够添加不同种类的线条以附加到不同的形状和对象。

6）能够正确地拖放元素，线条，形状和富文本。

7）能够创建自己的元素（粘滞便笺，UML对象，行通道，文档对象等）

麻省理工学院获得许可。

https://code.google.com/p/svg-edit/

Answer 3

如果您使用的是ASP.NET平台，请尝试Orchard CMS。它有一个Workflow Module，您可以根据自己的需要进行自定义。