網(wǎng)頁顯示系統(tǒng)及方法
【專利摘要】本發(fā)明公開了一種網(wǎng)頁顯示系統(tǒng)及方法，方法包括以下步驟：S1.將固定數(shù)據(jù)存儲至緩存，將html框架結(jié)構(gòu)及圖片存儲至靜態(tài)服務(wù)器，將實(shí)時數(shù)據(jù)存儲至數(shù)據(jù)庫；S2.接收用戶訪問網(wǎng)頁的請求，提取固定數(shù)據(jù)及html框架結(jié)構(gòu)；S3.利用固定數(shù)據(jù)及html框架結(jié)構(gòu)生成基本頁面；S4.提取首屏中的圖片及實(shí)時數(shù)據(jù)；S5.顯示S4中提取出的圖片及實(shí)時數(shù)據(jù)；S6.接收用戶滾動網(wǎng)頁的操作；S7.提取該顯示界面中的圖片及實(shí)時數(shù)據(jù)；S8.顯示S7中提取出的圖片及實(shí)時數(shù)據(jù)。本發(fā)明能夠通過預(yù)加載及異步方式提取并顯示網(wǎng)頁的數(shù)據(jù)和信息，實(shí)現(xiàn)了靜態(tài)服務(wù)器的快速響應(yīng)以及將網(wǎng)頁的數(shù)據(jù)和信息迅速顯示給用戶，增強(qiáng)了用戶的購物體驗(yàn)。
【專利說明】網(wǎng)頁顯示系統(tǒng)及方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種電子商務(wù)領(lǐng)域中網(wǎng)頁顯示的系統(tǒng)及方法，特別是涉及一種能夠預(yù)加載以及通過異步方式來顯示網(wǎng)頁中的數(shù)據(jù)和信息的網(wǎng)頁顯示系統(tǒng)以及一種利用該網(wǎng)頁顯示系統(tǒng)實(shí)現(xiàn)的網(wǎng)頁顯示方法。
【背景技術(shù)】
[0002]隨著電子商務(wù)的快速發(fā)展和普及，越來越多的人選擇登錄網(wǎng)店進(jìn)行網(wǎng)上購物，而電子商務(wù)網(wǎng)店的點(diǎn)擊量和流量也在與日俱增?，F(xiàn)在的網(wǎng)店在首頁以及一些列有很多商品和圖片的網(wǎng)頁中包含了大量的信息，然而，受到網(wǎng)站服務(wù)器硬件的限制以及網(wǎng)頁的加載策略的限制，服務(wù)器很難在很短的時間通過查詢硬盤和數(shù)據(jù)庫來獲取網(wǎng)頁需要顯示的大量的信息。并且現(xiàn)有的數(shù)據(jù)庫技術(shù)在網(wǎng)頁包含的數(shù)據(jù)量非常大、查詢數(shù)據(jù)表較多并且各項(xiàng)數(shù)據(jù)之間沒有緊密聯(lián)系的時候，會導(dǎo)致在分開查詢各項(xiàng)數(shù)據(jù)的時候速度會非常慢，再加上過多的用戶在同一時間段同時訪問該網(wǎng)頁，導(dǎo)致查詢數(shù)據(jù)及加載網(wǎng)頁的速度更加緩慢，這無疑會影響到用戶的購物體驗(yàn)，增加了用戶的購物時間。

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

[0003]本發(fā)明要解決的技術(shù)問題是為了克服現(xiàn)有技術(shù)中受到網(wǎng)站服務(wù)器的限制以及網(wǎng)頁的加載策略的限制導(dǎo)致查詢數(shù)據(jù)及加載網(wǎng)頁的速度非常緩慢的缺陷，提供一種能夠預(yù)加載以及通過異步方式來顯示網(wǎng)頁中的數(shù)據(jù)和信息的網(wǎng)頁顯示系統(tǒng)以及一種利用該網(wǎng)頁顯示系統(tǒng)實(shí)現(xiàn)的網(wǎng)頁顯示方法。
[0004]本發(fā)明是通過下述技術(shù)方案來解決上述技術(shù)問題的:
[0005]本發(fā)明提供了一種網(wǎng)頁顯示方法，該網(wǎng)頁包括一基本頁面、圖片和實(shí)時數(shù)據(jù)，該基本頁面包括html (超文本標(biāo)記語言)框架結(jié)構(gòu)和固定數(shù)據(jù)，該實(shí)時數(shù)據(jù)包括該網(wǎng)頁中的商品的價格，其特點(diǎn)在于，該網(wǎng)頁顯示方法包括以下步驟:
[0006]S1、將該固定數(shù)據(jù)存儲至一緩存中，將該html框架結(jié)構(gòu)以及該圖片存儲至一靜態(tài)服務(wù)器中，并將該實(shí)時數(shù)據(jù)存儲至一數(shù)據(jù)庫中；
[0007]S2、在接收用戶訪問該網(wǎng)頁的請求后，從該緩存中提取該固定數(shù)據(jù)并從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)；
[0008]S3、利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面；
[0009]S4、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的首屏中的圖片，從該數(shù)據(jù)庫中提取該首屏中的實(shí)時數(shù)據(jù)；
[0010]S5、在該首屏中顯示S4中提取出的圖片及實(shí)時數(shù)據(jù)；
[0011]S6、接收用戶滾動該網(wǎng)頁的操作；
[0012]S7、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的滾動后的顯示界面中的圖片，從該數(shù)據(jù)庫中提取該顯示界面中的實(shí)時數(shù)據(jù)；
[0013]S8、在該顯示界面中顯示S7中提取出的圖片及實(shí)時數(shù)據(jù)。[0014]對于本發(fā)明涉及的該網(wǎng)頁，基本都是網(wǎng)店的首頁或者是其它一些包含了許多商品的圖片和數(shù)據(jù)等大量信息的比較復(fù)雜的網(wǎng)頁，而本發(fā)明通過將該網(wǎng)頁的固定數(shù)據(jù)、html框架結(jié)構(gòu)、圖片以及實(shí)時數(shù)據(jù)分別預(yù)存儲至不同的位置，可以實(shí)現(xiàn)將該網(wǎng)頁中的固定數(shù)據(jù)存儲至近似于一常駐內(nèi)存中，方便了對該網(wǎng)頁的快速加載。
[0015]而該網(wǎng)頁的基本頁面是指該網(wǎng)頁中除去全部的圖片以及實(shí)時數(shù)據(jù)之外，僅包括該網(wǎng)頁的基本框架和顯示該網(wǎng)頁所必須的一些固定數(shù)據(jù)。當(dāng)用戶請求訪問該網(wǎng)頁時，在該網(wǎng)頁顯示方法中也是首先利用異步方式分別從緩存中提取該固定數(shù)據(jù)以及從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)，而利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)就可以生成該基本頁面，生成之后也就可以將該基本頁面顯示給用戶。
[0016]接著，在進(jìn)一步顯示該網(wǎng)頁時，采用優(yōu)先加載該網(wǎng)頁的首屏的數(shù)據(jù)和信息，并且僅當(dāng)用戶滾動該網(wǎng)頁后，才加載滾動后的該顯示界面中的數(shù)據(jù)和信息。因此首先利用異步方式分別從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的首屏中的圖片以及從該數(shù)據(jù)庫中提取該首屏中的實(shí)時數(shù)據(jù)，再將該首屏中的圖片以及實(shí)時數(shù)據(jù)加載至首屏中，就能夠?qū)⑹灼溜@示給用戶。而當(dāng)用戶滾動該網(wǎng)頁后，也同樣利用異步方式分別從該靜態(tài)服務(wù)器中提取該顯示界面中的圖片以及從該數(shù)據(jù)庫中提取該顯示界面中的實(shí)時數(shù)據(jù)，并同樣將該顯示界面中的圖片以及實(shí)時數(shù)據(jù)加載至該顯示界面中，從而也就能夠?qū)⒃擄@示界面顯示給用戶。
[0017]因此，利用本發(fā)明的網(wǎng)頁顯示方法就可以實(shí)現(xiàn)對該網(wǎng)頁中的數(shù)據(jù)和信息進(jìn)行預(yù)加載，并且在用戶查看該網(wǎng)頁時能夠利用異步方式分別從不同的位置提取出網(wǎng)頁的各種數(shù)據(jù)和信息，加快了查詢網(wǎng)頁的數(shù)據(jù)和信息的速度。并且通過將該網(wǎng)頁中相對固定的數(shù)據(jù)存入該緩存，以及通過異步方式來實(shí)時獲取該網(wǎng)頁的圖片和實(shí)時數(shù)據(jù)，同樣減少了數(shù)據(jù)庫的查詢，提高了查詢效率。再加上在加載該網(wǎng)頁時實(shí)行首屏優(yōu)先加載的策略，減輕了該靜態(tài)服務(wù)器的壓力的同時也加快了加載的速度，從而實(shí)現(xiàn)了該靜態(tài)服務(wù)器的快速響應(yīng)以及將該網(wǎng)頁的數(shù)據(jù)和信息迅速顯示給用戶，節(jié)省了用戶查看網(wǎng)頁的時間，增強(qiáng)了用戶的購物體驗(yàn)。
[0018]較佳地，步驟S4中從該數(shù)據(jù)庫中的一價格服務(wù)器接口提取該首屏中的商品的價格，步驟S5中在該首屏中顯示S4中提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)，步驟S7中從該價格服務(wù)器接口提取該顯示界面中的商品的價格，步驟S8中在該顯示界面中顯示S7中提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)。其中，將該網(wǎng)頁中的所有商品的價格均通過統(tǒng)一的價格服務(wù)器接口輸出，方便了對商品的價格的統(tǒng)一管理和調(diào)整。
[0019]較佳地，步驟S1中還將該固定數(shù)據(jù)存儲至該數(shù)據(jù)庫中，步驟S2中在從該緩存中提取該固定數(shù)據(jù)失敗時，還調(diào)用一查詢邏輯從該數(shù)據(jù)庫中查詢并提取該固定數(shù)據(jù)。為了防止該緩存失效導(dǎo)致從該緩存中提取不到該固定數(shù)據(jù)，而影響到了該固定數(shù)據(jù)的提取以及該基本頁面的顯示，本發(fā)明同樣在該數(shù)據(jù)庫中存儲有該固定數(shù)據(jù)，并通過該查詢邏輯就能夠查詢并提取出該固定數(shù)據(jù)，從而保證了無論在何種情況下，都能夠及時、正確地提取出該固定數(shù)據(jù)，保障了該基本頁面的正常顯示。
[0020]較佳地，步驟S1中通過一定時任務(wù)定時地將該固定數(shù)據(jù)存儲至該緩存中，通過該定時任務(wù)就基本能夠?qū)崿F(xiàn)在該緩存中隨時存儲有該固定數(shù)據(jù)，也就是能夠保證隨時能夠從該緩存中提取該固定數(shù)據(jù)。
[0021]較佳地，步驟S3中通過CSS (級聯(lián)樣式表)以及javascript (用于客戶端網(wǎng)頁開發(fā)的腳本語言)來利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面。
[0022]本發(fā)明的目的還在于提供了一種網(wǎng)頁顯示系統(tǒng)，該網(wǎng)頁包括一基本頁面、圖片和實(shí)時數(shù)據(jù)，該基本頁面包括html框架結(jié)構(gòu)和固定數(shù)據(jù)，該實(shí)時數(shù)據(jù)包括該網(wǎng)頁中的商品的價格，其特點(diǎn)在于，該網(wǎng)頁顯示系統(tǒng)包括:
[0023]一網(wǎng)頁信息存儲模塊，用于將該固定數(shù)據(jù)存儲至一緩存中，將該html框架結(jié)構(gòu)以及該圖片存儲至一靜態(tài)服務(wù)器中，并將該實(shí)時數(shù)據(jù)存儲至一數(shù)據(jù)庫中；
[0024]一網(wǎng)頁信息提取模塊，用于在接收到用戶訪問該網(wǎng)頁的請求后，從該緩存中提取該固定數(shù)據(jù)、從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)和該網(wǎng)頁的首屏中的圖片以及從該數(shù)據(jù)庫中提取該首屏中的實(shí)時數(shù)據(jù)，還用于在接收用戶滾動該網(wǎng)頁的操作后，從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的滾動后的顯示界面中的圖片以及從該數(shù)據(jù)庫中提取該顯示界面中的實(shí)時數(shù)據(jù)；
[0025]一基本頁面生成模塊，用于利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面；
[0026]一網(wǎng)頁信息顯示模塊，用于在該網(wǎng)頁信息提取模塊提取出該首屏中的圖片及該首屏中的實(shí)時數(shù)據(jù)時，在該首屏中顯示該首屏中的圖片及該首屏中的實(shí)時數(shù)據(jù)，還用于在該網(wǎng)頁信息提取模塊提取出該顯示界面中的圖片及該顯示界面中的實(shí)時數(shù)據(jù)時，在該顯示界面中顯示該顯示界面中的圖片及該顯示界面中的實(shí)時數(shù)據(jù)。
[0027]較佳地，該網(wǎng)頁信息提取模塊用于在接收到用戶訪問該網(wǎng)頁的請求后，從該數(shù)據(jù)庫中的一價格服務(wù)器接口提取該首屏中的商品的價格，還用于在接收用戶滾動該網(wǎng)頁的操作后，從該價格服務(wù)器接口提取該顯示界面中的商品的價格；
[0028]該網(wǎng)頁信息顯示模塊用于在該網(wǎng)頁信息提取模塊提取出該首屏中的圖片、該首屏中的商品的價格以及該首屏中除該商品的價格之外的其余的實(shí)時數(shù)據(jù)時，在該首屏中顯示提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)，還用于在該網(wǎng)頁信息提取模塊提取出該顯示界面中的圖片、該顯示界面中的商品的價格以及該顯示界面中除該商品的價格之外的其余的實(shí)時數(shù)據(jù)時，在該顯示界面中顯示提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)。
[0029]較佳地，該網(wǎng)頁信息存儲模塊還用于將該固定數(shù)據(jù)存儲至該數(shù)據(jù)庫中，該網(wǎng)頁信息提取模塊在從該緩存中提取該固定數(shù)據(jù)失敗時，還用于調(diào)用一查詢邏輯從該數(shù)據(jù)庫中查詢并提取該固定數(shù)據(jù)。
[0030]較佳地，該網(wǎng)頁信息存儲模塊用于通過一定時任務(wù)定時地將該固定數(shù)據(jù)存儲至該緩存中。
[0031]較佳地，該基本頁面生成模塊用于通過CSS以及javascript來利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面。
[0032]本發(fā)明的積極進(jìn)步效果在于:本發(fā)明能夠通過預(yù)加載以及異步方式提取并顯示網(wǎng)頁的數(shù)據(jù)和信息，加快了查詢網(wǎng)頁的數(shù)據(jù)和信息的速度，并減少了數(shù)據(jù)庫的查詢，提高了查詢效率。再加上在加載該網(wǎng)頁時實(shí)行首屏優(yōu)先加載的策略，減輕了該靜態(tài)服務(wù)器的壓力的同時也加快了加載的速度，從而實(shí)現(xiàn)了該靜態(tài)服務(wù)器的快速響應(yīng)以及將該網(wǎng)頁的數(shù)據(jù)和信息迅速顯示給用戶，節(jié)省了用戶查看網(wǎng)頁的時間，增強(qiáng)了用戶的購物體驗(yàn)?！緦＠綀D】

【附圖說明】
[0033]圖1為本發(fā)明的實(shí)施例1的網(wǎng)頁顯示系統(tǒng)的結(jié)構(gòu)圖。
[0034]圖2為本發(fā)明的實(shí)施例1的網(wǎng)頁顯示方法的流程圖。
[0035]圖3為本發(fā)明的實(shí)施例2的網(wǎng)頁顯示方法的流程圖。
[0036]圖4為本發(fā)明的實(shí)施例2的網(wǎng)頁顯示方法的時序圖。
【具體實(shí)施方式】
[0037]下面結(jié)合附圖給出本發(fā)明較佳實(shí)施例，以詳細(xì)說明本發(fā)明的技術(shù)方案。
[0038]實(shí)施例1:
[0039]如圖1所示，本實(shí)施例的網(wǎng)頁顯示系統(tǒng)包括一網(wǎng)頁信息存儲模塊1、一網(wǎng)頁信息提取模塊2、一基本頁面生成模塊3以及一網(wǎng)頁信息顯示模塊4。
[0040]該網(wǎng)頁顯示系統(tǒng)主要用來顯示網(wǎng)店中的首頁以及其它一些包含有許多商品的圖片及數(shù)據(jù)等大量信息的比較復(fù)雜的網(wǎng)頁。利用傳統(tǒng)的網(wǎng)頁顯示方法進(jìn)行顯示，會因?yàn)槭艿骄W(wǎng)站服務(wù)器硬件的限制以及網(wǎng)頁的加載策略的限制，導(dǎo)致查詢網(wǎng)頁的數(shù)據(jù)和信息的速度非常緩慢，網(wǎng)頁顯示給用戶的速度也是異常的緩慢。
[0041]而利用本發(fā)明的該網(wǎng)頁顯示系統(tǒng)就能夠解決上述的問題，上述的網(wǎng)頁基本都包括一基本頁面、圖片和實(shí)時數(shù)據(jù)，該基本頁面則包括html框架結(jié)構(gòu)和固定數(shù)據(jù)。其中該基本頁面是指該網(wǎng)頁中除去全部的圖片以及實(shí)時數(shù)據(jù)之外，僅包括該網(wǎng)頁的基本框架和顯示該網(wǎng)頁所必須的一些固定數(shù)據(jù)。
[0042]其中，在本實(shí)施例的具體實(shí)施過程中，可以參考圖4，圖4雖然為本發(fā)明的實(shí)施例2的網(wǎng)頁顯示方法的時序圖，但圖4中除了從價格服務(wù)器接口提取價格在本實(shí)施例中沒有涉及以外，其余的部分在本實(shí)施例中都是適用的。在該網(wǎng)頁顯示系統(tǒng)初始化并開始運(yùn)行的時候，該緩存中最初沒有存儲任何數(shù)據(jù)，而該網(wǎng)頁的固定數(shù)據(jù)和實(shí)時數(shù)據(jù)都可以先統(tǒng)一存儲在該數(shù)據(jù)庫中的。參見圖4，當(dāng)用戶登錄網(wǎng)店并發(fā)出訪問該網(wǎng)頁的請求后，就可以通過一 action響應(yīng)(動作響應(yīng),用于接收一個動作或指令來產(chǎn)生相應(yīng)的響應(yīng))來調(diào)用一 Service邏輯(查詢邏輯)來從該數(shù)據(jù)庫中查詢出并返回該網(wǎng)頁的所有內(nèi)容，也就是圖4中的返回組裝后的hashmap (基于哈希表的map接口，用于通過哈希表來進(jìn)行快速的內(nèi)容查找)并將hashmap保存進(jìn)緩存等操作，這些都屬于本領(lǐng)域的公知技術(shù)，在此就不再贅述。
[0043]而利用該網(wǎng)頁信息存儲模塊I就可以將該網(wǎng)頁中的該固定數(shù)據(jù)存儲至該緩存中，將該html框架結(jié)構(gòu)以及該圖片存儲至一靜態(tài)服務(wù)器中，并將該實(shí)時數(shù)據(jù)存儲至一數(shù)據(jù)庫中。通過將該網(wǎng)頁的固定數(shù)據(jù)、html框架結(jié)構(gòu)、圖片以及實(shí)時數(shù)據(jù)分別預(yù)存儲至不同的位置，可以實(shí)現(xiàn)將該網(wǎng)頁中的固定數(shù)據(jù)存儲至近似于一常駐內(nèi)存中，方便了對該網(wǎng)頁的快速加載。
[0044]在該網(wǎng)頁中的所有的數(shù)據(jù)和信息存儲完畢后，當(dāng)用戶訪問該網(wǎng)頁時，為了防止一次將所有的數(shù)據(jù)和信息都加載至該網(wǎng)頁中而造成的加載速度緩慢以及網(wǎng)頁顯示的速度也變得非常緩慢，可以按照先后順序，依次顯示該網(wǎng)頁的該基本頁面、該網(wǎng)頁的首屏，并且只在該用戶滾動該網(wǎng)頁后，才顯示該網(wǎng)頁的滾動后的顯示界面。
[0045]在具體實(shí)現(xiàn)時，在接收到用戶訪問該網(wǎng)頁的請求后，如果該緩存運(yùn)行正常并且存儲有該固定數(shù)據(jù)，也就是圖4中的有緩存的情況，就可以首先利用該網(wǎng)頁信息提取模塊2通過異步方式分別從該緩存中提取該固定數(shù)據(jù)以及從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)。具體參見圖4,可以利用該基本頁面生成模塊3通過CSS以及javascript對該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)進(jìn)行處理，就可以生成該基本頁面，而生成該基本頁面屬于本領(lǐng)域的公知技術(shù)，再此就不再贅述，而在生成之后也就可以將該基本頁面顯示給用戶。
[0046]接著，在進(jìn)一步顯示該網(wǎng)頁時，根據(jù)上述的先后順序，會優(yōu)先加載該首屏中的數(shù)據(jù)和信息。因此，首先同樣利用該網(wǎng)頁信息提取模塊2通過異步方式分別從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的首屏中的圖片以及從該數(shù)據(jù)庫中提取該首屏中的實(shí)時數(shù)據(jù)，并在將該首屏中的圖片以及該首屏中的實(shí)時數(shù)據(jù)加載至該首屏中后，該網(wǎng)頁信息顯示模塊4就能夠?qū)⒃撌灼林械膱D片以及該首屏中的實(shí)時數(shù)據(jù)顯示給用戶。
[0047]接下來，如果用戶滾動了該網(wǎng)頁，就會進(jìn)一步對該網(wǎng)頁的滾動后的顯示界面進(jìn)行加載，同樣也是利用該網(wǎng)頁信息提取模塊2通過異步方式分別從該靜態(tài)服務(wù)器中提取該顯示界面中的圖片以及從該數(shù)據(jù)庫中提取該顯示界面中的實(shí)時數(shù)據(jù)，并同樣在將該顯示界面中的圖片以及該顯示界面中的實(shí)時數(shù)據(jù)加載至該顯示界面中后，該網(wǎng)頁信息顯示模塊4就能夠?qū)⒃擄@示界面中的圖片以及該顯示界面中的實(shí)時數(shù)據(jù)顯示給用戶。
[0048]因此，在用戶訪問該網(wǎng)頁的時候，利用上述的預(yù)存儲方式將該網(wǎng)頁的不同數(shù)據(jù)和信息存儲于不同的位置，并在顯示時利用上述的先后順序加載并顯示該網(wǎng)頁的內(nèi)容，加快了查詢該網(wǎng)頁的數(shù)據(jù)和信息的速度。同時利用異步方式來獲取該網(wǎng)頁的圖片和實(shí)時數(shù)據(jù)，同樣減少了數(shù)據(jù)庫的查詢，提高了查詢效率，再加上在加載該網(wǎng)頁時實(shí)行首屏優(yōu)先加載的策略，減輕了該靜態(tài)服務(wù)器的壓力的同時也加快了加載的速度，從而實(shí)現(xiàn)了該靜態(tài)服務(wù)器的快速響應(yīng)以及將該網(wǎng)頁的數(shù)據(jù)和信息迅速顯示給用戶，節(jié)省了用戶查看網(wǎng)頁的時間，增強(qiáng)了用戶的購物體驗(yàn)。
[0049]仍參見圖4，為了保證該緩存中一直存儲有該固定數(shù)據(jù)，該查詢邏輯可以通過一定時任務(wù)定時地從該數(shù)據(jù)庫中查詢出該網(wǎng)頁的所有內(nèi)容，而該網(wǎng)頁信息存儲模塊I就可以通過該定時任務(wù)來定時地將該固定數(shù)據(jù)存儲至該緩存中，這樣也就保障了隨時能夠該緩存中提取該固定數(shù)據(jù)。
[0050]同時，為了防止該緩存失效導(dǎo)致從緩存中提取不到該固定數(shù)據(jù)，而影響到了該固定數(shù)據(jù)的提取以及該基本頁面的顯示，也就是圖4所示的沒有緩存的情況，此時同樣可以通過調(diào)用該查詢邏輯就能夠從該數(shù)據(jù)庫中查詢出該網(wǎng)頁的所有內(nèi)容，包括該固定數(shù)據(jù)。這樣，該網(wǎng)頁信息提取模塊2就可以不通過該緩存而直接從該數(shù)據(jù)庫中提取出該固定數(shù)據(jù)，從而保證了無論在何種情況下，都能夠及時、正確地提取出該固定數(shù)據(jù)，保障了該基本頁面的正常顯示。
[0051]如圖2所示，本發(fā)明利用本實(shí)施例的網(wǎng)頁顯示系統(tǒng)實(shí)現(xiàn)的網(wǎng)頁顯示方法包括以下步驟:
[0052]步驟100、將該固定數(shù)據(jù)存儲至該緩存中，將該html框架結(jié)構(gòu)以及該圖片存儲至該靜態(tài)服務(wù)器中，并將該實(shí)時數(shù)據(jù)存儲至該數(shù)據(jù)庫中。
[0053]步驟101、在接收用戶訪問該網(wǎng)頁的請求后，從緩存中提取該固定數(shù)據(jù)并從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)。
[0054]步驟102、利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面。
[0055]步驟103、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的首屏中的圖片、從該數(shù)據(jù)庫中提取該首屏中的實(shí)時數(shù)據(jù)。
[0056]步驟104、在該首屏中顯示步驟103中提取出的圖片及實(shí)時數(shù)據(jù)。
[0057]步驟105、接收用戶滾動該網(wǎng)頁的操作。
[0058]步驟106、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的滾動后的顯示界面中的圖片、從該數(shù)據(jù)庫中提取該顯示界面中的實(shí)時數(shù)據(jù)。
[0059]步驟107、在該顯示界面中顯示步驟106中提取出的圖片及實(shí)時數(shù)據(jù)，至此流程結(jié)束。
[0060]實(shí)施例2:
[0061]如圖1所示，本實(shí)施例的網(wǎng)頁顯示系統(tǒng)同樣包括一網(wǎng)頁信息存儲模塊1、一網(wǎng)頁信息提取模塊2、一基本頁面生成模塊3以及一網(wǎng)頁信息顯示模塊4。
[0062]本實(shí)施例與實(shí)施例1的區(qū)別在于:在本實(shí)施例中，該網(wǎng)頁信息提取模塊2從該數(shù)據(jù)庫中的一價格服務(wù)器接口來提取該網(wǎng)頁中的商品的價格。
[0063]本實(shí)施例的該網(wǎng)頁的實(shí)時數(shù)據(jù)可以劃分為該網(wǎng)頁中商品的價格和除該商品的價格之外的其余的實(shí)時數(shù)據(jù)，如圖4所示，可以將該網(wǎng)頁中所有商品的價格從該數(shù)據(jù)庫中統(tǒng)一的一個價格服務(wù)器接口輸出，方便了對商品的價格的統(tǒng)一管理和調(diào)整。
[0064]而在用戶訪問該網(wǎng)頁后，在加載該網(wǎng)頁的首屏以及該網(wǎng)頁的滾動后的顯示界面時，都是對應(yīng)地利用該網(wǎng)頁信息提取模塊2通過異步方式分別從該靜態(tài)服務(wù)器中提取該首屏中的圖片或該顯示界面中的圖片、從該價格服務(wù)器接口提取該首屏中的商品的價格或該顯示界面中的商品的價格以及從該數(shù)據(jù)庫中提取該首屏中的其余的實(shí)時數(shù)據(jù)或該顯示界面中的其余的實(shí)時數(shù)據(jù)，而在加載完畢后同樣會顯示給用戶。
[0065]如圖3所示，本發(fā)明利用本實(shí)施例的網(wǎng)頁顯示系統(tǒng)實(shí)現(xiàn)的網(wǎng)頁顯示方法包括以下步驟:
[0066]步驟200、將該固定數(shù)據(jù)存儲至該緩存中，將該html框架結(jié)構(gòu)以及該圖片存儲至該靜態(tài)服務(wù)器中，并將該實(shí)時數(shù)據(jù)存儲至該數(shù)據(jù)庫中。
[0067]步驟201、在接收用戶訪問該網(wǎng)頁的請求后，從該緩存中提取該固定數(shù)據(jù)并從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)。
[0068]步驟202、利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面。
[0069]步驟203、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的首屏中的圖片、從該價格服務(wù)器接口提取該首屏中的商品的價格、從該數(shù)據(jù)庫中提取該首屏中的除該商品的價格之外的其余的實(shí)時數(shù)據(jù)。
[0070]步驟204、在該首屏中顯示步驟203中提取出的圖片、該商品的價格以及該其余的實(shí)時數(shù)據(jù)。
[0071]步驟205、接收用戶滾動該網(wǎng)頁的操作。
[0072]步驟206、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的滾動后的顯示界面中的圖片、從該價格服務(wù)器接口提取該顯示界面中的商品的價格、從該數(shù)據(jù)庫中提取該顯示界面中的除該商品的價格之外的其余的實(shí)時數(shù)據(jù)。
[0073]步驟207、在該顯示界面中顯示步驟206中提取出的圖片、該商品的價格以及該其余的實(shí)時數(shù)據(jù)，至此流程結(jié)束。
[0074]而本實(shí)施例的網(wǎng)頁顯示方法的時序圖則可以具體參見圖4。[0075]雖然以上描述了本發(fā)明的【具體實(shí)施方式】，但是本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，這些僅是舉例說明，本發(fā)明的保護(hù)范圍是由所附權(quán)利要求書限定的。本領(lǐng)域的技術(shù)人員在不背離本發(fā)明的原理和實(shí)質(zhì)的前提下，可以對這些實(shí)施方式做出多種變更或修改，但這些變更和修改均落入本發(fā)明的保護(hù)范圍。
【權(quán)利要求】
1.一種網(wǎng)頁顯示方法，該網(wǎng)頁包括一基本頁面、圖片和實(shí)時數(shù)據(jù)，該基本頁面包括html框架結(jié)構(gòu)和固定數(shù)據(jù)，該實(shí)時數(shù)據(jù)包括該網(wǎng)頁中的商品的價格，其特征在于，該網(wǎng)頁顯示方法包括以下步驟: S1、將該固定數(shù)據(jù)存儲至一緩存中，將該html框架結(jié)構(gòu)以及該圖片存儲至一靜態(tài)服務(wù)器中，并將該實(shí)時數(shù)據(jù)存儲至一數(shù)據(jù)庫中； S2、在接收用戶訪問該網(wǎng)頁的請求后，從該緩存中提取該固定數(shù)據(jù)并從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)； S3、利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面； S4、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的首屏中的圖片，從該數(shù)據(jù)庫中提取該首屏中的實(shí)時數(shù)據(jù)； S5、在該首屏中顯示S4中提取出的圖片及實(shí)時數(shù)據(jù)； S6、接收用戶滾動該網(wǎng)頁的操作； S7、從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的滾動后的顯示界面中的圖片，從該數(shù)據(jù)庫中提取該顯示界面中的實(shí)時數(shù)據(jù)； S8、在該顯示界面中顯示S7中提取出的圖片及實(shí)時數(shù)據(jù)。
2.如權(quán)利要求1所述的網(wǎng)頁顯示方法，其特征在于，步驟S4中從該數(shù)據(jù)庫中的一價格服務(wù)器接口提取該首屏中的商品的價格，步驟S5中在該首屏中顯示S4中提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)，步驟S7中從該價格服務(wù)器接口提取該顯示界面中的商品的價格，步驟S8中在該顯示界面中顯示S7中提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)。
3.如權(quán)利要求1或2所述的網(wǎng)頁顯示方法，其特征在于，步驟S1中還將該固定數(shù)據(jù)存儲至該數(shù)據(jù)庫中，步驟S2中在從該緩存中提取該固定數(shù)據(jù)失敗時，還調(diào)用一查詢邏輯從該數(shù)據(jù)庫中查詢并提取該固定數(shù)據(jù)。
4.如權(quán)利要求3所述的網(wǎng)頁顯示方法，其特征在于，步驟S1中通過一定時任務(wù)定時地將該固定數(shù)據(jù)存儲至該緩存中。
5.如權(quán)利要求4所述的網(wǎng)頁顯示方法，其特征在于，步驟S3中通過CSS以及javascript來利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面。
6.一種網(wǎng)頁顯示系統(tǒng)，該網(wǎng)頁包括一基本頁面、圖片和實(shí)時數(shù)據(jù)，該基本頁面包括html框架結(jié)構(gòu)和固定數(shù)據(jù)，該實(shí)時數(shù)據(jù)包括該網(wǎng)頁中的商品的價格，其特征在于，該網(wǎng)頁顯示系統(tǒng)包括: 一網(wǎng)頁信息存儲模塊，用于將該固定數(shù)據(jù)存儲至一緩存中，將該html框架結(jié)構(gòu)以及該圖片存儲至一靜態(tài)服務(wù)器中，并將該實(shí)時數(shù)據(jù)存儲至一數(shù)據(jù)庫中； 一網(wǎng)頁信息提取模塊，用于在接收到用戶訪問該網(wǎng)頁的請求后，從該緩存中提取該固定數(shù)據(jù)、從該靜態(tài)服務(wù)器中提取該html框架結(jié)構(gòu)和該網(wǎng)頁的首屏中的圖片以及從該數(shù)據(jù)庫中提取該首屏中的實(shí)時數(shù)據(jù)，還用于在接收用戶滾動該網(wǎng)頁的操作后，從該靜態(tài)服務(wù)器中提取該網(wǎng)頁的滾動后的顯示界面中的圖片以及從該數(shù)據(jù)庫中提取該顯示界面中的實(shí)時數(shù)據(jù)； 一基本頁面生成模塊，用于利用該固定數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面； 一網(wǎng)頁信息顯示模塊，用于在該網(wǎng)頁信息提取模塊提取出該首屏中的圖片及該首屏中的實(shí)時數(shù)據(jù)時，在該首屏中顯示提取出的圖片及實(shí)時數(shù)據(jù)，還用于在該網(wǎng)頁信息提取模塊提取出該顯示界面中的圖片及該顯示界面中的實(shí)時數(shù)據(jù)時，在該顯示界面中顯示提取出的圖片及實(shí)時數(shù)據(jù)。
7.如權(quán)利要求6所述的網(wǎng)頁顯示系統(tǒng)，其特征在于，該網(wǎng)頁信息提取模塊用于在接收到用戶訪問該網(wǎng)頁的請求后，從該數(shù)據(jù)庫中的一價格服務(wù)器接口提取該首屏中的商品的價格，還用于在接收用戶滾動該網(wǎng)頁的操作后，從該價格服務(wù)器接口提取該顯示界面中的商品的價格； 該網(wǎng)頁信息顯示模塊用于在該網(wǎng)頁信息提取模塊提取出該首屏中的圖片、該首屏中的商品的價格以及該首屏中除該商品的價格之外的其余的實(shí)時數(shù)據(jù)時，在該首屏中顯示提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)，還用于在該網(wǎng)頁信息提取模塊提取出該顯示界面中的圖片、該顯示界面中的商品的價格以及該顯示界面中除該商品的價格之外的其余的實(shí)時數(shù)據(jù)時，在該顯示界面中顯示提取出的圖片、該商品的價格以及除該商品的價格之外的其余的實(shí)時數(shù)據(jù)。
8.如權(quán)利要求6或7所述的網(wǎng)頁顯示系統(tǒng)，其特征在于，該網(wǎng)頁信息存儲模塊還用于將該固定數(shù)據(jù)存儲至該數(shù)據(jù)庫中，該網(wǎng)頁信息提取模塊在從該緩存中提取該固定數(shù)據(jù)失敗時，還用于調(diào)用一查詢邏輯從該數(shù)據(jù)庫中查詢并提取該固定數(shù)據(jù)。
9.如權(quán)利要求8所述的網(wǎng)頁顯示系統(tǒng)，其特征在于，該網(wǎng)頁信息存儲模塊用于通過一定時任務(wù)定時地將該固定數(shù)據(jù)存儲至該緩存中。
10.如權(quán)利要求9所述的網(wǎng)頁顯示系統(tǒng)，其特征在于，該基本頁面生成模塊用于通過CSS以及javascript來利用該固定 數(shù)據(jù)以及該html框架結(jié)構(gòu)生成該基本頁面。
【文檔編號】G06Q30/00GK103853716SQ201210495696
【公開日】2014年6月11日 申請日期:2012年11月28日 優(yōu)先權(quán)日:2012年11月28日
【發(fā)明者】郭洋 申請人:紐海信息技術(shù)（上海）有限公司