一个几乎完整的基于JavaScript的Web应用程序的体系结构？

Question

我知道MVC在PHP应用程序中广受赞誉，但我不确定它是否适合JavaScript。 如果您有其他想法，请说明如何以及在何处处理常见方案，例如AJAX请求，数据保存（离线存储），演示文稿，如何处理控制器逻辑（是否有前端控制器？）等等。

怎么样模型视图呈现？

我正在使用ExtJS，并且仅将服务器用于永久数据存储。

Answer 1

如果您打算仅使用JavaScript来对UI进行编码，则可以将PHP视为更多的Web服务或API 。

基本上，您的View就是您在JS中编写的Ext JS。 为了处理您的数据，Ext前端将对您的“服务”执行请求。 基本上，您将在服务器上建立一种模型控制器架构，控制器的工作是处理请求并输出JSON（供Ext前端使用）

本质上，后端中的“视图”将仅从json_encode输出，然后由基于实际Ext的视图使用。

在JS中，您可以根据正在执行的操作来设置控制器。 如果仅显示服务器中的数据，则可能不需要太多单独的逻辑。 如果您要进行一些更复杂的处理，将代码分成单独的控制器和视图可能会很有用。

这主要取决于您要分离多少逻辑。

Answer 2

在编写几乎完整的javascript应用程序时，您可以将MVC视为：

• 查看：DOM
• 控制器：您的JavaScript
• 模型：JavaScript Ajax调用和它们的PHP（或任何其他）后端对应对象的组合

PureMVC是一个非常酷的MVC框架。 你应该检查一下。

Answer 3

我使用的是相同的体系结构：主要是在PHP后端之上的ExtJS。

我的解决方案：

• 与服务器的严格JSON-RPC通信。 服务器端API非常干净，它也是我们的第三方接口API。 强制使该API与第三方接口使用的API相同，可以使服务器端代码保持简洁和最少，这对安全性和性能都有利。
• 高度组件化的体系结构，分为用于对组件进行分组的模块（通常是Ext.Panel派生类）。 每个组件都知道如何通过JSON-RPC调用请求其初始配置和数据，呈现自己以及在必要时保存其状态。 我尝试保持组件之间的通信干净并记录在案。
• 按需架构，根据需要通过javascript文件加载其他组件。 整个代码旨在通过回调进行初始化，以便组件可以从服务器加载其依赖关系，并在初始化自身之前仅呈现一个空的占位符。

在适当的情况下，各个组件可以使用MVC模式。 无论如何，Ext都倾向于鼓励MVC，将数据分离到存储中并拥有独立的呈现基础结构（尽管它确实将控制器逻辑与呈现的组件混合在一起）。

Answer 4

我不确定我对你的问题的理解，但我会给你一个机会。

MVC是一种架构模式，从本质上讲，它意味着将数据模型，控制器和UI保持尽可能松散的耦合。

您正在尝试将其煮沸到技术水平，但这没有任何意义。 您可以使用良好的框架进行适当的MVC。 只是为了清楚起见，普通的PHP 并没有为您提供良好的MVC支持。 一个好的框架，例如CakePHP或CodeIgniter-将会。

JS只是一种丰富客户端体验的好方法。 这意味着除非您正在使用服务器端JS，否则您将拥有JS的唯一位置就是视图本身。 实质上，AJAX请求与MVC无关。 数据持久性也没有。 除非您实现自己的控制器（并且最好自己拥有一个很好的理由这样做），否则您不必担心其内部逻辑。

最重要的是，如果您要执行适当的MVC，请使用适当的框架，所有步骤都将就绪。