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

2023-10-07 16:19:10 浏览数 (1)

BackboneJs入门学习之模块—Model

首先,在学习Model模块之前,我们先了解一下BackboneJs提供的几大模块。具体的文档可以参看 http://www.css88.com/doc/backbone/#,官方文档时英文的,但是这份中文文档翻译的也不是很好(个人觉得=_=),凑合看吧。。

Backbone模块简单介绍: Events:事件驱动方法:作用到各个模块当中;

  1. Model:数据模型,根据 现实数据建立的抽象,如动物、车、楼房、人等,你可以理解为面向对象中的对象。
  2. Collection:它是Model的一个集合,因为Model是一个数据,而 Collection 是将这些一个一个的 Model 集合起来的意思,就成为一堆的数据,比如一个人,变化到了一群人(model——〉models
  3. View:视图,是对Model和Collection 中数据的展示,将数据渲染到页面上
  4. Router:路由器(其实就是Hash值),是对路由的处理,在单页面应用中通过 Router 来控制 View 的展示,就好像在传统网站中不同的URL显示不同的页面,只不过在 Backbone 中是将不同的视图(View)显示在一个页面上。
  5. History:历史管理。需要注意的是,页面有 Router 时,才会发生历史管理,其实很好理解,View没有发生变化,哪来的历史记录呢?所以,History 的使用要配合 Router,即需要hash值。
  6. Sync:同步服务器的方式。在 Backbone 中,同步服务器的方式默认是使用 Ajax 的方式,当然,你可以对 Sync 进行重写。这个咚咚,在后面的Page中会具体展开!

Ok,以上就是Backbone常用的6大模块了。

现在我们来说说Model这个咚咚。

Model的理解:

  1. Model是 Js 应用的核心,包括基础的数据以及围绕这些数据的逻辑(例如,数据的转换、数据的验证、属性计算、访问控制等)。

Model的作用:

  1. 对业务中实体对象的抽离;
  2. 做持久化处理,就是把数据以某种方式(文件的形式、数据库的形式)存到磁盘上;
  3. 和服务器端进行数据交互;

示例:

代码语言: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的具体实践中。

0 人点赞