varHomeModel=Backbone.Model.extend({defaults:{//BackbonecollectionforusersonlineUsers:newUserCollection(),//Backbonecollectionforuserchats,初始化一个预定义聊天模型userChats:newChatCollection([newChatModel({sender:'',message:'ChatServerv.1'})])},//添加一个新用户到onlineUserscollectionaddUser:function(username){this.get('onlineUsers').add(newUserModel({name:username}));},//从onlineUserscollection中移除一个用户removeUser:function(username){varonlineUsers=this.get('onlineUsers');varu=onlineUsers.find(function(item){returnitem.get('name')==username;});if(u){onlineUsers.remove(u);}},//添加一个新的聊天到userChatscollectionaddChat:function(chat){this.get('userChats').add(newChatModel({sender:chat.sender,message:chat.message}));},});
我们利用Backbone集合来侦听集合变化。这些集合的更新会直接由视图自动反映出来。接下来,需要在/public/index.html中定义home模板。