您的位置:首页 > Web前端 > JavaScript

BackboneJs入门学习[02]---Model初探

2015-08-23 17:56 633 查看

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 ”
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: