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

Question

我需要构建一个工作流工具，允许人们将节点拖到画布上，将节点的出口连接到其他节点的输入。缩放..(我刚刚找到的一个示例与这里的“自动化”部分中介绍的示例类似：http://bronto.com/platform/features)

正在寻找关于如何开始的建议...想知道有没有框架/库可以让这变得更简单，或者只是确认我应该开始使用Javascript来处理拖拽/拖拽/线条绘制/等等。

Answer 1

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

​

​

Answer 2

我已经尝试了几种工作流程、流程图和图表工具。

我找到了一个，然后我可以用编辑器制作一个HTML5工作流图，加载和保存数据到服务器和从服务器。

这几乎包含了可用于制作工作流图的所有功能：

1)矩形内的富文本。

2)自定义形状的能力。

3)添加流程图符号和修复后端代码的能力。

4)适用于安卓、iOS、HTML5浏览器。

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

6)能够正确拖放元素、线条、形状和富文本。

7)能够创建您自己的元素(便签、UML对象、行车道、文档对象等)

麻省理工学院有执照。

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

Answer 3

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