用于 JQuery 或其他 JavaScript 框架的 WYSIWYG GUI builder (IDE)？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/5601964/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
WYSIWYG GUI builder (IDE) for JQuery or other JavaScript framework?
提问by Scott Szretter
Are there any IDE's that allow building of web pages / user interface using javascript frameworks such as JQuery in a WYSIWYG manner?
是否有任何 IDE 允许以所见即所得的方式使用 JavaScript 框架（例如 JQuery）构建网页/用户界面？
For example, similar to how Dreamweaver allows you to build HTML pages or NetBeans allows you to graphically design Java applications, Flash Builder can graphically design flash applications.
例如，类似于 Dreamweaver 允许您构建 HTML 页面或 NetBeans 允许您以图形方式设计 Java 应用程序，Flash Builder 可以以图形方式设计 Flash 应用程序。
I would think by now there is something that would let you plug in a javascript framework such as JQuery/JQueryUI or YUI or Prototype, etc. and for example drag in a JQueryUI styled button and position it and size it. Throw on some JQuery fields or a datagrid?
我认为现在有一些东西可以让您插入 javascript 框架，例如 JQuery/JQueryUI 或 YUI 或 Prototype 等，例如拖动 JQueryUI 样式的按钮并放置它并调整它的大小。抛出一些 JQuery 字段或数据网格？
Update: I have found a couple, so I am sure there must be more:
更新：我找到了一对，所以我相信肯定还有更多：
Sencha Ext Designer(commercial) -- supports the ext js framework, JQuery/Prototype and others.
Sencha Ext Designer（商业）——支持ext js框架、JQuery/Prototype等。
Maquetta(open source) -- supports Dojo, some Jquery/YUI
Maquetta（开源）——支持 Dojo，一些 Jquery/YUI
Wakanda(open source) -- very interesting, looks like their own JS framework. May require the use of their back-end server for db, etc.?
Wakanda（开源）——很有意思，貌似是自己的JS框架。可能需要将他们的后端服务器用于数据库等？
回答by Дан Воронов
回答by Mohammad Saberi
Dreamweaver 5.5 allows you to access to all jQuery library features.
Dreamweaver 5.5 允许您访问所有 jQuery 库功能。
回答by Andy
There is Alpha Five as well, but this is only applicable if you are building a database application. Wicked product.
还有 Alpha 5，但这仅适用于构建数据库应用程序。邪恶的产品。
回答by skiabox
Wakanda v1 is out (beta phase is over).
Wakanda v1 已发布（测试阶段已结束）。
回答by Nicholas Riley
There's Google's GWT Designer(for GWT) and Atlas(for Cappuccino). Simpler, more Web-centric UI frameworks don't really lend themselves to a GUI designer, in my opinion, but some apps probably try to do it anyway.
有 Google 的GWT Designer（用于 GWT）和Atlas（用于 Cappuccino）。在我看来，更简单、更以 Web 为中心的 UI 框架并不适合 GUI 设计人员，但有些应用程序可能会尝试这样做。
回答by DavidN
Codiqa (https://codiqa.com/) a SAAS GUI builder, HTML5/jQuery UI.
Codiqa ( https://codiqa.com/) SAAS GUI 构建器，HTML5/jQuery UI。
回答by ipselon
To create a GUI with jQuery UI widgets you can take a look here: http://umyproto.com.
要使用 jQuery UI 小部件创建 GUI，您可以查看这里：http: //umyproto.com。
Widgets are placed in the page by drag and drop, also you can write JavaScript for events, and finally you will have a bunch of HTML files which you can use in your code of an application. it's really exciting, try it - you'll find a lot more for you.
通过拖放将小部件放置在页面中，您也可以为事件编写 JavaScript，最后您将拥有一堆 HTML 文件，您可以在应用程序代码中使用这些文件。这真的很令人兴奋，试试吧——你会发现更多的东西。
回答by ranjeet
Hey have you listen about linb visualjs. it works great with all server side languages with over 40 components with drag and drop and it is open source also with a good example book. but you must know how to use JSON because it is totally based on JSON.
嘿，你听过 linb visualjs 吗？它适用于所有服务器端语言，具有 40 多个拖放组件，并且它是开源的，还有一本很好的示例书。但是您必须知道如何使用 JSON，因为它完全基于 JSON。
But good news is JSON is nothing but Javascript Array.
但好消息是 JSON 只不过是 Javascript 数组。
