Backbone.js(一) 模型Models和视图Views

1.简介

backbone.js通过以键值对绑定的模型（Models）、自定义事件、具有丰富函数API的集合（Collections）、事件处理视图（Views）来结构化Web应用程序，并通过RESTful JSON接口和你现有的API进行连接。

我们可以很容易的使用大量选择器和回调函数来创建JS程序，所做的就是让数据在HTML UI、JS逻辑和数据库之间保持同步。对于富客户端程序，一个更加结构化的方法会更有用。Backbone让你更自由的对web程序进行各种设计。

在Backbone中，你可以用模型（Models）来表示数据，模型可以被创建、销毁、验证和保存到服务器。

当视图动作改变了模型的属性，模型会触发“change”事件，所做的改变信息会通知到所有展现了模型状态的视图，视图做出响应，重新呈现改变后的视图。也就是说，当模型变化时，视图会自动更新。

值得注意的是，使用Backbone实现了业务逻辑和用户界面的分离。

2.模型

作用：

承上-------管理一张内部表，表中罗列了数据的属性信息；当任何数据被改变，就会触发“change”事件。

启下-------同步数据到持久层（通常使用REST API）

处理数据和业务逻辑；

从服务器加载和保存信息；

当数据变化时触发事件。

模型设计原则：

应该设计成原子的、可复用的数据对象，让它涵盖所有有用的功能，以方便调用操作指定的数据。

模型应该可以在应用程序中进行传递，可以使用在任何需要数据的地方。

3.视图

作用：

呈现一个或多个模型的数据；

监听变化并呈现用户界面；

处理用户输入和交互；

将捕获的输入信息发送给模型。

注意-------模型的出现可以是独立的，不依赖视图；但视图需要呈现模型的数据并监听模型的变化。