中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

render0.js:

//渲染類
var Render = function(id,num){
//多種渲染方法
this.doRenderHeader=function(){......};
this.doRenderFooter=function(){.......};
this.doRenderImage=function(imgurl,url,title, item){......};
this.doRenderTitle=function(title, url,key,item){......};
this.doRenderItem=function(item, idx){
調(diào)用this.doRenderImage(),this.doRenderTitle()
};
this.doRenderBody=function(rets){
調(diào)用this.doRenderItem()
};
......
this.doRender=function(rets){
var html = [];
html[html.length] = this.doRenderHeader();
html[html.length] = this.doRenderBody(rets);
html[html.length] = this.doRenderFooter();
if(this.root)this.root.innerHTML = html.join('');
};
}
//數(shù)據(jù)請(qǐng)求時(shí)成功調(diào)用的方法
function successFn(o){
try{
var data = doFitlerData(o); //調(diào)用config.js里的方法
//實(shí)例化Render
var defaultRender = new Render("test",3);
defaultRender.doRender(data);
}catch(e){
}
}
//數(shù)據(jù)請(qǐng)求時(shí)調(diào)用失敗的方法
function failureFn(){
alert("Failure");
}

這樣的三層構(gòu)架帶來(lái)什么好處，首先是分工非常明確，我只要負(fù)責(zé)頁(yè)面渲染(表示層)這一塊，其他的我可以不去考慮。其次，程序與程序間的耦合度低了，相對(duì)程序本身的內(nèi)聚度高了，業(yè)務(wù)邏輯層和表示層只有一個(gè)數(shù)據(jù)接口，那就是從業(yè)務(wù)邏輯層返回給表示層是什么樣的數(shù)據(jù)以及數(shù)據(jù)的格式，從業(yè)務(wù)邏輯層這個(gè)層面考慮，里面的程序如何修改，只要返回的數(shù)據(jù)不變，對(duì)表示層是一點(diǎn)都沒(méi)有影響，同理，針對(duì)不同的頁(yè)面，表示層可以寫(xiě)很多渲染類，對(duì)業(yè)務(wù)邏輯層也是沒(méi)有影響的，同時(shí)提起公有的方法，放到config.js中，提高了代碼的重用性。最后，程序有較高的擴(kuò)展性和可維護(hù)性。我想這些都是三層架構(gòu)帶給我們的好處吧。就講到這吧，以上是對(duì)這次項(xiàng)目從構(gòu)架的角度做一個(gè)總結(jié)，對(duì)三層架構(gòu)還需要再去深入研究，個(gè)人覺(jué)得這個(gè)現(xiàn)在還是比較普及的，可以用這個(gè)思想來(lái)構(gòu)架一個(gè)項(xiàng)目，一個(gè)系統(tǒng)。