一種網(wǎng)頁的加載方法和系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本申請實施例涉及網(wǎng)頁數(shù)據(jù)處理的技術(shù)領(lǐng)域，特別是涉及一種網(wǎng)頁的加載方法和一種網(wǎng)頁的加載系統(tǒng)。
【背景技術(shù)】
[0002]因特網(wǎng)Internet的迅猛發(fā)展將人們帶入了信息社會和網(wǎng)絡(luò)經(jīng)濟(jì)時代，對企業(yè)的發(fā)展和個人生活都產(chǎn)生了深刻的影響。為了能高效處理Internet海量的數(shù)據(jù)，在數(shù)據(jù)處理過程中產(chǎn)生了模塊化，即是一種將復(fù)雜對象進(jìn)行分解的一種規(guī)范，比如將一個網(wǎng)頁分解為多個小區(qū)塊，這個行為就是模塊化。每個模塊完成一個特定的子功能，所有的模塊按某種方法組裝起來，成為一個整體，完成整個系統(tǒng)所要求的功能。模塊具有一下幾種基本屬性:接口、功能、邏輯、狀態(tài)，功能、狀態(tài)與接口反映模塊的外部特性，邏輯反映它的內(nèi)部特性。在軟件的體系結(jié)構(gòu)中，模塊是可組合、分解和更換的單元。
[0003]以電子商務(wù)(ElectronicCommerce)為例，電子商務(wù)是在Internet開放的網(wǎng)絡(luò)環(huán)境下，基于瀏覽器/服務(wù)器應(yīng)用方式，實現(xiàn)消費(fèi)者的網(wǎng)上購物、商戶之間的網(wǎng)上交易和在線電子支付的一種新型的商業(yè)運(yùn)營模式。電子商務(wù)中的一個重要組成單元就是店鋪。通過分析網(wǎng)頁的組成結(jié)構(gòu)，發(fā)現(xiàn)店鋪的網(wǎng)頁當(dāng)中有很多可以重用的業(yè)務(wù)單元，為了能夠快速復(fù)用和高效的維護(hù)，模塊化是很好的解決方案。
[0004]傳統(tǒng)的模塊化主要是針對復(fù)雜的后端數(shù)據(jù)、服務(wù)進(jìn)行剝離拆分，比如像銀行的柜員系統(tǒng)，承接了大量的銀行業(yè)務(wù)，每個業(yè)務(wù)都是一個模塊，整個系統(tǒng)由不同的子模塊組成，側(cè)重點(diǎn)在于功能的服務(wù)、數(shù)據(jù)模塊。因此模塊化的對象基本是企業(yè)級別的，適用范圍小。對于電子商務(wù)，傳統(tǒng)的模塊化方案不能解決店鋪內(nèi)的復(fù)用、維護(hù)等問題。開發(fā)人員需要花費(fèi)大量的精力在溝通網(wǎng)頁和數(shù)據(jù)的交互問題、網(wǎng)頁聯(lián)調(diào)、發(fā)布代碼到生產(chǎn)環(huán)境等各種行為，還有Web網(wǎng)頁性能問題。
[0005]模塊化后的后端數(shù)據(jù)只有特定格式的數(shù)據(jù)模型，而為了實現(xiàn)與前端的網(wǎng)頁交互，采用了 Iframe的方式。Iframe方式本質(zhì)上面會在當(dāng)前網(wǎng)頁重新打開一個新的會話,采用異步的方式渲染網(wǎng)頁，用戶需要分開等待兩次請求時間，對于服務(wù)器端和瀏覽器端都增加了一次開銷。同時Iframe的方式讓網(wǎng)頁的性能優(yōu)化無法適用到Iframe的內(nèi)容,性能無法進(jìn)一步的優(yōu)化，造成模塊化的性能極其低下，也無法給用戶良好的體驗。
[0006]因此，目前需要本領(lǐng)域技術(shù)人員迫切解決的一個技術(shù)問題就是:提供一種網(wǎng)頁數(shù)據(jù)模塊化的方案，以減少系統(tǒng)資源開銷，提高開發(fā)效率。
[0007]申請內(nèi)容
[0008]本申請實施例所要解決的技術(shù)問題是提供一種網(wǎng)頁的加載方法，用以減少系統(tǒng)資源開銷，提高開發(fā)效率。
[0009]相應(yīng)的，本申請實施例還提供了一種網(wǎng)頁的加載系統(tǒng)，用以保證上述方法的實現(xiàn)及應(yīng)用。
[0010]為了解決上述問題，本申請公開了一種網(wǎng)頁的加載方法，包括:
[0011]當(dāng)接收到網(wǎng)頁的加載請求時，分別獲取所述加載請求對應(yīng)的網(wǎng)頁框架數(shù)據(jù)、動態(tài)資源數(shù)據(jù)和靜態(tài)資源數(shù)據(jù)；
[0012]采用所述網(wǎng)頁框架數(shù)據(jù)和所述動態(tài)資源數(shù)據(jù)生成第一網(wǎng)頁數(shù)據(jù)；
[0013]采用所述第一網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)生成第二網(wǎng)頁數(shù)據(jù)；
[0014]將所述第二網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)發(fā)送至客戶端；所述客戶端用于對所述第二網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)進(jìn)行渲染。
[0015]優(yōu)選地，所述加載請求中包括網(wǎng)頁標(biāo)識，所述分別獲取所述加載請求對應(yīng)的網(wǎng)頁框架數(shù)據(jù)、動態(tài)資源數(shù)據(jù)和靜態(tài)資源數(shù)據(jù)的步驟包括:
[0016]提取所述加載請求中的網(wǎng)頁標(biāo)識；
[0017]采用所述網(wǎng)頁標(biāo)識在預(yù)置的網(wǎng)頁標(biāo)識映射表中查找所述網(wǎng)頁對應(yīng)的網(wǎng)頁框架數(shù)據(jù)、動態(tài)資源數(shù)據(jù)和靜態(tài)資源數(shù)據(jù)；
[0018]分別獲取所述網(wǎng)頁框架數(shù)據(jù)、所述動態(tài)資源數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)。
[0019]優(yōu)選地，所述網(wǎng)頁框架數(shù)據(jù)包括所述網(wǎng)頁中固定格式的數(shù)據(jù)；
[0020]所述動態(tài)資源數(shù)據(jù)包括所述網(wǎng)頁中可調(diào)整的數(shù)據(jù)；
[0021]所述靜態(tài)資源數(shù)據(jù)包括計算機(jī)語言CSS數(shù)據(jù)、腳本語言JS數(shù)據(jù)和圖片數(shù)據(jù)。
[0022]優(yōu)選地，所述采用所述網(wǎng)頁框架數(shù)據(jù)和所述動態(tài)資源數(shù)據(jù)生成第一網(wǎng)頁數(shù)據(jù)的步驟包括:
[0023]按照編譯所述網(wǎng)頁框架數(shù)據(jù)的模板語言所對應(yīng)的渲染規(guī)則，對所述網(wǎng)頁框架數(shù)據(jù)和所述動態(tài)資源數(shù)據(jù)進(jìn)行渲染，生成第一網(wǎng)頁數(shù)據(jù)。
[0024]優(yōu)選地，所述模板語言包括Velocity模板語言，所述頁面框架數(shù)據(jù)包括變量名，所述動態(tài)資源包括所述變量名對應(yīng)的值；
[0025]所述按照編譯所述網(wǎng)頁框架數(shù)據(jù)的模板語言所對應(yīng)的渲染規(guī)則，對所述網(wǎng)頁框架數(shù)據(jù)和所述動態(tài)資源數(shù)據(jù)進(jìn)行渲染，生成第一網(wǎng)頁數(shù)據(jù)的步驟包括:
[0026]啟動所述Velocity模板語言對應(yīng)的模板引擎；
[0027]采用所述模板引擎將頁面框架數(shù)據(jù)中的變量名與動態(tài)資源數(shù)據(jù)中對應(yīng)的值進(jìn)行關(guān)聯(lián);
[0028]采用所述模板引擎獲取頁面框架數(shù)據(jù)；
[0029]將關(guān)聯(lián)后的動態(tài)資源數(shù)據(jù)渲染到頁面框架數(shù)據(jù)中。
[0030]優(yōu)選地，所述采用所述第一網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)生成第二網(wǎng)頁數(shù)據(jù)的步驟包括:
[0031]按照所述第一網(wǎng)頁數(shù)據(jù)對所述計算機(jī)語言CSS數(shù)據(jù)和腳本語言JS數(shù)據(jù)編排地址，獲得對應(yīng)的CSS地址和JS地址；
[0032]將所述CSS地址和所述JS地址添加到所述第一網(wǎng)頁數(shù)據(jù)中生成第二網(wǎng)頁數(shù)據(jù)。
[0033]優(yōu)選地，所述將所述第二網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)發(fā)送至客戶端的步驟包括:
[0034]通過遠(yuǎn)程過程調(diào)用協(xié)議將所述第二網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)發(fā)送至客戶端。
[0035]本申請還公開了一種網(wǎng)頁的加載方法，包括:
[0036]向服務(wù)器發(fā)送網(wǎng)頁的加載請求；所述服務(wù)器用于在接收到網(wǎng)頁的加載請求時，分別獲取所述加載請求對應(yīng)的網(wǎng)頁框架數(shù)據(jù)、動態(tài)資源數(shù)據(jù)和靜態(tài)資源數(shù)據(jù)，采用所述網(wǎng)頁框架數(shù)據(jù)和所述動態(tài)資源數(shù)據(jù)生成第一網(wǎng)頁數(shù)據(jù)，以及，采用所述第一網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)生成第二網(wǎng)頁數(shù)據(jù)；
[0037]接收所述服務(wù)器返回第二網(wǎng)頁數(shù)據(jù)和靜態(tài)資源數(shù)據(jù)；
[0038]采用所述第二網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)進(jìn)行渲染。
[0039]本申請還公開了一種網(wǎng)頁的加載系統(tǒng)，包括:
[0040]數(shù)據(jù)獲取模塊，用于在接收到網(wǎng)頁的加載請求時，分別獲取所述加載請求對應(yīng)的網(wǎng)頁框架數(shù)據(jù)、動態(tài)資源數(shù)據(jù)和靜態(tài)資源數(shù)據(jù)；
[0041]第一網(wǎng)頁數(shù)據(jù)生成模塊，用于采用所述網(wǎng)頁框架數(shù)據(jù)和所述動態(tài)資源數(shù)據(jù)生成第一網(wǎng)頁數(shù)據(jù)；
[0042]第二網(wǎng)頁數(shù)據(jù)生成模塊，用于采用所述第一網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)生成第二網(wǎng)頁數(shù)據(jù)；
[0043]數(shù)據(jù)發(fā)送模塊，用于將所述第二網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)發(fā)送至客戶端；所述客戶端用于對所述第二網(wǎng)頁數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)進(jìn)行渲染。
[0044]優(yōu)選地，所述加載請求中包括網(wǎng)頁標(biāo)識，所述數(shù)據(jù)獲取模塊包括:
[0045]提取子模塊，用于提取所述加載請求中的網(wǎng)頁標(biāo)識；
[0046]查找子模塊，用于采用所述網(wǎng)頁標(biāo)識在預(yù)置的網(wǎng)頁標(biāo)識映射表中查找所述網(wǎng)頁對應(yīng)的網(wǎng)頁框架數(shù)據(jù)、動態(tài)資源數(shù)據(jù)和靜態(tài)資源數(shù)據(jù)；
[0047]獲取子模塊，用于分別獲取所述網(wǎng)頁框架數(shù)據(jù)、所述動態(tài)資源數(shù)據(jù)和所述靜態(tài)資源數(shù)據(jù)。
[0048]優(yōu)選地，所述網(wǎng)頁框架數(shù)據(jù)包括所述網(wǎng)頁中固定格式的數(shù)據(jù)；
[0049]所述動態(tài)資源數(shù)據(jù)包括所述網(wǎng)頁中可調(diào)整的數(shù)據(jù)；
[0050]所述靜態(tài)資源數(shù)據(jù)包括計算機(jī)語言CSS數(shù)據(jù)、腳本語言JS數(shù)據(jù)和圖片數(shù)據(jù)。
[0051]優(yōu)選地，所述第一網(wǎng)頁數(shù)據(jù)生成模塊包括:
[0052]第一渲染子模塊，用于按照編譯所述網(wǎng)頁框架數(shù)據(jù)的模板語言所對應(yīng)的渲染規(guī)貝U，對所述網(wǎng)頁框架數(shù)據(jù)和所述動態(tài)資源數(shù)據(jù)進(jìn)行渲染，生成第一網(wǎng)頁數(shù)據(jù)。
[0053]優(yōu)選地，所述模板語言包括Velocity模板語言，所述頁面框架數(shù)據(jù)包括變量名，所述動態(tài)資源包括所述變量名對應(yīng)的值；所述第一渲染子模塊包括:
[0054]啟動子模塊，用于啟動所述Velocity模板語言對應(yīng)的模板引擎；
[0055]關(guān)聯(lián)子模塊，用于采用所述模板引擎將頁面框架數(shù)據(jù)中的變量名與動態(tài)資源數(shù)據(jù)中對應(yīng)的值進(jìn)行關(guān)聯(lián)；
[0056]獲取子模塊，用于采用所述模板引擎獲取頁面框架數(shù)據(jù)；
[0057]第二渲染子模塊，用于將關(guān)聯(lián)后的動態(tài)資源數(shù)據(jù)渲染到頁面框架數(shù)據(jù)中。
[0058]優(yōu)選地，所述第二網(wǎng)頁數(shù)據(jù)生成模塊包括:
[0059]編排子模塊，用于按照所述第一網(wǎng)頁數(shù)據(jù)對所述計算機(jī)語言CSS數(shù)據(jù)和腳本語言JS數(shù)據(jù)編排地址，獲得對應(yīng)的CSS地址和JS地址；
[0060]添加子模塊，用于將所述CSS地址和所述JS地址添加到所述第一網(wǎng)頁數(shù)據(jù)中生成第二網(wǎng)頁數(shù)據(jù)。
[0061]優(yōu)選地，所述數(shù)據(jù)發(fā)送