1

我的要求是在浏览器中构建 Web 表单设计器 - 就像Zoho Creator（或类似于其他基于浏览器的设计器工具，如proto.io、protoshare、gomockingbird、lucidcharts等）。在一侧有一个工具箱/面板、一个画布和一个始终显示所选控件属性的属性框。

我绝对不认为使用 JQuery 和使用 DOM 元素会提供像这样的可扩展解决方案（proto.io、lucidchart 等）。经过多次试验，我觉得 AngularJS 是要走的路，但它没有对拖放的原生支持，因此我希望像你这样的社区成员提供关于我是否打算做的事情可能对 AngularJS 有更多经验的意见，Angularjs 是用于这种解决方案的正确框架吗？

查看Proto.io等工具的屏幕截图- 与我打算构建的工具非常相似。只是我的口味将包含文本框、标签等表单控件，我将它们拖放到画布上，而不是 proto.io 具有的形状。

在此处输入图像描述

4

2 回答 2

1

角度很好。但是这类框架（如 Angular、Dojo、主干）的主要思想是使用特定的设计模式来构建您的应用程序。因此从该模式中受益。Angular 将帮助您将应用程序构建为 MV* 模式。我可能认为你现在需要的是一个图形库，它支持画布、拖放、调色板、模板、概述等。其中一些可能有用的是JointJS、MxGraph、Draw2D、Data-driven Documents、gojs、mindfusion。

于 2013-12-16T18:07:14.473 回答
0

Draw2D 也支持 Angular。该库有一个样板应用程序，它显示了如何结合使用 draw2d 的东西和角度。

这些示例展示了如何使用控制器、工厂和双向数据绑定来构建您的应用程序。

我认为您可以将 draw2d 样板与任何其他 DragDrop 库一起使用。这只是如何将第三方库集成到 Angular 中的一种模式。

Angular 有许多支持任何类型库的钩子和模式

问候

安德烈亚斯

于 2014-10-14T09:52:04.670 回答