跨平台企业应用基于Backbone的前端开发说明.docxVIP

跨平台企业应用基于Backbone的前端开发说明编写Model编写Collection编写模板编写View编写Controler编写Model创建一个Model类，从Backbone.Model继承为model指定数据的来源地址和提交去向的uri，可以是字符串，也可以是一个会返回字符串的函数为model中个字段数据的约束性编写规则(校验规则)为model指定id字段属性名，如果该属性名就是”id”的话就不用指定了; 初始化的时候会被调用的函数(这个一般不写)eg:EOA.Model. PendingItemModel = Backbone.Model.extend({//(a) url: function() { //(b) return this.urlRoot + new Date().getTime();},validate: function() {//(c)},idAttribute: taskId,//(d) urlRoot: 35/index/,initialize:function(){//(e)}});编写Collection(不是所有的Model都需要Collection，如果不需要的，可以省去这步)创建一个Collection类，从Backbone.Collection继承为Collection中要装入的Model指定类为该集合填充数据的数据来源url，与model也可以是函数初始化的时候会被调用的函数(一般不写)EOA.Collection.PendingList = Backbone.Collection.extend({//(a) model: EOA.Model.PendingItemModel,//(b)url: archives/pending/list/ + new Date().getTime(),//(c)initialize:function(){//(d)}});编写模板javascript模板需要放到一对script标签中，并且type不为常规可解析的type这里写了一个id是为了方便js拿到，在下面的View中有用到黄底部分是填充的数据的表达式(这里还可以用{ }一对标签来写一段逻辑代码，这里没有用到)script type=text/template id=pending-detailsh2内部工作签报/h2div class=qianbao table border=0 cellspacing=0 cellpadding=0 class=table width=100% tr th width=35%签报题头/th td width=65%{= taskname}/td /tr tr th 签报号/th td{= taskid}/td /tr tr th紧急程度/th td普通/td /tr tr th请示项要点/th td{= taskkey}/td /tr tr th主送领导/th td{= tasksendleader}/td /tr tr th报送部门/th td{= taskdeptname}/td /tr tr th经办人/th td{= tasktransactor}/td /tr tr th联系电话/th td{= tasktel}/td /tr tr th报送日期/th td{= taskdate}/td /tr tr td colspan=2p class=f_c_636363 m_b4请示项具体内容：/p{= taskdesc}/td /tr tr td colspan=2p class=f_c_636363领导意见：/ptextarea id=leader_idea rows=3 cols=30{= leaderIdea}/textarea p class=taca href=javascript: void(0); id=agree class=btn_gray m1_5 wOne同意/aa href=javascript: void(0); id=disagree class=btn_gray m1_5 wTow不同意/aa href=# class=btn_gray wThird征求他人意见/abr /a href=# class=btn_gray m1_5 wHalf返回申请人/aa href=inter.html class=btn_gray wHalf转发他人处理/abr /a href=# class=btn_gray m1_5 wHalf查看流程/aa href=javascript: void(0); onclick=history.back(-1); class=btn_gray wHalf返回/a/p /td /tr tr td