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的作用:
- 对业务中实体对象的抽离;
- 做持久化处理,就是把数据以某种方式(文件的形式、数据库的形式)存到磁盘上;
- 和服务器端进行数据交互;
示例:
<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的具体实践中。
每篇一语:
我们的教育和Foreign的教育的区别在什么?圈养与放养?ImagineCode认为,适合国情的教育是好教育,适合自身的学习是好学习!
刚刚耳中放了一首歌,挺有感觉的,你一定听过哈~《Longer》“We’ will fly through the falls and summers , With love on our wings ”