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

发布于

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的具体实践中。

#model#对象#入门#实践#数据