建议：在 JavaScript 中与模型-视图-控制器作斗争答案

【问题标题】：Advice: Struggling with Model-View-Controller in JavaScript建议：在 JavaScript 中与模型-视图-控制器作斗争
【发布时间】：2013-08-21 20:34:32
【问题描述】：

我正在努力更好地理解 MVC。我找不到太多我真正理解的内容，并且可以重新设计以更好地理解内部运作。

我知道模型是数据（带有对象或其他东西的 JavaScript），视图是 HTML，控制器是浏览器。

这是正确的理解吗？谁能给我指出一个非常简单、低级和肮脏的 MVC 示例？

在此先感谢您提供任何有用的意见。

【问题讨论】：

标签： javascript model-view-controller view model

【解决方案1】：

我建议你在这里学习 Backbone JS 示例https://github.com/tastejs/todomvc/tree/gh-pages/architecture-examples/backbone

Backbone 是您能找到的最简单的 Javascript MVC 库（不是框架）。它清楚地定义了模型（同步到 REST API 的数据）、视图（这有点令人困惑，因为 Backbone 中的视图加路由器等于 MVC 世界中的“控制器”）和模板（这是MVC 世界。您可以使用 Mustache JS 或下划线 JS 或其他模板引擎）。

我希望这会有所帮助。

【讨论】：

在 iOS 中类似，你有 UIViewController，控制器管理视图，不依赖于模型。模型用作可以调用和/或持久性的数据存储库。控制器可以在接口或需要时访问模型。

【解决方案2】：

MVC 框架包括以下组件：

型号。模型对象是应用程序中实现的部分应用程序数据域的逻辑。通常，模型对象在数据库中检索和存储模型状态。例如，一个产品对象可能会从数据库中检索信息，对其进行操作，然后然后将更新的信息写回 SQL 中的 Products 表服务器数据库。在小型应用程序中，模型通常是概念上的分离而不是物理的。例如，如果应用程序只读取数据集并将其发送到视图，应用程序没有物理模型层和相关的类。在这种情况下，数据集扮演模型对象的角色。
观看次数。视图是显示应用程序的组件用户界面 (UI)。通常，此 UI 是从模型创建的数据。一个示例是 Products 表的编辑视图，显示文本框、下拉列表和复选框 Product 对象的当前状态。
控制器。控制器是处理用户的组件交互，与模型一起工作，并最终选择一个视图显示 UI 的渲染。在 MVC 应用程序中，仅视图显示信息；控制器处理并响应用户输入和交互。例如，控制器处理查询字符串值，并将这些值传递给模型，模型在 turn 可能会使用这些值来查询数据库。

http://msdn.microsoft.com/en-us/library/dd381412(VS.98).aspx?ppud=4

【讨论】：