用于 JQuery 或其他 JavaScript 框架的 WYSIWYG GUI 构建器 (IDE)？ [关闭]答案

【问题标题】：WYSIWYG GUI builder (IDE) for JQuery or other JavaScript framework? [closed]用于 JQuery 或其他 JavaScript 框架的 WYSIWYG GUI 构建器 (IDE)？ [关闭]
【发布时间】：2011-04-09 00:08:09
【问题描述】：

是否有任何 IDE 允许使用 JavaScript 框架（如 JQuery）以所见即所得的方式构建网页/用户界面？

例如，类似于 Dreamweaver 允许您构建 HTML 页面或 NetBeans 允许您以图形方式设计 Java 应用程序，Flash Builder 可以以图形方式设计 Flash 应用程序。

我认为现在有一些东西可以让你插入一个 javascript 框架，如 JQuery/JQueryUI 或 YUI 或 Prototype 等，例如拖入一个 JQueryUI 样式的按钮并定位它并调整它的大小。抛出一些 JQuery 字段或数据网格？

更新：我找到了一对，所以我相信肯定还有更多：

SenchaExt Designer（商业）--支持ext js框架，JQuery/Prototype等。

Maquetta（开源）--支持Dojo，一些Jquery/YUI

Wakanda（开源）——很有趣，看起来像他们自己的JS框架。可能需要将他们的后端服务器用于 db 等？

【问题讨论】：

我同意当前的 IDE 真的很烂！单独的 Intellisense 只是语法糖，它不知道您正在构建什么。
这些愚蠢、笨拙的基于浏览器的 UI 设计师是怎么回事？（Maquetta）这些天开发人员太笨或懒得创建独立工具或 Eclipse 插件？不管我猜如何，它看起来都被“暂停”了——不再维护了。

标签： javascript jquery ide wysiwyg

【解决方案1】：

对于 jQuery UI

IxEdit is a JavaScript-based interaction design tool

【讨论】：

但 18 个月后，该链接仍然显示“公开测试版”。 :(

【解决方案2】：

这仅适用于 jQuery Mobile：RIB

【讨论】：

【解决方案3】：

Dreamweaver 5.5 允许您访问所有 jQuery 库功能。

【讨论】：

【解决方案4】：

还有 Alpha 5，但这仅适用于构建数据库应用程序的情况。邪恶的产品。

【讨论】：

【解决方案5】：

Wakanda v1 已发布（测试阶段已结束）。

【讨论】：

【解决方案6】：

Codiqa (https://codiqa.com/) 一个 SAAS GUI 构建器，HTML5/jQuery UI。

【讨论】：

看起来这主要是 (?) mobile 开发。虽然还没有检查所有细节。
如果不是，他们肯定会大力迎合移动设备。所见即所得的移动 UI 几乎毫无意义。企业 PC 桌面应用程序才是真正需要的地方。

【解决方案7】：

要使用 jQuery UI 小部件创建 GUI，您可以查看此处：http://umyproto.com。

小部件通过拖放放置在页面中，您也可以为事件编写 JavaScript，最后您将拥有一堆 HTML 文件，您可以在应用程序的代码中使用这些文件。这真的很令人兴奋，试试吧 - 你会发现更多。

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。
很抱歉给您带来不便，但我无法在评论中提供该工具的完整概述。似乎 3 行文本足以涵盖 GUI 构建器的所有要素。
只有基于 Web 的设计师订阅？一文不值
你提供的链接好像失效了？

【解决方案8】：

有 Google 的 GWT Designer（用于 GWT）和 Atlas（用于卡布奇诺）。在我看来，更简单、更以 Web 为中心的 UI 框架并不适合 GUI 设计师，但有些应用程序可能会尝试这样做。

【讨论】：

两个链接现在都失效了。请更新。
……或者你可以自己做。

【解决方案9】：

嘿，你有没有听过 linb visualjs。它适用于所有服务器端语言，具有 40 多个拖放组件，并且它是开源的，还有一本很好的示例书。但是你必须知道如何使用 JSON，因为它完全基于 JSON。

但好消息是 JSON 只不过是 Javascript 数组。

【讨论】：

我不确定这个答案是否有意义