Backbone.js之model篇(一)

Backbone 是一个前端 JS 代码 MVC 框架，它不可取代 Jquery，不可取代现有的 template 库。而是和这些结合起来构建复杂的 web 前端交互应用。

Backbone 主要包括 models, collections, views 和 events, controller。

（一）model　　

　　关于 backbone，最基础的一个东西就是 model，这个东西就像是后端开发中的数据库映射那个 model 一样，也是数据对象的模型，并且应该是和后端的 model 有相同的属性（仅是需要通过前端来

　　操作的属性）。

     Models 用来创建数据，校验数据，存储数据到服务器端.Models 还可以绑定事件。比如用户动作变化触发 models 的 change 事件，所有展示此model 数据的 views 都会接收到这个 change 事件，进行重绘。

最简单的定义如下：

var Game = Backbone.Model.extend({});

稍微发杂一点

var Game = Backbone.Model.extend({

        initialize: function(){

            alert("Oh hey! ");

        },

          defaults: {

            name: 'Default title',

            releaseDate: 2011,

        }

    });

initialize 相当于构造方法，初始化时调用

简单实用：

// Create a new game

var portal = new Game({ name: "Portal 2", releaseDate: 2011});

// release will hold the releaseDate value -- 2011 here

var release = portal.get('releaseDate');

// Changes the name attribute

portal.set({ name: "Portal 2 by Valve"});

此时数据还都在内存中，需要执行save方法才会提交到服务器。

          portal.save();

Backbone 是一个前端 JS 代码 MVC 框架，它不可取代 Jquery，不可取代现有的 template 库。而是和这些结合起来构建复杂的 web 前端交互应用。

Backbone 主要包括 models, collections, views 和 events, controller。

（一）model　　

　　操作的属性）。

     Models 用来创建数据，校验数据，存储数据到服务器端.Models 还可以绑定事件。比如用户动作变化触发 models 的 change 事件，所有展示此model 数据的 views 都会接收到这个 change 事件，进行重绘。

最简单的定义如下：

var Game = Backbone.Model.extend({});

稍微发杂一点

var Game = Backbone.Model.extend({

        initialize: function(){

            alert("Oh hey! ");

        },

          defaults: {

            name: 'Default title',

            releaseDate: 2011,

        }

    });

initialize 相当于构造方法，初始化时调用

简单实用：

// Create a new game

var portal = new Game({ name: "Portal 2", releaseDate: 2011});

// release will hold the releaseDate value -- 2011 here

var release = portal.get('releaseDate');

// Changes the name attribute

portal.set({ name: "Portal 2 by Valve"});

此时数据还都在内存中，需要执行save方法才会提交到服务器。

          portal.save();

来源：https://www.cnblogs.com/mingyongcheng/p/3830833.html

标签

portal