我有使用 ZendFramework 2 (php) 的经验和一些 Javascript 和 jQuery 的基本知识。
我需要构建一个 Web 应用程序，其中用户有一个带有图标的左栏，他必须能够单击它们并将它们放入“绘图区域”，在那里他将创建一个具有不同图标的工厂拓扑从酒吧掉落并用不同长度的箭头连接它们。
我只需要知道如何处理这个问题。我认为拖放功能可以在 jQuery 中实现，正如我在这里的一些问题中发现的那样，但是如何保存布局？当有人单击屏幕的一个点并将鼠标移向另一点并释放单击时，如何创建这种箭头？这类应用程序是用 Macromedia flash 制作的吗？或者它们可以使用纯 Javascript 和 jQuery 制作？
如果您能向我推荐任何教程或阅读材料，我将不胜感激。
【问题讨论】：
标签： javascript jquery web web-applications drag-and-drop
@jahler 是对的——你需要 JavaScript 的高级知识和大量时间来实现你想要的。虽然我认为你不需要 jQuery。
或者你可以使用一个库来做你想做的大部分事情。以下是一些示例：
也许您正在尝试构建类似Process Flow 的东西，尽管我不知道为什么该示例不包括调色板。
您可能还对某种监控显示感兴趣，例如Shop Floor Monitor。
披露：我在 Northwoods Software 实施图表库已有 20 年了。
【讨论】：
具有拖放功能的 jQuery UI 可能不会让您走得太远。
正如您已经说过的，它为您提供了拖放功能，但它对您最大的功能之一没有帮助：使用箭头连接逻辑单元。您可能应该对用于创建流程图或实体关系图的可用 JavaScript 库进行一些研究。也许有一些东西，它有足够的功能来为你提供你需要的所有功能。
一个快速的谷歌搜索给了我这个例子：https://github.com/apcj/arrows / http://www.apcjones.com/arrows/ 这并不能完全提供你正在寻找的东西，但可能是一个开始。
不幸的是，像这样编辑库是一个完全不同的话题。您的目标肯定需要 JavaScript 的高级知识。
【讨论】：