日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

最開(kāi)始的實(shí)現(xiàn)方式是，在服務(wù)端一次性獲取當(dāng)前頁(yè)面的布局結(jié)構(gòu)，當(dāng)前頁(yè)面的所有功能模塊，同時(shí)通過(guò)循環(huán)檢索某一功能模塊屬于哪個(gè)容器并合理放置，***獲取具體功能模塊的實(shí)際內(nèi)容，一次性輸出完成頁(yè)面的顯示。

創(chuàng)新互聯(lián)長(zhǎng)期為上千多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為賀州企業(yè)提供專(zhuān)業(yè)的網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)，賀州網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

雖然解決了問(wèn)題，但這種方式導(dǎo)致了單次請(qǐng)求返回?cái)?shù)據(jù)的急劇增大，特別是在頁(yè)面布局復(fù)雜、功能模塊繁多時(shí)，尤其明顯。

經(jīng)過(guò)多方驗(yàn)證，我決定采取將布局構(gòu)建和內(nèi)容獲取進(jìn)行隔離、分批次獲取內(nèi)容的方式，以達(dá)到減小單次請(qǐng)求數(shù)據(jù)量的目的。具體步驟如下：

***步：采用常規(guī)方式，返回頁(yè)面布局HTML結(jié)構(gòu)，同時(shí)也json方式，返回當(dāng)前頁(yè)面的所有功能模塊基本信息

布局HTML結(jié)構(gòu)示例

1 

2   
  
3   

4   

5 

同步加載的功能模塊JSON

var __widgets = [
  {"widgetId":64,"title":"靜態(tài)文本","widgetName":"statichtml",

"key":"77","columnIndex":0,"sortIndex":1},
  {"widgetId":62,"title":"EnjooSite | 熙杰科技知識(shí)庫(kù)",

"widgetName":"statichtml","key":"76","columnIndex":1,"sortIndex":1},
  {"widgetId":66,"title":"本頁(yè)說(shuō)明","widgetName":"statichtml",

"key":"82","columnIndex":1,"sortIndex":2}
];

第二步：在客戶端，利用js，將功能模塊準(zhǔn)確放置如對(duì)應(yīng)的布局容器中

我在布局容器HTML結(jié)構(gòu)中，增加了columnindex屬性，在功能模塊的JSON配置中對(duì)應(yīng)了columnIndex屬性，因此利用此屬性，輔以jQuery的強(qiáng)大選擇功能，可以非常方便的將功能模塊放置入對(duì)應(yīng)容器，同時(shí)JSON配置中的sortIndex屬性可以確定同一容器中的先后順序。

第三步：利用jQuery的ajax方法，分批次異步加載具體功能模塊的實(shí)際內(nèi)容

我們可以看到，在功能模塊的JSON配置中，每一個(gè)功能模塊都具有：widgetName 和 key 2個(gè)屬性，widgetName屬性可以確定當(dāng)前功能模塊的實(shí)際類(lèi)型，如上例中的"statichtml"表示靜態(tài)HTML文本模塊，而key屬性，則對(duì)應(yīng)于當(dāng)前模塊在系統(tǒng)業(yè)務(wù)邏輯中所對(duì)應(yīng)的唯一關(guān)鍵值，這個(gè)關(guān)鍵值需要配合功能模塊的具體類(lèi)型進(jìn)行綜合應(yīng)用，以實(shí)現(xiàn)從數(shù)據(jù)庫(kù)或XML配置文件獲取內(nèi)容的目的。

在異步獲取功能模塊的實(shí)際內(nèi)容環(huán)節(jié)，我采取了分批次加載的方式，如果同時(shí)發(fā)出內(nèi)容獲取的ajax連接超過(guò)10個(gè)，那么后續(xù)的請(qǐng)求進(jìn)入等待隊(duì)列，等待前面的10個(gè)請(qǐng)求。當(dāng)前10個(gè)請(qǐng)求返回一個(gè)時(shí)，則立即從等待隊(duì)列中提出一個(gè)進(jìn)行連接。這樣，始終以比較平緩的數(shù)據(jù)請(qǐng)求量連接服務(wù)器，而頁(yè)面內(nèi)容也始終以比較緩和的方式呈現(xiàn)。

這種方式還值得完善的地方就是，***能夠靈活設(shè)定，哪個(gè)功能模塊的加載具有高優(yōu)先級(jí)就更好了。呵呵呵，慢慢再完善了。