创建动态单页 Web 应用程序 [关闭]答案

【问题标题】：Creating a dynamic one page web application [closed]创建动态单页 Web 应用程序 [关闭]
【发布时间】：2011-04-09 00:31:45
【问题描述】：

我想制作一个包含动态字段/表单的覆盖容器的 Web 应用程序 (PHP)。

我希望用户填写表单，但不要离开页面的主要部分。

想象一下，浏览一个网站并将页面错误报告到叠加层中，但没有被从您正在阅读的页面中删除。

另外，是否可以使表单具有多个部分/页面，例如用户单击下一步按钮并呈现表单的下一部分？

【问题讨论】：

【解决方案1】：

我刚刚使用适用于 PHP 和 Jquery 的 Yii 框架（以及 Jquery UI）构建了一个单页应用程序。

我了解到，Jquery 不足以处理真正的单页应用程序。

您需要使用一个库来处理在构建 SPA 时会出现的许多问题，并使您不必进行大量基于 DOM 的操作。

您最终要做的实际上是编写一个真正的应用程序，并让“库”为您处理这些方面。

想到的一个库是 AngularJS。

希望这会有所帮助。

【讨论】：

【解决方案2】：

您要查找的内容称为ajax。

使用jQuery，您可以轻松创建所需的表单类型，其中整个页面不在提交时重新加载。

如需了解更多详情，请查看jQuery UI。有一套通常很容易实现的电动工具来帮助创建动态网页。

因此，用于布局的 jQuery UI 内容（查看选项卡）和通过 jQuery 与服务器 (PHP) 通信的 ajax。

【讨论】：

【解决方案3】：

这里是此类网络应用程序的一个很好的示例，并提供了一些有用的提示：

【讨论】：