HTML拖放工作流设计器

Question

我需要建立一个工作流程工具，允许用户将节点拖动到画布上，并将节点的输出连接到其他节点的输入...缩放...（我刚找到的一个例子看起来像这里“自动化”部分涵盖的那个：http://bronto.com/platform/features）

寻求如何入手的建议...想知道是否有任何推荐的框架/库可以使这个过程更容易，或者只是确认我应该开始使用JavaScript来处理拖放/线条绘制等。

- James Boutcher

---

Kineticjs对可拖动元素有很好的支持。 - Shmiddty

Answer 1

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

- spacebiker

Answer 2

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

- orad

Answer 3

我尝试过几种工作流程、流程图和图表工具。

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

它几乎拥有所有用于制作工作流程图的功能：

1）矩形内的富文本。

2）能够自定义形状。

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

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

5）能够添加不同类型的线条以连接不同的形状和对象。

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

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

MIT许可证。

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

- buttercup

Answer 4

对于来这里寻找答案的新人，这是你今天应该尝试的JS代码：

https://alyssax.com/x/flowy/

或者直接点击：https://alyssax.com/x/flowy/

- Alexandru R

Answer 5

我认为顺序工作流设计器适合你。它是开源的。

- b4rtaz