Javascript的MVC模式的最佳示例?

时间:2012-06-18 03:44:19

标签: javascript jquery model-view-controller user-interface backbone.js

好的,我来自UI设计背景,并使用jQuery进行一些编程。但是,我所做的大多数工作都是以线性的方式改变UI,没有任何模式。我知道OOP,课程,......

我需要用Javascript来学习MVC模式。我的小组正在挑选backbone.js。所以我甚至需要学习如何围绕MVC构建事物。我可以阅读web backbone.js用法。

但我的问题是:是否有一个网站或一些书籍展示了MVC的一些简单例子?例如,如果我需要构建一个简单的日历,待办事项任务列表,幻灯片w /文本等等。什么是模型,视图和控制器?每个人的工作是什么?有什么不同的方法来构建它?你不应该做什么方式?...

由于

1 个答案:

答案 0 :(得分:2)

Backbone.js在该网站上有一个todo列表示例,详细说明了如何使用某些功能here。 javascript中的MVC将涉及向服务器查询数据然后显示它。

MVC中的模型是接收内容的应用程序的一部分,因此在这种情况下,它将以JSON,XML或您喜欢的任何方式从服务器接收数据。

MVC中的视图是应用程序的一部分,它显示通过模型接收的内容。它只是来自模型的数据,以特定于应用程序的格式显示,在本例中为HTML / CSS

MVC中的控制器是处理应用程序逻辑的应用程序的一部分。在这种情况下,它将是按钮的所有事件处理程序链接的内容,并将控制何时激活从模型加载数据到视图的函数。虽然它不是特定于backbone.js。 Cake php有一个关于MVC here的好教程。