Backbone js 结构分析&案例解析

1. Backbone structure



1）Backbone.Events：触发事件的接口，继承它之后，类对象拥有绑定和触发自定义事件的能力。

2）Backbone.Model（继承于Backbone.Events）：可以代表任意一个数据对象，（包含一个散列集hash，封装了对象的所有属性）。

3）Backbone.Collection（继承于Backbone.Events）：一个Collection对应多个同类型的Model。

4）Backbone.View（继承于Backbone.View）：一个View对应HTML页面的一个element。

5）Backbone.Router（继承于Backbone.Events）：根据URL中的锚点（hash）片段，跳转页面（跳转页面之后，触发route:page事件，注：page为锚点片段）。

6）Backbone.sync：每次向服务器读取或者保存模型时都要调用的函数（Model的save、destory方法，Collection的fetch方法会默认调用它）。

Reference：http://documentcloud.github.com/backbone/

中文参考：http://www.css88.com/doc/backbone/

2. Backbone运作流程(以官方Sample——Todos为例)



Sample Link : http://documentcloud.github.com/backbone/examples/todos/index.html

Code Link : http://documentcloud.github.com/backbone/docs/todos.html

1) 主要模块：AppView(Backbone.View)、ItemView(Backbone.View)、Todos(Backbone.Collection)、Todo(Backbone.Model)

2) 关键流程：