body ->div 'header', -> 'BACKBONEJS MVC DEMO'div 'add-block', ->input type:'button',id:'addbtn',value:'添加'span id: "showblock", style:'display:none;', ->text '姓名：'input type:text,id:'a-name'text '性别：'input type:text,id:'a-gender'text '科目：'input type:text,id:'a-subject'text '成绩：'input type:text,id:'a-score'input type:'button',id:'savebtn',value:'保存'table ->caption '学生成绩汇总列表'tr ->th style:'width:10%;', -> '编号'th style:'width:15%;', -> '姓名'th style:'width:15%;', -> '性别'th style:'width:15%;', -> '科目'th style:'width:15%;', -> '成绩'th style:'width:20%;', -> '操作'script type:'text/template',id:'trtemplate', ->tr 'tr<%=id%>', ->td 'id<%=id%>', -> '<%=id%>'td 'name<%=id%>', -> '<%=name%>'td 'gender<%=id%>', -> '<%=gender%>'td 'subject<%=id%>', -> '<%=subject%>'td 'score<%=id%>', -> '<%=score%>'td 'do', ->a id:'tredit<%=id%>', href:'#',->'编辑'a id:'trdelete<%=id%>', href:'#',->'删除'script type:'text/template',id:'edittemplate', ->tr 'tr<%=id%>', ->td 'id', ->'<%=id%>'td 'name', ->input 'name<%=id%>',type:'text',value:'<%=name%>'td 'gender', ->input 'gender<%=id%>',type:'text',value:'<%=gender%>'td 'subject', ->input 'subject<%=id%>',type:'text',value:'<%=subject%>'td 'score', ->input 'score<%=id%>',type:'text',value:'<%=score%>'td 'do', ->a id:'save<%=id%>', href:'#',->'确认'

saveclick: ->that = @   #此处的备份指针，以便能调用view内定义的方法，在单击等事件里的指针会发生变化，指向当前的元素#n =new $model 通过model创建的数据保存到后台之后(需要走model里的url到后台)，需要在collection手动加入该条记录，而通过collction先创建这条记录(走collection#的url到后台)，不需要再手动添加@collection.create {name:$("#a-name").val(), gender:$("#a-gender").val(),subject:$("#a-subject").val(),score:$("#a-score").val()},success:(mod,res) ->e = _.template $("#trtemplate").html()$("table").append(e mod.attributes)i = mod.get "id"$("#tredit"+i).click ->that.editclick i$("#trdelete"+i).click ->that.deleteclick i$("#showblock").css("display","none")error: ->alert 'error'

esp = require 'esp'
esp.route ->data = []data.push {id:1,name:'测试1',gender:'male',subject:'语文',score:'80'}data.push {id:2,name:'测试2',gender:'male',subject:'数学',score:'90'}data.push {id:3,name:'测试3',gender:'male',subject:'英语',score:'88'}data.push {id:4,name:'测试4',gender:'male',subject:'语文',score:'70'}data.push {id:5,name:'测试5',gender:'male',subject:'数学',score:'90'}@get '/', ->@view 'home'@get '/data', -> @json data@post '/data', ->i = data[data.length-1].id+1model = {}d = ''@request.on 'data',(chunk) -> d += chunk@request.on 'end', =>obj = JSON.parse dconsole.log objmodel =  {id:i,name:obj.name,gender:obj.gender,subject:obj.subject,score:obj.score}data.push model@json model@delete '/data/:id', ->for each, i in dataif each.id.toString() is @iddata.splice i,1@json id:@id@put '/data/:id', ->d = ''@request.on 'data',(chunk) -> d += chunk@request.on 'end', =>obj = JSON.parse dconsole.log obj.namefor each, i in dataif each.id == obj.ideach.name = obj.nameeach.gender = obj.gendereach.subject = obj.subjecteach.score = obj.score@json each

View Code