頁(yè)面數(shù)據(jù)加載方法和系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種頁(yè)面數(shù)據(jù)加載方法和系統(tǒng)
【背景技術(shù)】
[0002]HTTP協(xié)議(Hyper Text Transfer Protocol，超文本傳輸協(xié)議)是用于從WWW (World Wide Web，簡(jiǎn)稱Web)服務(wù)器傳輸超文本到客戶端本地瀏覽器的傳送協(xié)議。HTTP協(xié)議是一個(gè)應(yīng)用層協(xié)議，由請(qǐng)求和響應(yīng)兩部分構(gòu)成。客戶端與服務(wù)器建立連接后，在客戶端的瀏覽器頁(yè)面中輸入一個(gè)URL時(shí)，瀏覽器會(huì)創(chuàng)建并發(fā)送HTTP請(qǐng)求，該HTTP請(qǐng)求包含所輸入的URL以及與瀏覽器本身相關(guān)的信息。在發(fā)送HTTP請(qǐng)求之前，客戶端與服務(wù)器通過(guò)三次TCP握手進(jìn)行連接。當(dāng)服務(wù)器收到這個(gè)請(qǐng)求時(shí)將返回一個(gè)響應(yīng)，該響應(yīng)包括與該請(qǐng)求對(duì)應(yīng)的信息以及從指定URL處獲取到的數(shù)據(jù)，客戶端通過(guò)瀏覽器解析該響應(yīng)并顯示對(duì)應(yīng)的內(nèi)容。
[0003]傳統(tǒng)的頁(yè)面數(shù)據(jù)加載方式是通過(guò)客戶端瀏覽器發(fā)送HTTP請(qǐng)求，將服務(wù)器響應(yīng)HTTP請(qǐng)求返回的數(shù)據(jù)加載至頁(yè)面。由于HTTP請(qǐng)求會(huì)導(dǎo)致DNS (Domain Name System，域名系統(tǒng))請(qǐng)求和解析耗費(fèi)較多時(shí)間，同時(shí)，HTTP請(qǐng)求會(huì)耗費(fèi)服務(wù)器資源，特別是對(duì)于需要計(jì)算合并等操作的服務(wù)器，會(huì)耗費(fèi)較多的CPU資源。由此延長(zhǎng)了服務(wù)器響應(yīng)HTTP請(qǐng)求返回?cái)?shù)據(jù)的時(shí)間，導(dǎo)致客戶端的頁(yè)面中數(shù)據(jù)加載速度緩慢。

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

[0004]基于此，有必要針對(duì)上述技術(shù)問(wèn)題，提供一種能夠有效提高頁(yè)面中數(shù)據(jù)加載速度的頁(yè)面數(shù)據(jù)加載方法和系統(tǒng)。
[0005]—種頁(yè)面數(shù)據(jù)加載方法，所述方法包括:
[0006]創(chuàng)建視圖窗口，在所述視圖窗口中載入頁(yè)面；
[0007]在所述頁(yè)面中生成數(shù)據(jù)請(qǐng)求，所述數(shù)據(jù)請(qǐng)求為TCP請(qǐng)求；
[0008]根據(jù)所述數(shù)據(jù)請(qǐng)求調(diào)用所述頁(yè)面封裝的JavaScript類庫(kù)；
[0009]通過(guò)所述JavaScript類庫(kù)調(diào)用客戶端的開(kāi)放接口 ；
[0010]通過(guò)所述客戶端的開(kāi)放接口調(diào)用所述數(shù)據(jù)請(qǐng)求，并通過(guò)所述客戶端與服務(wù)器之間建立起的TCP長(zhǎng)連接發(fā)送所述數(shù)據(jù)請(qǐng)求；
[0011]接收服務(wù)器通過(guò)所述TCP長(zhǎng)連接返回的與所述數(shù)據(jù)請(qǐng)求對(duì)應(yīng)的數(shù)據(jù)；
[0012]將接收到的數(shù)據(jù)加載至所述頁(yè)面。
[0013]—種頁(yè)面數(shù)據(jù)加載系統(tǒng)，所述系統(tǒng)包括:
[0014]頁(yè)面載入模塊，用于創(chuàng)建視圖窗口，在所述視圖窗口中載入頁(yè)面；
[0015]數(shù)據(jù)請(qǐng)求生成模塊，用于在所述頁(yè)面中生成數(shù)據(jù)請(qǐng)求，所述數(shù)據(jù)請(qǐng)求為TCP請(qǐng)求；
[0016]第一調(diào)用模塊，用于根據(jù)所述數(shù)據(jù)請(qǐng)求調(diào)用所述頁(yè)面封裝的JavaScript類庫(kù)；
[0017]第二調(diào)用模塊，用于通過(guò)所述JavaScript類庫(kù)調(diào)用客戶端的開(kāi)放接口 ；
[0018]數(shù)據(jù)請(qǐng)求發(fā)送模塊，用于通過(guò)所述客戶端的開(kāi)放接口調(diào)用所述數(shù)據(jù)請(qǐng)求，并通過(guò)所述客戶端與服務(wù)器之間建立起的TCP長(zhǎng)連接發(fā)送所述數(shù)據(jù)請(qǐng)求；
[0019]第一數(shù)據(jù)接收模塊，用于接收服務(wù)器通過(guò)所述TCP長(zhǎng)連接返回的與所述數(shù)據(jù)請(qǐng)求對(duì)應(yīng)的數(shù)據(jù)；
[0020]數(shù)據(jù)加載模塊，用于將接收到的數(shù)據(jù)加載至所述頁(yè)面。
[0021]上述頁(yè)面數(shù)據(jù)加載方法和系統(tǒng)，通過(guò)客戶端的視圖窗口載入頁(yè)面，在頁(yè)面中發(fā)送數(shù)據(jù)請(qǐng)求后，調(diào)用頁(yè)面封裝的JavaScript類庫(kù)，JavaScript類庫(kù)調(diào)用客戶端的開(kāi)放接口，使得客戶端開(kāi)放接口調(diào)用該數(shù)據(jù)請(qǐng)求通過(guò)客戶端與服務(wù)器之間的TCP長(zhǎng)連接請(qǐng)求數(shù)據(jù)，并接收服務(wù)器通過(guò)該TCP長(zhǎng)連接返回的與數(shù)據(jù)請(qǐng)求對(duì)應(yīng)的數(shù)據(jù)。由于在頁(yè)面發(fā)送的數(shù)據(jù)請(qǐng)求為TCP請(qǐng)求，克服了由于HTTP請(qǐng)求耗費(fèi)資源的問(wèn)題，同時(shí)客戶端通過(guò)與服務(wù)器之間的TCP長(zhǎng)連接發(fā)送該數(shù)據(jù)請(qǐng)求并接收與數(shù)據(jù)請(qǐng)求對(duì)應(yīng)的數(shù)據(jù)，減少了在發(fā)送HTTP請(qǐng)求前進(jìn)行的三次TCP握手，提高了數(shù)據(jù)傳輸速率，因此有效提高了頁(yè)面數(shù)據(jù)加載速度。
【附圖說(shuō)明】
[0022]圖1為一個(gè)實(shí)施例中頁(yè)面數(shù)據(jù)加載方法的應(yīng)用環(huán)境圖；
[0023]圖2為一個(gè)實(shí)施例中頁(yè)面數(shù)據(jù)加載方法的流程圖；
[0024]圖3為一個(gè)實(shí)施例中資源請(qǐng)求的流程圖；
[0025]圖4為一個(gè)實(shí)施例中頁(yè)面數(shù)據(jù)加載系統(tǒng)的結(jié)構(gòu)示意圖；
[0026]圖5為一個(gè)實(shí)施例中數(shù)據(jù)加載模塊的結(jié)構(gòu)示意圖；
[0027]圖6為又一個(gè)實(shí)施例中頁(yè)面數(shù)據(jù)加載系統(tǒng)的結(jié)構(gòu)示意圖；
[0028]圖7為另一個(gè)實(shí)施例中頁(yè)面數(shù)據(jù)加載系統(tǒng)的結(jié)構(gòu)示意圖；
[0029]圖8為再一個(gè)實(shí)施例中頁(yè)面數(shù)據(jù)加載系統(tǒng)的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0030]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對(duì)本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說(shuō)明。應(yīng)當(dāng)理解，此處描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0031]本發(fā)明實(shí)施例提供的頁(yè)面數(shù)據(jù)加載方法可應(yīng)用于如圖1所示的環(huán)境中?？蛻舳藢?duì)應(yīng)的客戶機(jī)102與服務(wù)器104通過(guò)網(wǎng)絡(luò)106建立TCP長(zhǎng)連接。在客戶端創(chuàng)建一個(gè)視圖窗口，在視圖窗口中載入頁(yè)面，在頁(yè)面中生成數(shù)據(jù)請(qǐng)求，該數(shù)據(jù)請(qǐng)求為TCP請(qǐng)求，通過(guò)TCP長(zhǎng)連接將該數(shù)據(jù)請(qǐng)求發(fā)送至服務(wù)器104。服務(wù)器104響應(yīng)該數(shù)據(jù)請(qǐng)求，并將與該數(shù)據(jù)請(qǐng)求對(duì)應(yīng)的數(shù)據(jù)通過(guò)TCP長(zhǎng)連接返回至客戶端，客戶端將接收到的數(shù)據(jù)加載至頁(yè)面，在客戶機(jī)102上進(jìn)行展示。由于頁(yè)面發(fā)送的數(shù)據(jù)請(qǐng)求為TCP請(qǐng)求，并通過(guò)TCP長(zhǎng)連接發(fā)送數(shù)據(jù)請(qǐng)求并接收與數(shù)據(jù)請(qǐng)求對(duì)應(yīng)的數(shù)據(jù)，有效提高了頁(yè)面數(shù)據(jù)加載速度。進(jìn)一步的，在視圖窗口載入頁(yè)面之后，還可以在頁(yè)面生成資源請(qǐng)求，該資源請(qǐng)求為HTTP請(qǐng)求。攔截該資源請(qǐng)求后，在客戶機(jī)102本地查詢是否存儲(chǔ)有與資源請(qǐng)求對(duì)應(yīng)的資源，如果有，則直接將對(duì)應(yīng)的資源加載至頁(yè)面，否貝1J，將資源請(qǐng)求發(fā)送至服務(wù)器104，服務(wù)器104可以是緩存服務(wù)器，將從服務(wù)器獲取到的對(duì)應(yīng)的資源下載到客戶機(jī)102本地進(jìn)行存儲(chǔ)。若再次生成該資源請(qǐng)求，則直接從客戶機(jī)102本地獲取對(duì)應(yīng)的資源加載至頁(yè)面。由于將資源請(qǐng)求進(jìn)行攔截，將從本地存儲(chǔ)的對(duì)應(yīng)的資源加載至網(wǎng)頁(yè)，減少了 HTTP請(qǐng)求，因此使得頁(yè)面資源加載速度得到提高。
[0032]在一個(gè)實(shí)施例中，如圖2所示，提供了一種頁(yè)面數(shù)據(jù)加載方法，本實(shí)施例以該方法應(yīng)用于客戶端為例進(jìn)行說(shuō)明，具體包括:
[0033]步驟202，創(chuàng)建視圖窗口，在視圖窗口中載入頁(yè)面。
[0034]在客戶端創(chuàng)建一個(gè)視圖窗口，具體的可以是在1s、android或者winphone操作系統(tǒng)中的底層創(chuàng)建視圖窗口。頁(yè)面是指web頁(yè)面，頁(yè)面中可以包括圖形、文字、聲音和視頻等信息。在一個(gè)優(yōu)選的實(shí)施例中，頁(yè)面可以是根據(jù)H5開(kāi)發(fā)的web頁(yè)面，H5是HTML (Hyper TextMarkup Language，超文本標(biāo)記語(yǔ)言)第五次修改后的版本。
[0035]步驟204，在頁(yè)面中生成數(shù)據(jù)請(qǐng)求，數(shù)據(jù)請(qǐng)求為TCP請(qǐng)求。
[0036]數(shù)據(jù)請(qǐng)求包括但不限于數(shù)據(jù)的獲取、上傳、刪除和存儲(chǔ)請(qǐng)求等。在頁(yè)面中可以通過(guò)多種方式生成數(shù)據(jù)請(qǐng)求，可以在頁(yè)面的搜索欄內(nèi)輸入關(guān)鍵字，點(diǎn)擊搜索按鍵，生成數(shù)據(jù)請(qǐng)求；也可以點(diǎn)擊頁(yè)面展示的標(biāo)題，如頁(yè)面推送的新聞標(biāo)題等，生成數(shù)據(jù)請(qǐng)求。在一個(gè)優(yōu)選的實(shí)施例中，關(guān)閉頁(yè)面中所有HTTP請(qǐng)求的對(duì)外接口，數(shù)據(jù)請(qǐng)求不再采用HTTP請(qǐng)求，在頁(yè)面中生成的數(shù)據(jù)請(qǐng)求為TCP請(qǐng)求。TCP (Transmiss1n Control Protocol，傳輸控制協(xié)議)是一種面向連接的、可靠的、基于IP的傳輸層協(xié)議。在客戶端與服務(wù)器建立TCP連接后，客戶端可以向服務(wù)器發(fā)送TCP請(qǐng)求。
[0037]步驟206，根據(jù)數(shù)據(jù)請(qǐng)求調(diào)用頁(yè)面封裝的JavaScript類庫(kù)。
[0038]Ja