[發(fā)明專利]一種列表生成方法及設(shè)備

有效

• 申請(qǐng)?zhí)枺?/td>: 201010236732.2
• 申請(qǐng)日: 2010-07-23
• 公開（公告）號(hào): CN102339291A
• 公開（公告）日: 2012-02-01
• 發(fā)明（設(shè)計(jì)）人: 盛鼎
• 申請(qǐng)（專利權(quán)）人: 阿里巴巴集團(tuán)控股有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;H04L29/06
• 代理公司: 北京同達(dá)信恒知識(shí)產(chǎn)權(quán)代理有限公司 11291
• 代理人: 郭潤(rùn)湘

技術(shù)領(lǐng)域

本申請(qǐng)涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種Web應(yīng)用中的列表生成方法及設(shè)備。

背景技術(shù)

在Web業(yè)務(wù)的應(yīng)用過程中，執(zhí)行搜索等業(yè)務(wù)后，需要通過列表形式展示搜索結(jié)果，列表展示形式是Web業(yè)務(wù)中的常見展示方式。目前，主要有以下兩種生成并展示列表的方式。

第一種方式：

利用預(yù)先設(shè)定的后臺(tái)語言生成超文本標(biāo)記語言(Hyper?Text?MarkupLanguage，HTML)形式的文檔對(duì)象模型(DOM)，所述DOM中包含生成列表架構(gòu)的標(biāo)簽，然后將需要展示的數(shù)據(jù)寫入DOM中的列表架構(gòu)中，并對(duì)寫入數(shù)據(jù)后的DOM渲染生成頁面，并將該頁面向用戶展示以達(dá)到通過列表形式展示數(shù)據(jù)的目的。

在上述第一種方式下，需要展示的數(shù)據(jù)與DOM中的列表架構(gòu)完全耦合，即頁面的顯示層和數(shù)據(jù)層耦合在一起，當(dāng)展示的數(shù)據(jù)發(fā)生變化時(shí)，需要重新渲染并生成頁面，然后將重新生成的頁面刷新原頁面，由于展示的數(shù)據(jù)時(shí)常會(huì)發(fā)生變化，因此，在每次數(shù)據(jù)發(fā)生變化時(shí)都要重新生成并刷新頁面，使得每次重新生成頁面都要占用額外的資源，且列表展示效果較差。

第二種方式：

采用客戶端腳本語言JavaScript應(yīng)用插件創(chuàng)建DOM，然后利用異步JavaScript和XML(ajax)獲取數(shù)據(jù)，將獲取的數(shù)據(jù)寫入DOM生成的列表架構(gòu)中，并渲染生成展示列表的頁面。

在上述第二種方式下，當(dāng)需要通過多個(gè)列表展示大量的數(shù)據(jù)時(shí)，JavaScript應(yīng)用插件需要首先創(chuàng)建DOM對(duì)象，然后在后臺(tái)對(duì)該DOM進(jìn)行渲染才能最終得到展示列表的頁面，由于在JavaScript應(yīng)用插件生成列表的過程中，需要執(zhí)行創(chuàng)建DOM對(duì)象的操作，導(dǎo)致占用的資源量較大。

綜上所述，在目前生成并展示列表的方式下，如果采用第一種方式，在每次數(shù)據(jù)發(fā)生變化時(shí)都要重新生成并刷新頁面，使得每次重新生成頁面都要占用額外的資源，且列表展示效果較差，如果采用第二種方式，JavaScript應(yīng)用插件需要不斷地創(chuàng)建DOM對(duì)象，導(dǎo)致系統(tǒng)性能下降，因此，迫切需要找到一種能夠克服上述問題的列表生成方式。

發(fā)明內(nèi)容

本申請(qǐng)的目的在于，提供一種列表生成的方法及設(shè)備，用以解決現(xiàn)有技術(shù)中存在每次數(shù)據(jù)發(fā)生變化時(shí)都要重新生成并刷新頁面或需要不斷地創(chuàng)建DOM對(duì)象，導(dǎo)致系統(tǒng)性能下降的問題。

一種列表生成的方法，所述方法包括：

利用預(yù)先設(shè)定的后臺(tái)語言生成宏函數(shù)，所述宏函數(shù)用于表示超文本標(biāo)記語言HTML形式的文檔對(duì)象模型DOM；

通過客戶端腳本語言JavaScript應(yīng)用插件讀取待展示的數(shù)據(jù)，并將讀取的數(shù)據(jù)寫入所述DOM，生成寫入數(shù)據(jù)后的列表。

一種列表生成的設(shè)備，所述設(shè)備包括：

DOM生成模塊，用于利用預(yù)先設(shè)定的后臺(tái)語言生成宏函數(shù)，所述宏函數(shù)用于表示HTML形式的文檔對(duì)象模型DOM；

JavaScript應(yīng)用插件，用于讀取待展示的數(shù)據(jù)，并將讀取的數(shù)據(jù)寫入所述DOM；

列表生成模塊，用于生成寫入數(shù)據(jù)后的列表。

本申請(qǐng)使用后臺(tái)語言生成宏函數(shù)的方式來獲得HTML形式的DOM，避免了由JavaScript應(yīng)用插件生成列表時(shí)需要執(zhí)行創(chuàng)建DOM操作而導(dǎo)致系統(tǒng)性能下降的問題，同時(shí)，還利用JavaScript應(yīng)用插件讀取數(shù)據(jù)并將讀取的數(shù)據(jù)寫入DOM的方式最終生成列表，克服了數(shù)據(jù)與列表架構(gòu)完全耦合的問題，在每次展示列表時(shí)不需要刷新頁面，使列表的展示效果較好。

附圖說明

圖1為本申請(qǐng)實(shí)施例一列表生成的方法步驟示意圖；

圖2為本申請(qǐng)實(shí)施例二列表生成的設(shè)備結(jié)構(gòu)示意圖。

具體實(shí)施方式

本申請(qǐng)的方案應(yīng)用于Web環(huán)境，特別是應(yīng)用于Web搜索環(huán)境，用戶通過搜索引擎搜索出需要的數(shù)據(jù)后，搜索引擎將該數(shù)據(jù)存儲(chǔ)在后臺(tái)，然后利用本申請(qǐng)?zhí)峁┑牧斜砩煞椒ㄒ约傲斜砩稍O(shè)備生成包含存儲(chǔ)在后臺(tái)中的數(shù)據(jù)的列表，并將該列表以頁面形式向用戶展示。