backbone.js是一套重量级的web开发框架，它是基于jquery和underscore的一个js框架,主要由三个部分组成：model,collection,view。
1.model：创建模型来表示数据对象，可以进行数据验证，将对象销毁或者保存到服务器上。
2.collection：是model的集合，可以增加或删除元素，以及一些方便的操作。
3.view：可以绑定html模板和事件，可以将模型或者集合渲染到页面上，可以通过监听模型改变或销毁等事件重新渲染页面。
backbone的优势在于将数据和界面很好的分离开来，将事件的绑定很好的剥离出来，便于管理和迭代，使得javascript的模块化更加清晰。backbone比较适合页面上有大量数据的情况，是页面内复杂的信息沟通更清晰。
下面我用Backbone写了一个增删改查的表格，参照了Backbone官网Todos的例子。Backbone.js本身依赖于jquery和underscore，数据存储我用到了backbone-localstorage.js，将数据存储在本地数据库中，我把主要的js代码贴出来。其中用到了很多jquery,underscore和backbone的方法和事件，请参考相关文档。
Metafox企业内容管理系统0.9.1
下载
Metafox 是一个企业内容管理系统，使用一个特别的模板系统，你可通过一些特定的设计和代码来轻松创建 Web 网站，内容存储在 SQL 关系数据库，通过 Web 进行管理，简单、快速而且高效。 Metafox 0.9.1 发布，该版本改用一种更棒的 URL 风格，实现了 RSS 源（可包含远端网站内容到 Metafox 段中），重定向老的访问密钥到新的密钥，增加 RotateAntispam 技
$(function(){
//Model:表示一个学生
var Student=Backbone.Model.extend({
//默认值
defaults:function(){
return{
name:"XXX",
age:"0",
selected:false,
id:Students.nextId(),
};
},
//初始化的时候判断，如果设置的属性值非法就设为默认值
initialize:function(){
if(!this.get("name")){
this.set({"name":this.defaults().name});
}
if(!this.get("age")||!(/(^[1-9]\d*$)/.test(this.get("age")))){
this.set({"age":this.defaults().age});
}
},
//标记该学生是否被选中
toggle:function(){
this.save({selected:!this.get("selected")});
}
});
//Collection:Model的集合，即所有学生的集合
var Students=Backbone.Collection.extend({
model:Student,
//本地数据库，用到backbone-localstorage.js
localStorage:new Backbone.LocalStorage("Students-Table"),
//返回被选中的学生的集合
selected:function(){
return this.filter(function(student){return student.get('selected');});
},
//给每个学生一个编号
nextId:function(){
if(!this.length)
return 1;
return this.last().get('id')+1;
}
});
//定义一个学生集合对象
var Students=new Students;
//View:这个视图表示table中的一列，即一个学生，对应一个Model
var StudentView=Backbone.View.extend({
//表示 
