BackboneJs入门学习之模块—Model
首先,在学习Model模块之前,我们先了解一下BackboneJs提供的几大模块。具体的文档可以参看 http://www.css88.com/doc/backbone/#,官方文档时英文的,但是这份中文文档翻译的也不是很好(个人觉得=_=),凑合看吧。。
Backbone模块简单介绍: Events:事件驱动方法:作用到各个模块当中;
- Model:数据模型,根据 现实数据建立的抽象,如动物、车、楼房、人等,你可以理解为面向对象中的对象。
- Collection:它是Model的一个集合,因为Model是一个数据,而
Collection
是将这些一个一个的 Model 集合起来的意思,就成为一堆的数据,比如一个人,变化到了一群人(model——〉models
) - View:视图,是对Model和Collection 中数据的展示,将数据渲染到页面上
- Router:路由器(其实就是Hash值),是对路由的处理,在单页面应用中通过 Router 来控制 View 的展示,就好像在传统网站中不同的URL显示不同的页面,只不过在 Backbone 中是将不同的视图(View)显示在一个页面上。
- History:历史管理。需要注意的是,页面有 Router 时,才会发生历史管理,其实很好理解,View没有发生变化,哪来的历史记录呢?所以,History 的使用要配合 Router,即需要hash值。
- Sync:同步服务器的方式。在 Backbone 中,同步服务器的方式默认是使用 Ajax 的方式,当然,你可以对 Sync 进行重写。这个咚咚,在后面的Page中会具体展开!
Ok,以上就是Backbone常用的6大模块了。
现在我们来说说Model这个咚咚。
Model的理解:
- Model是 Js 应用的核心,包括基础的数据以及围绕这些数据的逻辑(例如,数据的转换、数据的验证、属性计算、访问控制等)。
Model的作用:
- 对业务中实体对象的抽离;
- 做持久化处理,就是把数据以某种方式(文件的形式、数据库的形式)存到磁盘上;
- 和服务器端进行数据交互;
示例:
代码语言:javascript复制<script type="text/javascript">
var Man=Backbone.Model.extentd({
//初始化函数,即构造函数,在Model被实例化时会首先被调用
initialize:function(){
alert('Hello World!');//来一个经典的输出=n=
}
});
//这这里进行实例化
var man=new Man;
</script>
实践是检验真理的唯一标准! Code实践一下吧,记得引入Jquery和underscoreJs库哦!!!
Ok,关于Model初探的介绍先到这里了啦~下一篇中我们将进入到Model的具体实践中。