反射式 Web 应用程序 (WebIDE)

Preamble

所以，这个问题已经得到了解答，但由于这是我对该项目的第一个问题，我将继续在我对该项目提出的其他问题中引用它。

对于来自另一个问题的任何人，以下是基本想法：创建一个 Web 应用程序，可以使创建其他 Web 应用程序或网站变得更加容易。为此，您基本上需要创建一个带有“小部件”的模块化站点，然后将它们组合到最终的显示页面中。如果您使用 Prototype 或 .prototype.fn，则每个小部件可能都有自己的一组函数组合在一个类中。

现在

我正在努力了解基础知识：编辑 CSS、创建用户 JavaScript 函数并动态查找他们的名称/输入，以及项目的其他关键技术方面。很快我将为我想要创建的功能创建一个粗略的时间表。在我这样做之后不久，我打算创建一个类似的博客，让每个人都了解该项目的状态。

原始问题

大家好，我目前正在尝试将我对个人项目的想法正式化（稍后可能会变成专业项目）。这个概念是一个反射式网络应用程序。换句话说，一个 Web 应用程序可以构建其他 Web 应用程序，并积极用于构建和改进自身。将其视为一种用于创建 Web 应用程序的 Web 应用程序 IDE。

因此，在我开始进一步解释之前，我向大家提出的问题是：您认为一路上最困难的挑战是什么？最好从哪里开始？

现在让我尝试在这里简要解释这个概念的一些方面。我希望这个应用程序尽可能接近所见即所得，因为您有一个显示区域，可以显示网站的全部或部分内容。您应该可以自由地浏览它以到达您想要处理的区域，并使用 JavaScript 调试器/控制台来询问“如果......会发生什么？”问题。

我打算通过组件来构建网络应用程序。换句话说，结果将是一个非常模块化的 Web 应用程序，这样您就可以轻松地进行小规模或大规模的调整（通常它应该比手动编码所有内容更好）<insert editor of choice>).

网站/Web 应用程序完成后，该 Web 应用程序应该能够生成安装和运行创建的网站/Web 应用程序所需的所有代码（因此用于数据库的 CSS、JavaScript、PHP 和 PHP 安装程序）。

以下是我迄今为止遇到的几个主要挑战：

• 动态更改 CSS
• 在 JavaScript 中实现反射
• 准确、简洁的 DOM 树查看器
• 允许用户选择 JavaScript 库（即原型, jQuery, Dojo, extJS, etc.)

也欢迎任何其他意见和建议。

Edit 1:我真的很喜欢 AppJet 的想法，当我这个周末有时间时我会详细检查它。然而，我唯一担心的是，这应该创建可以访问其他网络服务器的代码，因此虽然 AppJet 可能是我更快地开发这个应用程序的好方法，但我仍然认为我必须为我的用户生成 PHP 代码放在他们的服务器上。

另外，当我觉得它已经准备好供 Beta 测试人员使用时，我肯定会免费向该网站上的所有人发布它。但我认为，在 Beta 版之后，我应该遵循类似于 git 的方案：开源应用程序免费，私有/专有应用程序收费。

从概念上讲，您将构建小部件、小部件工厂和工厂制造工厂。

因此，您必须找到在制作小部件时、小部件之间、工厂内以及多个小部件制作工厂之间可能存在的所有不同类型的交互才能获得想法。

保持在多远之上的东西会不会太抽象？

**我认为您需要能够为应用程序空间本身完全抽象一些层。然后你必须为这一切构建一些管理工具。 **

- 表示层、工作流和数据层。

演示：您要么正在接收反馈，要么正在提出意见。通常是单击或输入某些内容的结果。一个简单的例子是在数据库中制作动态 Web 表单。您必须在数据库中存储有关它来自/来自何处的内容？这可能会构成表示层。这可能是最好的开始练习，以了解您可能需要做什么。

工作流：构建一个简单的工作流引擎是明智的。我建立在e 仿照 Windows 工作流程我在两天内就完成并运行了。它可以设置应该运行的初始事件等。从设计者的角度来看，我会想象一个 visio 类型的程序来链接这些事件。然后，工作流中的事件将驱动表示层。

Data:您必须存储与应用程序相关的数据，就像存储应用程序中的数据一样多。因此，表单、事件、数据结构可以通过存储 xml 文档来完成，具体取决于您是否需要使用表单中的任何数据。应用程序的数据也可以存储在您填写的空 xml 模板中，或者存储在实际的表中。此时，您必须创建一个表创建例程，根据规范维护应用程序的表。谷歌有类似的东西，他们的谷歌数据库在线。

希望有帮助。分享你最终得到的结果。