Backbone.js 和socket.io学习笔记

网址  http://developer.teradata.com/blog/jasonstrimpel/2011/11/backbone-js-and-socket-io

Backbone.js 和socket.io学习笔记

Backbone.js 是一个轻量级的javascript MVC框架。默认的CRUD操作用的是xhr ,Socket.io 是一个Node.js 运行起来的web server.这篇文章就来谈谈通过传统的Backbone.sync方法使用sockect.io 来做数据操作。

注意   Backbone.sync  用于数据通信的操作。    node.js 相结合

Backbone.sync

当一个模型或集合被修改，服务器的save被调用 （fetch save destroy） 

Backbone.sync随之被调用，一个CRUD操作在后台执行。

展示些代码

在下面的代码中默认的对象、集合增加了一个对象this.ctx. 它提供了一个操作的上下文环境，并且应该在一个Backbone Model 或Collection 的initialize 方法中定义。请阅读注释。随着你的特定需求这个想法可以得到扩展。这是个尝试性的程序，作者不保证它是好的。请包涵吧。

Backbone.sync = function(method,model,options) {

　　var socket = window.NAMESPACE.scoket;

var signature = fuction() {

　　var sig = {};

　　sig.endPoint = model.url + (model.id? ('/' + model.id) :'');

　　if(model.ctx) sig.ctx = model.ctx;

　　return sig;

}

var event = function(operation ,sig) {

　　var e = operation + ':';

　　e += sig.endPoint;

　　if(sig.ctx) e += (':' + sig.ctx);

　　

}

var create = function() {

　　var sign = signature(model);

      var e = event('create', sign);

　　scoket.emit('create',{'signature':sign,item:model.getAttributes});

　　scoket.once(e,function(data) {

　　　　model.id = data.id;

　　　　console.log(model);

　　});

}

var read = function(){

　　var sign = signature(model);

　　var e = event('read',sign);

　　socket.emit('read', {'signatur',sign});

　　socket.once(e.function(data) {

　　　　option.success(data);

　　});

}

var udpate = function(){

　　var sign = signature(model);

　　var e = event('update', {'signature':sign,item:model});

　　socket.once(e,function(data) {

　　　　console.log(data);

　　});

}

switch(method) {

　　case 'create' :

　　　　create();

　　

 break;       

        case 'read': 

            read();

            break; 

        case 'update':

            update();

            break;

        case 'delete':

            destroy();

            break;

}

   }

Node.js socket.io 

var io = require('socket.io').listen(3000);

var create = function (socket,signature) {

　　var e = event('create',signature),data = [];

　　socket.emit(e,{id:1});

}

var read = function(socket,signature) {

　　var e =  event('read', signature),data;

　　data.push({});

　　socket.emit(e,data);

}

var update = function(socket,signature) {

　　var e = event('update', signature),data = [];

}

var event = function (operation, sig) {

    var e = operation + ':';

    e += sig.endPoint;

    if (sig.ctx) e += (':' + sig.ctx);

 

    return e;

};

 

io.sockets.on('connection', function (socket) {

    socket.on('create', function (data) {

        create(socket, data.signature);      

    });     

    socket.on('read', function (data) {

        read(socket, data.signature);

    }); 

    socket.on('update', function (data) {

        update(socket, data.signature);      

    });

    socket.on('delete', function (data) {

        destroy(socket, data.signature);      

    });