Backbone 结构

Backbone structure

Backbone.Events 触发事件的接口，继之后，类有绑定和触发事件的能力。

Backbone.Model   继续于Backbone.Events, 代表一个数据对象

Backbone.Collection 对应多个同类的Model

Backbone.View       一个View 对应HTML页面的element

Backbone.Router   Backbone.Events   根据URL中的锚点，跳转页面，router:page事件，

Backbone.sync   向服务器交流时要调用的函数  Model save,  destroy   Collection fetch会调用 它

 

Backbone.Events使得类拥有事件处理能力，     Router处理url跳转，model 多个组成collection

 

 

例子学习：

Todos        http://documentcloud.github.com/backbone/examples/todos/index.html   实例

代码   http://documentcloud.github.com/backbone/docs/todos.html 

模块   AppView   ItemView  Todos    Todo

关键流程

AppView 绑定控件的触发事件。      

addOne 方法    添加一个model时的方法  添加一个itemView

Reset   AppView.addAll,  重置所有model时触发addAll方法

All->AppView.render 任何一个事件都会触发render方法 

执行Todos 的fetch方法，从持久层获取所有的Todo 

TodoView    点击radio 标记Todo为已完成，保存到持久层，双击item,修改后，保存到持久层。、

TodoItem   remove方法

 

模块化开发更好，

转载于:https://www.cnblogs.com/yushunwu/archive/2012/02/18/2357567.html