backbonejs中的模型篇(一)

一:模型及属性

模型是MVC应用的基石,它负责存放应用所需的数据,对数据的验证,执行访问控制,以及实现应用所需的特定业务逻辑。

backbone通过扩展Backbone.Model对象来定义一个模型。

如:var Mymodel = Backbone.Model.extend({...});

我们并不需要在模型内部定义一个数据结构,backbone支持在模型初始化时动态定义。

如: mymodeltest = new Mymodel({

    date:‘2014-08-14‘,

    name:‘joan‘,

    description:‘test‘});

1:模型复制

newmodel= mymodeltest.clone(); 得到一个模型独立的副本,此时对mymodeltest模型实例的修改不会反映到newmodel上;如果是赋值给另一个对象,则会反映到另一个对象。

2:设置默认的属性值

如: var _model = Backbone.Model.extend({

    defaults:{date:‘‘, name:‘joan‘, description:‘‘,gender:‘women‘}

})

var aaa = new  _model({

  description:‘testtest‘

});

aaa.get(‘date‘)!=undefine //true

aaa.get(‘name‘) //joan                   aaa.get(‘description‘)  //testtest

3:可用函数来设置默认属性值

如:var _model = Backbone.Model.extend({

    defaults:{name: ‘joan‘,

          description: ‘‘,

          gender: ‘women‘,

          date: function(){var date = new Date(); return date.toISOString();}}

})

4:initialize()方法

在模型对象被创建后,initialize方法立即被调用来初始化模型对象的属性值

以上defaults中的date属性也可以在initialize方法中设置

initialize:function(){

  if(!this.has(‘date‘)){var date = new Date(); this.set(‘date‘,date.isISOString());}

}

通过has方法来判断date属性是否在它之前没有被初始化过,避免将其覆盖

通过set方法来设置默认date属性

二:操作模型属性的一些专门的方法

1:get():获取属性的值

2:set():更新或者创建单个属性的值,可以一次更新多个,使用‘键-值’的格式

  如:aaa.set({name:‘saly‘,gender:‘Man‘})  如果该属性不存在,则会自动创建出该属性。设置成功,返回true,表示一个可用的模型的引用,否则false.

3:unset():从模型中删除一个属性。 如:aaa.unset(‘description‘)

4: clear(): 从模型中删除所有的属性。

5:has():检查模型中是否存在某一属性,存在返回true, 如:aaa.has(‘name‘), //true

backbonejs中的模型篇(一)

时间: 2024-11-06 09:26:43

backbonejs中的模型篇(一)的相关文章

backbonejs中的模型篇(三)

一:在模型中使用嵌套属性 Backbone的扩展插件 Backbone-Nested下载并添加引用 1:定义一个新的模型对象,使用Backbone.NestedModel作为其基类对象 var _model = Backbone.NestedModel.extend({...})                    var testObj = new _model() 2: 使用'.'操作符来获取或设置嵌套属性值 testObj.set({ 'name.title': 'Mr.', 'name

backbonejs中的集合篇(一)

一:集合概念 集合是多个模型,如果把模型model理解为表结构中的行,那么集合collection就是一张表,由多个行组成.我们经常需要用集合来组织和管理多个模型. 二:创建集合 1:扩展Backbone.Collection对象,指定为哪个模型创建集合,传参数model. var _collection = Backbone.Collection.extend({ model: _model }); 2:创建集合实例,传模型数组参数来初始化; 现假定_model的dafault属性为(name

Asp.Net MVC在过滤器中使用模型绑定

废话不多话,直接上代码 1.创建MVC项目,新建一个过滤器类以及使用到的实体类: 1 public class DemoFiltersAttribute : AuthorizeAttribute 2 { 3 public override void OnAuthorization(AuthorizationContext filterContext) 4 { 5 var person = new Person(); 6 //过滤器中使用模型绑定 7 BindModel<Person>(filt

【GISER&amp;&amp;Painter】Chapter02:WebGL中的模型视图变换

上一节我们提到了如何在一张画布上画一个简单几何图形,通过创建画布,获取WebGLRendering上下文,创建一个简单的着色器,然后将一些顶点数据绑定到gl的Buffer中,最后通过绑定buffer数据,提供buffer中顶点数据的情况,执行渲染绘制方法,将数据结果从buffer中刷新到帧缓存中.整个流程十分清晰明了,可是通过对比原来OpenGL中的整个流程,我们会发现其中还缺少了一些很重要的处理步骤,虽然我们创建了属于自己的着色器,可并没有对顶点数据进行类似于顶点处理管线中的模型视图变换.透视

深入了解CSS中盒子模型

原文:深入了解CSS中盒子模型 CSS中盒子模型介绍# 什么是盒子? 盒子是用来存储物品,我们可以将盒子理解为酒盒,酒盒有什么组成的呢? 有酒可以喝.有填充物保护酒防止酒被摔坏.纸盒子. 我们怎么理解CSS中的盒子呢,CSS中盒子有什么组成的呢?有内容.内边距.边框.外边距. CSS中盒子的主要属性有5种如:width宽度.height高度.padding内边距.border边框.margin外边距. CSS中盒子模型实践# CSS中盒子模型实践,给大家看看我们CSS中的盒子长什么样. 代码块

ThinkPHP中的模型

ThinkPHP中的模型 1.什么是模型(Model) 模型表示企业数据和业务规则,实际项目开发中,主要实现与数据库进行操作. 2.模型的定义规则 模型类的命名规则是除去表前缀的数据表名称,采用驼峰法命名,并且首字母大写,然后加上模型类的关键词Model,再加上类文件后缀.class.php 案例:实现移动办公自动化系统的组织结构功能 ① 设计数据库db_think ② 设计数据表结构(tk_dept) id ???? 编号 ????int 自动增长 主键 name 部门名称 varchar(4

ThinkPHP中视图模型详解.

很多TP的新手对于模型中的视图模型不甚了解,官方虽然有详细手册,但是对于初学者来说还是比较难以理解! 先简单说一下视图模型所能实现的功能,基本就是主表与副表之间各个字段的关联问题,实现多表关联查询,相对于使用原生SQL语句来说,着实是简单不少. 首先在数据表初始化的时候,用的不是传统的M('User'),在视图模型中使用的是D('UserView'),如下图: 需要主要的是几个单词的首字母大写. 之后在Lib/Model目录中新建名为XXXViewModel.class.php(XXX为任意控制

从3dmax中导入模型到UDK Editor(供个人备忘)

笔记从3dmax中导入模型到UDK Editor 1)      在3dmax中导出 2)      选择FBX格式,保存 3)      在UDK中打开content browser,自己选个package ,点击Import 4)      选择一个package后,点击确认 5)      导入成功,在content browser中新增了一项 从3dmax中导入模型到UDK Editor(供个人备忘),布布扣,bubuko.com

ThinkPHP中的模型二

ThinkPHP中的模型 1.为什么要创建数据对象 案例:使用ThinkPHP完成部门管理 ① 设计数据库 ② 创建Dept控制器 路径:./Application/Admin/Controller创建控制器 规则:DeptController.class.php 编程程序三步走 ③ 复制add.html模板到./Application/Admin/View/Dept文件夹,更改模板路径 ④ 更改View/Index/index.html左侧导航 ⑤ 获取添加功能的上级部门(使用模型) 路径:.