一種網(wǎng)頁(yè)的加載方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本申請(qǐng)涉及網(wǎng)頁(yè)技術(shù)領(lǐng)域，特別是涉及一種網(wǎng)頁(yè)的加載方法和一種網(wǎng)頁(yè)的加載裝置。
【背景技術(shù)】
[0002]互聯(lián)網(wǎng)技術(shù)的迅猛發(fā)展將人們帶入了信息社會(huì)時(shí)代，對(duì)人們生活產(chǎn)生了深刻的影響，人們可以各種方式獲取到互聯(lián)網(wǎng)上海量的資訊，以滿足生活、工作、學(xué)習(xí)等各方面的需求。
[0003]其中，用戶可以通過瀏覽器迅速及輕易地瀏覽互聯(lián)網(wǎng)上的各種資訊。瀏覽器是一個(gè)顯示網(wǎng)頁(yè)服務(wù)器或檔案系統(tǒng)內(nèi)的文件，并讓用戶與該文件互動(dòng)的一種應(yīng)用程序。在瀏覽器中可以顯示網(wǎng)絡(luò)中的文字、影像及其他資訊，而這些文字或影像，可以是連接其他網(wǎng)址的超鏈接。
[0004]由于資訊過多，使得網(wǎng)站中信息種類繁雜，網(wǎng)頁(yè)結(jié)構(gòu)臃腫。
[0005]例如，如圖1所示，在一個(gè)傳統(tǒng)網(wǎng)站的首頁(yè)100中，包括如下結(jié)構(gòu):
[0006]1、綜合導(dǎo)航區(qū)101，將網(wǎng)站的信息，按場(chǎng)景的緯度劃分，是不同場(chǎng)景的入口展示；
[0007]2、頻道導(dǎo)航區(qū)102，將網(wǎng)站的信息，按頻道的緯度劃分，是特定頻道的入口展示；
[0008]3、首屏區(qū)103，提供給平臺(tái)用戶的展示位及專場(chǎng)活動(dòng)的直達(dá)入口 ；
[0009]4、公共區(qū)104，用戶登錄注冊(cè)的及幫助專區(qū)，包含用戶常用工具；
[0010]5、頻道樓層105，針對(duì)頻道中子分類的全部入口展示；
[0011]6、特定樓層106，針對(duì)特定信息的入口展示；
[0012]7、會(huì)友區(qū)107，針對(duì)資訊類信息的前臺(tái)入口 ；
[0013]其中，綜合導(dǎo)航區(qū)101和行業(yè)導(dǎo)航區(qū)102是網(wǎng)站全部業(yè)務(wù)對(duì)象的主要入口，優(yōu)先級(jí)別是最高的，因此往往設(shè)置在網(wǎng)頁(yè)的頂部。
[0014]該首頁(yè)100的首頁(yè)按一層關(guān)系，可見即可點(diǎn)擊的，頁(yè)面中的結(jié)構(gòu)按照優(yōu)先級(jí)先后順序從上到下排列，因此很多頁(yè)面的資源需要進(jìn)行平鋪，整個(gè)首頁(yè)都在做導(dǎo)航的作用。
[0015]該首頁(yè)100的導(dǎo)航雖然擁有豐富的緯度，但是展示全網(wǎng)信息的類目的形式，使得整個(gè)頁(yè)面的樓層比較長(zhǎng)，尤其是頻道樓層105中擁有大量的子分類的入口，用戶需要一屏一屏地往下查找所需的子分類，最多需要6次滾屏操作才可以查找到所需的頻道，操作繁瑣，耗費(fèi)系統(tǒng)資源，首屏利用率很低，并且，每個(gè)樓層中頻道的入口展示位置有限，所能展示的信息很少，若當(dāng)前沒有用戶所需的信息，則需要跳轉(zhuǎn)到其他頁(yè)面進(jìn)行查找，瀏覽器需要從網(wǎng)頁(yè)服務(wù)器中加載網(wǎng)頁(yè)，耗費(fèi)系統(tǒng)資源和帶寬，最終導(dǎo)致首頁(yè)導(dǎo)航效率很低。
[0016]因此，目前需要本領(lǐng)域技術(shù)人員迫切解決的一個(gè)技術(shù)問題就是:如何提出一種網(wǎng)頁(yè)的加載機(jī)制，以提高操作的簡(jiǎn)便性，減少系統(tǒng)資源消耗，提高導(dǎo)航效率。

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

[0017]本申請(qǐng)實(shí)施例所要解決的技術(shù)問題是提供一種網(wǎng)頁(yè)的加載方法，以提高操作的簡(jiǎn)便性，減少系統(tǒng)資源消耗，提高導(dǎo)航效率。
[0018]相應(yīng)的，本申請(qǐng)實(shí)施例還提供了一種網(wǎng)頁(yè)的加載裝置，以提高操作的簡(jiǎn)便性，減少系統(tǒng)資源消耗，提高導(dǎo)航效率。
[0019]為了解決上述問題，本申請(qǐng)實(shí)施例公開了一種網(wǎng)頁(yè)的加載方法，包括:
[0020]當(dāng)接收網(wǎng)頁(yè)的加載請(qǐng)求時(shí)，根據(jù)所述加載請(qǐng)求加載對(duì)應(yīng)的網(wǎng)頁(yè)；所述網(wǎng)頁(yè)包括特征區(qū)域，所述特征區(qū)域中包括一個(gè)或多個(gè)第一類目信息，每個(gè)第一類目信息具有關(guān)聯(lián)的第一觸發(fā)點(diǎn)；
[0021]在所述第一類目信息關(guān)聯(lián)的第一觸發(fā)點(diǎn)被觸發(fā)時(shí)，生成第一彈出層；以及
[0022]在所述第一彈出層中加載歸屬所述第一類目信息的一個(gè)或多個(gè)第二類目信息。
[0023]優(yōu)選地，每個(gè)第二類目信息具有關(guān)聯(lián)的第二觸發(fā)點(diǎn)，所述的方法還包括:
[0024]在當(dāng)前第二類目信息關(guān)聯(lián)的第二觸發(fā)點(diǎn)被觸發(fā)時(shí)，生成第二彈出層；以及
[0025]在所述第二彈出層中加載歸屬當(dāng)前第二類目信息的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象。
[0026]優(yōu)選地，還包括:
[0027]在其他第二類目信息關(guān)聯(lián)的第二觸發(fā)點(diǎn)被觸發(fā)時(shí)，在所述第二彈出層中加載歸屬所述其他第二類目信息的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象。
[0028]優(yōu)選地，所述根據(jù)所述加載請(qǐng)求加載對(duì)應(yīng)的網(wǎng)頁(yè)的步驟包括:
[0029]根據(jù)所述加載請(qǐng)求從對(duì)應(yīng)的網(wǎng)頁(yè)服務(wù)器中獲取網(wǎng)頁(yè)文檔；以及
[0030]在一窗口中渲染所述網(wǎng)頁(yè)文檔。
[0031]優(yōu)選地，所述網(wǎng)頁(yè)文檔包括第二類目信息，所述在所述第一彈出層中加載歸屬所述第一類目信息的一個(gè)或多個(gè)第二類目信息的步驟包括:
[0032]從所述網(wǎng)頁(yè)文檔中提取歸屬所述第一類目信息的一個(gè)或多個(gè)第二類目信息；以及
[0033]在所述第一彈出層中加載從所述網(wǎng)頁(yè)文檔中提取的一個(gè)或多個(gè)第二類目信息。
[0034]優(yōu)選地，所述網(wǎng)頁(yè)文檔包括業(yè)務(wù)對(duì)象，所述在所述第二彈出層中加載歸屬所述其他第二類目信息的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象的步驟包括:
[0035]從所述網(wǎng)頁(yè)文檔中提取歸屬所述其他第二類目信息的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象；以及
[0036]在所述第二彈出層中加載從所述網(wǎng)頁(yè)文檔中提取的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象。
[0037]優(yōu)選地，所述第一觸發(fā)點(diǎn)依據(jù)在所述第一類目信息的鼠標(biāo)經(jīng)過懸停操作被觸發(fā)，所述第二觸發(fā)點(diǎn)依據(jù)在所述第二類目信息的鼠標(biāo)經(jīng)過懸停操作被觸發(fā)。
[0038]優(yōu)選地，所述網(wǎng)頁(yè)為網(wǎng)站首頁(yè)。
[0039]優(yōu)選地,多個(gè)第一類目信息沿第一方向排列，多個(gè)第二類目信息沿與所述第一方向垂直的第二方向排列。
[0040]優(yōu)選地，第一類目信息和第二類目信息定義的區(qū)域?yàn)闃I(yè)務(wù)對(duì)象的展示區(qū)域。
[0041]本申請(qǐng)實(shí)施例還公開了一種網(wǎng)頁(yè)的加載裝置，包括:
[0042]網(wǎng)頁(yè)加載模塊，用于在接收網(wǎng)頁(yè)的加載請(qǐng)求時(shí)，根據(jù)所述加載請(qǐng)求加載對(duì)應(yīng)的網(wǎng)頁(yè)；所述網(wǎng)頁(yè)包括特征區(qū)域，所述特征區(qū)域中包括一個(gè)或多個(gè)第一類目信息，每個(gè)第一類目信息具有關(guān)聯(lián)的第一觸發(fā)點(diǎn)；
[0043]第一彈出層生成模塊，用于在所述第一類目信息關(guān)聯(lián)的第一觸發(fā)點(diǎn)被觸發(fā)時(shí)，生成第一彈出層；
[0044]第二類目信息加載模塊，用于在所述第一彈出層中加載歸屬所述第一類目信息的一個(gè)或多個(gè)第二類目信息。
[0045]優(yōu)選地，每個(gè)第二類目信息具有關(guān)聯(lián)的第二觸發(fā)點(diǎn)，所述的裝置還包括:
[0046]第二彈出層生成模塊，用于在當(dāng)前第二類目信息關(guān)聯(lián)的第二觸發(fā)點(diǎn)被觸發(fā)時(shí)，生成第二彈出層；
[0047]第一業(yè)務(wù)對(duì)象加載模塊，用于在所述第二彈出層中加載歸屬當(dāng)前第二類目信息的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象。
[0048]優(yōu)選地，還包括:
[0049]第二業(yè)務(wù)對(duì)象加載模塊，用于在其他第二類目信息關(guān)聯(lián)的第二觸發(fā)點(diǎn)被觸發(fā)時(shí)，在所述第二彈出層中加載歸屬所述其他第二類目信息的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象。
[0050]優(yōu)選地，所述網(wǎng)頁(yè)加載模塊包括:
[0051]網(wǎng)頁(yè)文檔獲取子模塊，用于根據(jù)所述加載請(qǐng)求從對(duì)應(yīng)的網(wǎng)頁(yè)服務(wù)器中獲取網(wǎng)頁(yè)文檔；
[0052]網(wǎng)頁(yè)文檔渲染子模塊，用于在一窗口中渲染所述網(wǎng)頁(yè)文檔。
[0053]優(yōu)選地，所述網(wǎng)頁(yè)文檔包括第二類目信息，所述第二類目信息加載模塊包括:
[0054]第一提取子模塊，用于從所述網(wǎng)頁(yè)文檔中提取歸屬所述第一類目信息的一個(gè)或多個(gè)第二類目信息；
[0055]第一加載子模塊，用于在所述第一彈出層中加載從所述網(wǎng)頁(yè)文檔中提取的一個(gè)或多個(gè)第二類目信息。
[0056]優(yōu)選地，所述網(wǎng)頁(yè)文檔包括業(yè)務(wù)對(duì)象，所述第一業(yè)務(wù)對(duì)象加載模塊包括:
[0057]第二提取子模塊，用于從所述網(wǎng)頁(yè)文檔中提取歸屬所述其他第二類目信息的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象；
[0058]第二加載子模塊，用于在所述第二彈出層中加載從所述網(wǎng)頁(yè)文檔中提取的一個(gè)或多個(gè)業(yè)務(wù)對(duì)象。
[0059]優(yōu)選地，所述第一觸發(fā)點(diǎn)依據(jù)在所述第一類目信息的鼠標(biāo)經(jīng)過懸停操作被觸發(fā)，所述第二觸發(fā)點(diǎn)依據(jù)在所述第二類目信息的鼠標(biāo)經(jīng)過懸停操作被觸發(fā)。
[0060]優(yōu)選地，所述網(wǎng)頁(yè)為網(wǎng)站首頁(yè)。
[0061]優(yōu)選地,多個(gè)第一類目信息沿第一方向排列，多個(gè)第二類目信息沿與所述第一方向垂直的第二方向排列。
[0062]優(yōu)選地，第一類目信息和第二類目信息定義的區(qū)域?yàn)闃I(yè)務(wù)對(duì)象的展示區(qū)域。
[0063]與【背景技術(shù)】相比，本申請(qǐng)實(shí)施例包括以下優(yōu)點(diǎn):
[0064]本申請(qǐng)實(shí)施例根據(jù)加載請(qǐng)求加載對(duì)應(yīng)的網(wǎng)頁(yè)，在網(wǎng)頁(yè)中的第一類目信息關(guān)聯(lián)的第一觸發(fā)點(diǎn)被觸發(fā)時(shí)，生成第一彈出層，在第一彈出層中加載歸屬第一類目信息的第二類目信息，通過聚合第一類目信息和第二類目信息，減少了網(wǎng)頁(yè)中