04Backbone系列

数据模型

model可以对应到数据库中的某条数据

创建数据模型

// 定义某类的默认模型值
var Book = Backbon.Model.extend({
    defaults: {
        name: 'unknown',
        author: 'unknown',
        price: 0
    }
});
// 设置实例的模型值
var book = new Book({
    name: 'yf',
    author: 'noting',
    price: 11
});
  1. 从Backbone模块继承的子类都有静态属性__super__,静态属性和静态方法就是不用创建实例就可以使用的方法

初始化和读取数据

  1. 通过new初始化数据
  2. 通过以下方法读取数据
  • modelInstance.get()
  • modelInstance.escape()防XXS攻击
  • modelInstance.previous()获取模型改变之前的数据,××但是××只能在change事件和属性事件中使用
  1. 所有的数据存储在modelInstance.attributes中,但是不建议用它获取数据和改变数据
  • model.previousAttributes()使用场景和previous相同

修改数据

  1. modelInstance.set()
  2. 当修改数据时,会出发change事件。通过modelInstance对事件的监听,作出响应
  3. change事件的两个参数,model模型本身,当是属性事件的时候有第二个参数value
// 一般这种会通过 listenTO 放到 view 中,因为监听model 上事件,一般是 view 作出改变
// 是否触发change事件和属性事件,是看值是否发生了改变。如果没有,即使set,也不触发
modelInstance.on('change',function () {});
// 属性事件
modelInstance.on('change:name',function () {});

数据验证

数据验证这一项是个函数,该函数会在模型数据发生改变之前进行进检验。有返回值,无论什么,return false都是没有通过验证。不返回值的时候,通过验证

  1. 数据验证对应有error方法,modelInstance.on('error',function(){})
  2. modelInstance.set可以添加对象,设置该对象的silent选项,本次不会进行validate检验,但是下次set并且没有silent时,还是会触发。同时,当本次设置出错时,不会报错,不会出发change事件
  3. modelInstance.set可以添加对象,设置该对象的error选项。优先于error事件
  4. error事件,有两个参数modelerror。第一个模型对象,第二个是validate中返回的数据。
// 简单类型
var Book = Backbone.Model.extend({
    validate: function (attrs) {
        // attrs 是实例上的attributes 
    }
});

删除数据

会触发change事件,当删除模型中某个数据项时,再获取为undefined

  1. modelInstance.unset(name)
  2. modelInstance.clear()

将模型数据同步到服务器

  1. 数据标识。模型向服务器发送请求,比如修改或者删除,但是需要带上model的id。这个是model发送请求的时候,自动添加的。
  2. url规则。urlRoot方式,发送请求是请求地址加上数据标识。url方式,发送请求没有数据表示。两者的区别
  • urlRoot方式,服务器接口根目录,但是我们无权访问,需要使用id组成最终地址。优先级第三。
  • url方式,服务器接口地址是已知的,这个地址对应的操作无需模型的id。优先级第二。
  • modelInstance.set第三个参数对象可以添加url选项。优先级第一
  1. 数据和服务器数据进行同步。
  • modelInstance.save(),这个方法向服务器发送请求,同时将响应数据设置给模型。但是,设置给model的时候,会先经过parse
    • 该方法,可以设置第一个参数,数据对象
    • 第二个参数,wait选项,后台无响应或响应出错,model不会改变
    • 第二个参数,url选项
    • 第二个参数,success选项,error选项
    • 当使用save时,内部自动调用isNew。此时,如果没有id,将被认为是新的数据,使用post方式发送。如果服务器不返回带有id的响应数据,那么再次使用save时,依旧会使用post方式发送
    • 使用save的时候会触发三个事件,changerequest,sync/errorchange发生的事件不定。因为set发生在什么时候是可以配置的,如果有validate还可能会触发errro事件。
    • 使用save方法后,可以设置回调,但是回调中一般不要有对模型的改变,可以在change事件中改变
    • 使用parse方法对返回数据进行处理,然会return,这样模型上数据能够结构正确
  • modelInstance.fetch()
    • 参数和save的第二个参数相同
    • 会触发的事件有changerequest,sync/error
    • 客户端新创建的模型没有id,依旧可以使用fetch拉取数据
  • modelInstance.destroy()
    • 第一个参数,wait选项,后台无响应或响应出错,model不会改变
    • 会触发destoryrequestsync事件。

应用

  1. Table或者FormbaseCollection中,设置parse函数。(可以把Collection想想成Models)
  2. 在具体的Collection中设置地址
  3. 在事件中,父视图监听子视图的模型,一旦发生sync,就从新请求一次数据。
// 视图监听其他视图的模型上数据改变
this.listenTo(childModel.model,'change',function(){});
// 视图监听自己模型上数据变化
this.listenTo(this.model,'change',function(){});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容