網(wǎng)站顯示方法及系統(tǒng)、以及用戶終端的制作方法
【專利摘要】本公開的實(shí)施方式提供了一種網(wǎng)站顯示方法及系統(tǒng)、以及用戶終端,該方法包括:從服務(wù)器接收與所述網(wǎng)站有關(guān)的結(jié)構(gòu)體文件;由渲染引擎對所述結(jié)構(gòu)體文件進(jìn)行渲染,以生成標(biāo)記語言類文件;以及由瀏覽器對所述標(biāo)記語言類文件進(jìn)行解析以便顯示。
【專利說明】
網(wǎng)站顯示方法及系統(tǒng)、w及用戶終端
技術(shù)領(lǐng)域
[0001] 本公開的各個實(shí)施方式涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域,并且更具體地涉及一種網(wǎng)站顯示方 法及系統(tǒng)、W及用戶終端。
【背景技術(shù)】
[0002] 在傳統(tǒng)的網(wǎng)站開發(fā)模式中,開發(fā)人員在開發(fā)動態(tài)頁面時往往采用JSP、ASP等服務(wù) 器端頁面技術(shù)。在對采用服務(wù)器端頁面技術(shù)開發(fā)的網(wǎng)站進(jìn)行顯示時,JSP、ASP頁面需要從 客戶端提交到服務(wù)器端,在服務(wù)器端解析處理后返回客戶端,然后再在客戶端進(jìn)行解析W 便顯示。因此,每次頁面變化時都需要在服務(wù)器端進(jìn)行處理,額外增加了一次網(wǎng)絡(luò)交互。此 夕b服務(wù)器端在每次交互過程中需要處理業(yè)務(wù)邏輯和顯示邏輯二者,增加了服務(wù)器端壓力。
[0003] 此外,在采用服務(wù)器端頁面技術(shù)開發(fā)網(wǎng)站的過程中,也存在一些問題。例如,在開 發(fā)過程中,需要特定的服務(wù)器端中間件支持,比如JSP需要Weblogic等化V址E中間件,ASP 需要.Net中間件等,因而限制了網(wǎng)站開發(fā)的靈活性。而且,開發(fā)人員在使用服務(wù)器端頁面 技術(shù)開發(fā)時,需要將業(yè)務(wù)邏輯的代碼嵌入加載在頁面展示代碼中,使整個文件易讀性差,并 且不利于后期邏輯的抽象分離和復(fù)用。
【發(fā)明內(nèi)容】
[0004] 本公開的目的包括提供一種網(wǎng)站顯示方法及網(wǎng)站顯示系統(tǒng)、W及用戶終端,W至 少部分解決現(xiàn)有技術(shù)中的上述問題。
[0005] 根據(jù)本公開的一個方面,提供一種網(wǎng)站顯示方法,包括:從服務(wù)器接收與所述網(wǎng)站 有關(guān)的結(jié)構(gòu)體文件;由道染引擎對所述結(jié)構(gòu)體文件進(jìn)行道染,W生成標(biāo)記語言類文件;W 及由瀏覽器對所述標(biāo)記語言類文件進(jìn)行解析W便顯示。
[0006] 根據(jù)本公開的一個示例性實(shí)施方式,所述方法還包括;從所述服務(wù)器接收所述道 染引擎。
[0007] 根據(jù)本公開的一個示例性實(shí)施方式,所述方法還包括;預(yù)先將所述道染引擎存儲 于客戶端。
[0008] 根據(jù)本公開的一個示例性實(shí)施方式,所述道染引擎是預(yù)編程的。
[0009] 根據(jù)本公開的一個示例性實(shí)施方式,所述方法還包括;從所述服務(wù)器接收業(yè)務(wù)邏 輯文件。
[0010] 根據(jù)本公開的一個示例性實(shí)施方式,所述結(jié)構(gòu)體文件采用樹狀拓?fù)鋪矶x所述網(wǎng) 站的結(jié)構(gòu)。
[0011] 根據(jù)本公開的一個示例性實(shí)施方式,所述樹狀拓?fù)浒ǎ痪W(wǎng)站層,用于定義所述網(wǎng) 站所包含的頁面;頁面層,用于定義每個頁面所包含的區(qū)塊;區(qū)塊層,用于定義每個區(qū)塊所 包含的標(biāo)簽;W及標(biāo)簽層,用于定義每個標(biāo)簽的具體屬性。
[0012] 根據(jù)本公開的一個示例性實(shí)施方式,由道染引擎對所述結(jié)構(gòu)體文件進(jìn)行道染,W 生成標(biāo)記語言類文件包括;根據(jù)在所述網(wǎng)站層中定義的所述網(wǎng)站所包含的頁面,生成描述 各個頁面的位置和關(guān)系的標(biāo)記語言類文件;根據(jù)在所述頁面層中定義的每個頁面所包含 的區(qū)塊,生成描述各個區(qū)塊的位置和關(guān)系的標(biāo)記語言類文件;根據(jù)在所述區(qū)塊層中定義的 每個區(qū)塊所包含的標(biāo)簽,生成描述各個標(biāo)簽的位置和關(guān)系的標(biāo)記語言類文件;W及根據(jù)在 所述標(biāo)簽層中定義的每個標(biāo)簽的具體屬性,生成描述各個標(biāo)簽的具體屬性的標(biāo)記語言類文 件。
[0013] 根據(jù)本公開的另一方面,提供一種網(wǎng)站顯示系統(tǒng),包括:接收裝置,用于從服務(wù)器 接收與所述網(wǎng)站有關(guān)的結(jié)構(gòu)體文件;道染引擎,用于對所述結(jié)構(gòu)體文件進(jìn)行道染,W生成標(biāo) 記語言類文件;W及瀏覽器,用于對所述標(biāo)記語言類文件進(jìn)行解析W便顯示。
[0014] 根據(jù)本公開的一個示例性實(shí)施方式,所述接收裝置還用于從所述服務(wù)器接收所述 道染引擎。
[0015] 根據(jù)本公開的一個示例性實(shí)施方式,所述網(wǎng)站顯示系統(tǒng)還包括用于預(yù)先將所述道 染引擎存儲于客戶端的存儲裝置。
[0016] 根據(jù)本公開的一個示例性實(shí)施方式,所述道染引擎是預(yù)編程的。
[0017] 根據(jù)本公開的一個示例性實(shí)施方式,所述接收裝置還用于從所述服務(wù)器接收業(yè)務(wù) 邏輯文件。
[0018] 根據(jù)本公開的一個示例性實(shí)施方式,所述結(jié)構(gòu)體文件采用樹狀拓?fù)鋪矶x所述網(wǎng) 站的結(jié)構(gòu)。
[0019] 根據(jù)本公開的一個示例性實(shí)施方式,所述樹狀拓?fù)浒?;網(wǎng)站層,用于定義所述網(wǎng) 站所包含的頁面;頁面層,用于定義每個頁面所包含的區(qū)塊;區(qū)塊層,用于定義每個區(qū)塊所 包含的標(biāo)簽;W及標(biāo)簽層,用于定義每個標(biāo)簽的具體屬性。
[0020] 根據(jù)本公開的一個示例性實(shí)施方式,所述道染引擎包括;網(wǎng)站道染裝置,用于根據(jù) 在所述網(wǎng)站層中定義的所述網(wǎng)站所包含的頁面,生成描述各個頁面的位置和關(guān)系的標(biāo)記語 言類文件;頁面道染裝置,用于根據(jù)在所述頁面層中定義的每個頁面所包含的區(qū)塊,生成描 述各個區(qū)塊的位置和關(guān)系的標(biāo)記語言類文件;區(qū)塊道染裝置,用于根據(jù)在所述區(qū)塊層中定 義的每個區(qū)塊所包含的標(biāo)簽,生成描述各個標(biāo)簽的位置和關(guān)系的標(biāo)記語言類文件;W及標(biāo) 簽道染裝置,用于根據(jù)在所述標(biāo)簽層中定義的每個標(biāo)簽的具體屬性,生成描述各個標(biāo)簽的 具體屬性的標(biāo)記語言類文件。
[0021] 根據(jù)本公開的又一方面,提供了一種用戶終端,其包括在上文中所述的任意一種 網(wǎng)站顯不系統(tǒng)。
[0022] 在本公開的各個實(shí)施方式的技術(shù)方案中,由于在客戶端采用道染引擎對結(jié)構(gòu)體文 件進(jìn)行處理,使得在每次頁面變化時無需與服務(wù)器端進(jìn)行交互。此外,由于將結(jié)構(gòu)體文件 (也即頁面展示邏輯)與業(yè)務(wù)邏輯進(jìn)行分離,使得網(wǎng)站的開發(fā)過程受益,例如開發(fā)人員不需 要將業(yè)務(wù)邏輯的代碼嵌入加載在頁面展示代碼中,使整個文件易讀性強(qiáng),有利于后期邏輯 的抽象分離和復(fù)用。
【附圖說明】
[0023] 當(dāng)結(jié)合附圖閱讀下文對示范性實(shí)施方式的詳細(xì)描述時,送些W及其它目的、特征 和優(yōu)點(diǎn)將變得顯而易見,在附圖中:
[0024] 圖1示出了根據(jù)本公開一個實(shí)施方式的網(wǎng)站顯示方法的流程圖;
[00巧]圖2示出了根據(jù)本公開一個實(shí)施方式的用于說明網(wǎng)站的結(jié)構(gòu)的樹狀拓?fù)涞氖疽?圖;
[0026] 圖3示出了根據(jù)本公開一個實(shí)施方式的網(wǎng)站顯示方法所顯示的網(wǎng)站的結(jié)構(gòu);
[0027] 圖4是示出了根據(jù)本公開一個實(shí)施方式的由道染引擎對結(jié)構(gòu)體文件進(jìn)行道染的 過程的流程圖;
[0028] 圖5示出了采用圖1所示的方法所顯示的PC網(wǎng)站視圖舉例;
[0029] 圖6示出了采用圖1所示的方法所顯示的手機(jī)網(wǎng)站視圖舉例;
[0030] 圖7A和7B示出了根據(jù)本公開一個實(shí)施方式的網(wǎng)站顯示系統(tǒng)的有關(guān)組成部分的框 圖;W及
[0031] 圖8是示意性示出了將從本發(fā)明示例性實(shí)施方式中受益并且可W是本發(fā)明示例 性實(shí)施方式示例裝置的移動終端的框圖。
【具體實(shí)施方式】
[0032] 下面將參考附圖中示出的若干示例性實(shí)施方式來描述本公開的原理和精神。應(yīng)當(dāng) 理解,描述送些實(shí)施方式僅僅是為了使本領(lǐng)域技術(shù)人員能夠更好地理解進(jìn)而實(shí)現(xiàn)本公開, 而并非W任何方式限制本公開的范圍。
[0033] 圖1示出了根據(jù)本公開一個實(shí)施方式的網(wǎng)站顯示方法的流程圖。如圖1所示,該 網(wǎng)站顯示方法的流程1000包括;在S101,從服務(wù)器接收與網(wǎng)站有關(guān)的結(jié)構(gòu)體文件,例如用 于描述網(wǎng)站的結(jié)構(gòu)的JS0N格式的文件;在S102,由道染引擎對結(jié)構(gòu)體文件進(jìn)行道染,W生 成標(biāo)記語言類文件,諸如HTML、XML等;W及在S103,由瀏覽器對標(biāo)記語言類文件進(jìn)行解析 W便顯示。
[0034] 在步驟 S101 中,JS0N 指的是 JavaScript 對象表示法(JavaScript Object Notation),是一種輕量級的文本數(shù)據(jù)交換格式。JSON語法是化vaScript對象表示語法的 子集,其中數(shù)據(jù)在名稱/值對中、數(shù)據(jù)由逗號分隔、花括號保存對象W及方括號保存數(shù)組。
[0035] 在步驟S101中,所接收的結(jié)構(gòu)體文件可W體現(xiàn)所要顯示的網(wǎng)站的結(jié)構(gòu),如在后文 結(jié)合圖5和圖6所述,每個用戶可W有多個網(wǎng)站。結(jié)構(gòu)體文件主要對應(yīng)于網(wǎng)站的顯示邏輯, 例如所要顯示的網(wǎng)站中的各個對象的顯示屬性(諸如位置和相互關(guān)系等)。在本實(shí)施方式 中,可W采用與網(wǎng)站有關(guān)的各種結(jié)構(gòu)體文件來定義網(wǎng)站的結(jié)構(gòu),只要該結(jié)構(gòu)體文件能夠體 現(xiàn)網(wǎng)站的結(jié)構(gòu)即可。下面將采用JS0N格式的結(jié)構(gòu)體文件作為結(jié)構(gòu)體文件的示例來進(jìn)行詳 細(xì)說明。
[0036] 圖2示出了根據(jù)本公開一個實(shí)施方式的用于說明網(wǎng)站的結(jié)構(gòu)的樹狀拓?fù)涞氖疽?圖。如圖2所示,在本實(shí)施方式中,該樹狀拓?fù)淇蒞包括四層,即網(wǎng)站層1、頁面層2、區(qū)塊層 3 W及標(biāo)簽層4。也就是說,可W把網(wǎng)站定義成一顆資源樹,網(wǎng)站的每個元素都是其上的資 源節(jié)點(diǎn)(node)。可W把該表示網(wǎng)站結(jié)構(gòu)的資源樹WJS0N格式的結(jié)構(gòu)體文件保存在數(shù)據(jù)庫 中或配置文件中。具體而言,可W將網(wǎng)站視為包括一個或多個頁面,例如首頁、登錄頁等。每 個頁面可W視為包括一個或多個區(qū)塊,例如導(dǎo)航區(qū)、產(chǎn)品展示區(qū)等。每個區(qū)塊可W視為包括 一個或多個標(biāo)簽,例如提交按鍵、表格中的一個輸入項(xiàng)等。
[0037] 在圖2所示的樹狀拓?fù)渲?,可W在網(wǎng)站層1中定義網(wǎng)站中所包含的頁面、在頁面層 2中定義每個頁面所包含的區(qū)塊、在區(qū)塊層3中定義每個區(qū)塊所包含的標(biāo)簽、W及在標(biāo)簽層 4中定義每個標(biāo)簽的具體屬性(例如標(biāo)簽的外形和位置等)。
[003引 W下給出了與圖2中的樹狀拓?fù)鋵?yīng)的JS0N格式的示例性代碼的一部分。在該 示例性代碼部分中定義了 JS0N格式的結(jié)構(gòu)體文件,W用于描述網(wǎng)站的結(jié)構(gòu)。
[0039]
[0040] 圖3示出了根據(jù)本公開一個實(shí)施方式的網(wǎng)站顯示方法所顯示的網(wǎng)站的結(jié)構(gòu)。圖3 中所示的結(jié)構(gòu)是上述結(jié)構(gòu)體文件的代碼在經(jīng)歷步驟S102的道染W(wǎng)及步驟S103的瀏覽器解 析之后所呈現(xiàn)的網(wǎng)站頁面??蒞看出,網(wǎng)站可W包括多個頁面,諸如頁面導(dǎo)航、首頁企業(yè)信 息頁、員工查詢頁等。每個頁面可w包括多個區(qū)塊,并且每個區(qū)塊可w包括多個標(biāo)簽,例如 頁面導(dǎo)航區(qū)塊可W包括如下標(biāo)簽:首頁、企業(yè)信息、員工信息等。
[0041] 此外,在圖2所示的樹狀拓?fù)涞氖疽鈭D中,還示出了模塊5,然而模塊5并不屬于網(wǎng) 站的顯示邏輯,而是僅用于示例性說明業(yè)務(wù)邏輯。業(yè)務(wù)邏輯指的是具體的數(shù)據(jù)處理邏輯,其 可W用于定義每個標(biāo)簽所對應(yīng)的具體事件,例如某個輸入框可W看作一個標(biāo)簽,而某個輸 入項(xiàng)的具體值可W看作對應(yīng)于該標(biāo)簽的業(yè)務(wù)邏輯;類似地,需要點(diǎn)擊W觸發(fā)的某個對象可 W看作一個標(biāo)簽,而點(diǎn)擊所觸發(fā)的具體事件可W看作業(yè)務(wù)邏輯。
[0042] 再回到圖1,流程1000進(jìn)行到步驟S102。在步驟S102中,針對不同的結(jié)構(gòu)體文件, 道染引擎可W采用相應(yīng)的方式對結(jié)構(gòu)體文件進(jìn)行道染,W生成標(biāo)記語言類文件。例如針對 與圖2所示的樹狀拓?fù)鋵?yīng)的JS0N格式的結(jié)構(gòu)體文件,可W采用圖4所示的方法對結(jié)構(gòu)體 文件進(jìn)行道染。
[0043] 圖4是示出了根據(jù)本公開一個實(shí)施方式的由道染引擎對結(jié)構(gòu)體文件進(jìn)行道染的 過程的流程4000。如圖4所示,道染過程4000可W包括;在S401,根據(jù)在網(wǎng)站層中定義的 網(wǎng)站所包含的頁面,生成描述各個頁面的位置和關(guān)系的標(biāo)記語言類文件;在S402,根據(jù)在 頁面層中定義的每個頁面所包含的區(qū)塊,生成描述各個區(qū)塊的位置和關(guān)系的標(biāo)記語言類文 件;在S403,根據(jù)在區(qū)塊層中定義的每個區(qū)塊所包含的標(biāo)簽,生成描述各個標(biāo)簽的位置和 關(guān)系的標(biāo)記語言類文件;W及在S404,根據(jù)在標(biāo)簽層中定義的每個標(biāo)簽的具體屬性,生成 描述各個標(biāo)簽的具體屬性的標(biāo)記語言類文件。
[0044] W下給出了道染引擎的示例性代碼的一部分,其可W用于對JS0N格式的結(jié)構(gòu)體 文件進(jìn)行道染,W生成相應(yīng)的標(biāo)記語言類文件。
[0045]
[0046] 再次回到圖1,流程1000進(jìn)行到步驟S103。在步驟S103中,由瀏覽器對在步驟 S102中生成的標(biāo)記語言類文件進(jìn)行解析W便對網(wǎng)站進(jìn)行顯示。例如,HTML是帶有字符編碼 信息的字節(jié)流序列,字符編碼信息可W在HTTP響應(yīng)頭信息中指定,也可W在HTML標(biāo)簽中指 定。瀏覽器可W根據(jù)字符編碼信息將字節(jié)流轉(zhuǎn)換為顯示在瀏覽器上的字符。
[0047] 圖5示出了采用圖1所示的方法流程1000所顯示的PC網(wǎng)站視圖舉例,圖6示出 了采用圖1所示的方法流程1000所顯示的手機(jī)網(wǎng)站視圖舉例。每個用戶可W有多個網(wǎng)站, 例如PC網(wǎng)站和手機(jī)網(wǎng)站等。圖5和圖6給出了采用在上文中所描述的網(wǎng)站顯示方法所得 到的示例性網(wǎng)站頁面。
[004引此外,在圖1所示的實(shí)施方式中,步驟S102中所使用的道染引擎可W是預(yù)編程的。 其中存儲用于對結(jié)構(gòu)體文件進(jìn)行道染的指令集。當(dāng)該指令集執(zhí)行時,可W對結(jié)構(gòu)體文件進(jìn) 行處理,W生成相應(yīng)的標(biāo)記語言類文件。
[0049] 在一些實(shí)施方式中,結(jié)構(gòu)體文件和道染引擎可W均為從服務(wù)器接收的。在送些實(shí) 施方式中并不對結(jié)構(gòu)體文件和道染引擎的接收順序進(jìn)行限定,二者可W同時從服務(wù)器進(jìn)行 接收,然而也可w先接收其中一項(xiàng),再接收另一項(xiàng)。
[0050] 在一些實(shí)施方式中,結(jié)構(gòu)體文件是從服務(wù)器接收的,而道染引擎可W是預(yù)先存儲 于在客戶端處的存儲裝置中的。
[0051] 在一些實(shí)施方式中,除了從服務(wù)器接收結(jié)構(gòu)體文件之外,還從服務(wù)器接收業(yè)務(wù)邏 輯,W便于在完成網(wǎng)站的結(jié)構(gòu)的顯示時,在客戶端執(zhí)行業(yè)務(wù)邏輯。
[0052] 在上文中所述的各個實(shí)施方式的網(wǎng)站顯示方法中,由于在客戶端采用道染引擎對 結(jié)構(gòu)體文件進(jìn)行處理,使得在每次頁面變化時無需與服務(wù)器進(jìn)行交互。此外,服務(wù)器在僅需 要處理業(yè)務(wù)邏輯,從而降低了服務(wù)器的壓力。
[0053] 此外,在上文中所描述的各個實(shí)施方式的網(wǎng)站顯示方法中,由于將頁面展示邏輯 與業(yè)務(wù)邏輯進(jìn)行分離,從而能夠使得網(wǎng)站的開發(fā)過程受益。例如,由于將頁面展示邏輯從業(yè) 務(wù)邏輯分離,使得開發(fā)人員不需要將業(yè)務(wù)邏輯的代碼嵌入加載在頁面展示代碼中,使整個 文件易讀性強(qiáng),有利于后期邏輯的抽象分離和復(fù)用。
[0054] 圖7A和7B示出了根據(jù)本公開一個實(shí)施方式的網(wǎng)站顯示系統(tǒng)的有關(guān)組成部分的框 圖,其中圖7A示出了網(wǎng)站顯示系統(tǒng)的整體結(jié)構(gòu)框圖,而圖7B示出了道染引擎72的示例性 具體結(jié)構(gòu)。如圖7A所示,該網(wǎng)站顯示系統(tǒng)包括:接收裝置71,用于從服務(wù)器接收與網(wǎng)站有關(guān) 的結(jié)構(gòu)體文件,例如上文中所述的用于描述網(wǎng)站的結(jié)構(gòu)的JS0N格式的文件;道染引擎72, 用于對結(jié)構(gòu)體文件進(jìn)行道染,W生成標(biāo)記語言類文件,諸如HTMUXML等;W及瀏覽器73,用 于對標(biāo)記語言類文件進(jìn)行解析W便顯示。
[00巧]在圖7A所示的實(shí)施方式中,由接收裝置71所接收的結(jié)構(gòu)體文件可W體現(xiàn)所要顯 示的網(wǎng)站的結(jié)構(gòu)。結(jié)構(gòu)體文件主要對應(yīng)于網(wǎng)站的顯示邏輯,例如所要顯示的網(wǎng)站中的各個 對象的顯示屬性(諸如位置和相互關(guān)系等)。在本實(shí)施方式中,可W采用與網(wǎng)站有關(guān)的各種 結(jié)構(gòu)體文件來定義網(wǎng)站的結(jié)構(gòu),只要該結(jié)構(gòu)體文件能夠體現(xiàn)網(wǎng)站的結(jié)構(gòu)即可。例如,該結(jié)構(gòu) 體文件可W采用如圖2中所示的樹狀拓?fù)鋪矶x網(wǎng)站的結(jié)構(gòu)。在圖2所示的樹狀拓?fù)渲校?可W在網(wǎng)站層1中定義網(wǎng)站中所包含的頁面、在頁面層2中定義每個頁面所包含的區(qū)塊、在 區(qū)塊層3中定義每個區(qū)塊所包含的標(biāo)簽、W及在標(biāo)簽層4中定義每個標(biāo)簽的具體屬性(例 如標(biāo)簽的外形和位置等)。
[0056] 在圖7A所示的實(shí)施方式中,針對不同的結(jié)構(gòu)體文件,可W采用相應(yīng)的道染引擎72 對結(jié)構(gòu)體文件進(jìn)行道染,W生成標(biāo)記語言類文件。例如針對與圖2所示的樹狀拓?fù)鋵?yīng)的 JS0N格式的結(jié)構(gòu)體文件,可W采用圖7B中所示的道染引擎72對結(jié)構(gòu)體文件進(jìn)行道染。如 圖7B所示,道染引擎72例如可W包括;網(wǎng)站道染裝置721,用于根據(jù)在網(wǎng)站層中定義的網(wǎng) 站所包含的頁面,生成描述各個頁面的位置和關(guān)系的標(biāo)記語言類文件;頁面道染裝置722, 用于根據(jù)在頁面層中定義的每個頁面所包含的區(qū)塊,生成描述各個區(qū)塊的位置和關(guān)系的標(biāo) 記語言類文件;區(qū)塊道染裝置723,用于根據(jù)在區(qū)塊層中定義的每個區(qū)塊所包含的標(biāo)簽,生 成描述各個標(biāo)簽的位置和關(guān)系的標(biāo)記語言類文件;W及標(biāo)簽道染裝置724,用于根據(jù)在標(biāo) 簽層中定義的每個標(biāo)簽的具體屬性,生成描述各個標(biāo)簽的具體屬性的標(biāo)記語言類文件。
[0057] 在圖7A所示的網(wǎng)站顯示系統(tǒng)中,瀏覽器73用于對由道染引擎72生成的標(biāo)記語言 類文件進(jìn)行解析,W便對網(wǎng)站進(jìn)行顯示。例如,HTML是帶有字符編碼信息的字節(jié)流序列,字 符編碼信息可W在HTTP響應(yīng)頭信息中指定,也可W在HTML標(biāo)簽中指定。瀏覽器73可W根 據(jù)字符編碼信息將字節(jié)流轉(zhuǎn)換為顯示在瀏覽器73上的字符。
[0058] 在一些實(shí)施方式中,接收裝置71還可W從服務(wù)器接收道染引擎72。也就是說,結(jié) 構(gòu)體文件和道染引擎72均為從服務(wù)器接收的。在送樣的實(shí)施方式中并不對結(jié)構(gòu)體文件和 道染引擎的接收順序進(jìn)行限定,二者可W同時從服務(wù)器進(jìn)行接收,然而也可W先接收其中 一項(xiàng),再接收另一項(xiàng)。
[0059] 在一些實(shí)施方式中,結(jié)構(gòu)體文件是從服務(wù)器接收的,道染引擎72可W是預(yù)先存儲 于在客戶端處的存儲裝置中的。
[0060] 在一些實(shí)施方式中,接收裝置71除了從服務(wù)器接收結(jié)構(gòu)體文件之外,還可W從服 務(wù)器接收業(yè)務(wù)邏輯,W便于在完成網(wǎng)站的結(jié)構(gòu)的顯示時,在客戶端執(zhí)行業(yè)務(wù)邏輯。
[0061] 在一些實(shí)施方式中,道染引擎72可W是預(yù)編程的。其中存儲用于對結(jié)構(gòu)體文件進(jìn) 行道染的指令集。當(dāng)該指令集執(zhí)行時,可W對結(jié)構(gòu)體文件進(jìn)行處理,W生成相應(yīng)的標(biāo)記語言 類文件。
[0062] 在上文中所述的各個實(shí)施方式的網(wǎng)站顯示系統(tǒng)中,由于在客戶端采用道染引擎對 結(jié)構(gòu)體文件進(jìn)行處理,使得在每次頁面變化時無需與服務(wù)器進(jìn)行交互。此外,服務(wù)器在僅需 要處理業(yè)務(wù)邏輯,從而降低了服務(wù)器的壓力。
[0063] 此外,在上文中所描述的各個實(shí)施方式的網(wǎng)站顯示系統(tǒng)中,由于將頁面展示邏輯 與業(yè)務(wù)邏輯進(jìn)行分離,從而能夠使得網(wǎng)站的開發(fā)過程受益。例如,由于將頁面展示邏輯從業(yè) 務(wù)邏輯分離,使得開發(fā)人員不需要將業(yè)務(wù)邏輯的代碼嵌入加載在頁面展示代碼中,使整個 文件易讀性強(qiáng),有利于后期邏輯的抽象分離和復(fù)用。
[0064] 下面參考圖8,其示出了適于用來實(shí)踐本發(fā)明實(shí)施方式的移動終端400的示意性 框圖。在圖8所示的示例中,移動終端400是一個具有無線通信能力的移動設(shè)備。然而,可 W理解,送僅僅是示例性而非限制性的。其他類型的移動終端也可W容易地采用本發(fā)明的 實(shí)施方式,諸如便攜式數(shù)字助理(PDA)、尋呼機(jī)、移動計算機(jī)、移動電視、游戲設(shè)備、膝上型計 算機(jī)、照相機(jī)、錄像機(jī)、GI^設(shè)備W及其他類型的語音和文本通信系統(tǒng)。固定式移動終端同 樣可W容易地使用本發(fā)明的實(shí)施方式。
[0065] 移動終端400包括一個或天線418,其可操作地與發(fā)射機(jī)414和接收機(jī)416進(jìn)行通 信。移動終端400還包括處理器412或者其他處理元件,其分別提供去往發(fā)射機(jī)414的信號 和接收來自接收機(jī)416的信號。信號包括按照適當(dāng)蜂窩系統(tǒng)的空中接口標(biāo)準(zhǔn)的信令信息, 并且還包括用戶語音、接收的數(shù)據(jù)和/或用戶生成的數(shù)據(jù)。在此方面,移動終端400能夠利 用一個或多個空中接口標(biāo)準(zhǔn)、通信協(xié)議、調(diào)制類型W及接入類型來進(jìn)行操作。作為示范,移 動終端400能夠根據(jù)多個第一代、第二代、第Η代和/或第四代通信協(xié)議等中的任何協(xié)議來 進(jìn)行操作。例如,移動終端400可W能夠按照第二代(G)無線通信協(xié)議IS-136(TDMA)、GSM 和IS-95 (CDMA)來進(jìn)行操作,或者按照諸如UMTS、CDMA2000、WCDMA和TD-SCDMA的第Η代 (G)無線通信協(xié)議來進(jìn)行操作,或者按照第四代(4G)無線通信協(xié)議和/或類似協(xié)議進(jìn)行操 作。
[0066] 可W理解,處理器412包括實(shí)現(xiàn)移動終端400的功能所需的電路。例如,處理器 412可W包括數(shù)字信號處理器設(shè)備、微處理器設(shè)備、各種模數(shù)轉(zhuǎn)換器、數(shù)模轉(zhuǎn)換器和其他支 持電路。移動終端400的控制和信號處理功能按照送些設(shè)備各自的能力在其間分配。處理 器412由此還可W包括在調(diào)制和傳輸之前對消息和數(shù)據(jù)進(jìn)行卷積編碼和交織的功能。處理 器412還可W另外包括內(nèi)部語音編碼器,并且可W包括內(nèi)部數(shù)據(jù)調(diào)制解調(diào)器。此外,處理器 412可W包括對可W存儲在存儲器中的一個或多個軟件程序進(jìn)行操作的功能。例如,處理器 412可W能夠操作連接程序,諸如傳統(tǒng)的Web瀏覽器,從而運(yùn)行如圖4所示的流程4000。連 接程序繼而可W允許移動終端400例如按照無線應(yīng)用協(xié)議(WAP)、超文本傳輸協(xié)議(HTTP) 等來發(fā)射和接收Web內(nèi)容(諸如基于位置的內(nèi)容和/或其他web頁面內(nèi)容)。處理器412 可W運(yùn)行如圖1所示的流程1000。
[0067] 移動終端400還可W包括用戶接口,其例如可W包括耳機(jī)或者揚(yáng)聲器424、振鈴器 422、麥克風(fēng)426、顯示屏428 W及手寫設(shè)備431,所有送些設(shè)備都禪合至處理器412。移動終 端400可W包括小鍵盤430。小鍵盤430可W包括傳統(tǒng)的數(shù)字鍵(0-9)和相關(guān)鍵巧、*),W 及用于操作移動終端400的其他鍵。備選地,小鍵盤430可W包括傳統(tǒng)的QWERTY小鍵盤布 置。小鍵盤430還可W包括與功能相關(guān)聯(lián)的各種軟鍵。移動終端400還可W包括加速度感 應(yīng)模塊436,用于捕獲用戶做出的動作(運(yùn)動)。
[0068] 具體地,顯示屏428可W包括觸摸式屏幕和/或鄰近式屏幕,用戶可W通過直接操 作屏幕而操作移動終端400。此時,顯示屏428同時充當(dāng)輸入設(shè)備和輸出設(shè)備二者。在送樣 的實(shí)施方式中,手寫設(shè)備431可W配置用于接收用戶通過例如普通的筆、專用觸筆和/或手 指在顯示屏428上提供的輸入,包括指點(diǎn)輸入和手勢輸入。
[0069] 此外,移動終端400可W包括諸如操縱桿的接口設(shè)備或者其他用于輸入接口。移 動終端400還包括電池434,諸如振動電池組,用于為操作移動終端400所需的各種電路供 電,W及可選地提供機(jī)械振動作為可檢測輸出。
[0070] 移動終端400可W進(jìn)一步包括用戶標(biāo)識模塊扣IMH38。UIM 438通常是具有內(nèi) 置處理器的存儲器設(shè)備。UIM 438例如可W包括訂戶標(biāo)識模塊(SIM)、通用集成電路卡 扣ICC)、通用訂戶標(biāo)識模塊扣SIM)、可移動用戶標(biāo)識模塊(R-UIM)等。UIM 438通常存儲與 移動訂戶相關(guān)的信元。
[0071] 移動終端400還可W具有存儲器。例如,移動終端400可W包括易失性存儲器 440,例如包括用于數(shù)據(jù)臨時存儲的高速緩存區(qū)域的易失性隨機(jī)存取存儲器(RAM)。移動終 端400還可W包括其他非易失性存儲器442,其可W是嵌入式的和/或可移動的。非易失性 存儲器442可W附加地或者可選地包括例如邸PROM和閃存等。存儲器可W存儲移動終端 400所使用的多個信息片段和數(shù)據(jù)中的任意項(xiàng),W實(shí)現(xiàn)移動終端400的功能。
[0072] 所述移動終端400可W實(shí)現(xiàn)上文結(jié)合圖2描述的方法W及配置用于作為結(jié)合圖3 描述的設(shè)備。
[0073] 應(yīng)當(dāng)理解,圖8所述的結(jié)構(gòu)框圖僅僅為了示例的目的而示出的,而不是對本發(fā)明 范圍的限制。在某些情況下,可W根據(jù)具體情況而增加或者減少某些設(shè)備。
[0074] 應(yīng)當(dāng)注意,本發(fā)明的實(shí)施方式可W通過硬件、軟件或者軟件和硬件的結(jié)合來實(shí)現(xiàn)。 硬件部分可W利用專用邏輯來實(shí)現(xiàn);軟件部分可W存儲在存儲器中,由適當(dāng)?shù)闹噶顖?zhí)行系 統(tǒng),例如微處理器或者專用設(shè)計硬件來執(zhí)行。本領(lǐng)域的普通技術(shù)人員可W理解上述的設(shè)備 和方法可W使用計算機(jī)可執(zhí)行指令和/或包含在處理器控制代碼中來實(shí)現(xiàn),例如在諸如磁 盤、CD或DVD-ROM的載體介質(zhì)、諸如只讀存儲器(固件)的可編程的存儲器或者諸如光學(xué) 或電子信號載體的數(shù)據(jù)載體上提供了送樣的代碼。本發(fā)明的設(shè)備及其模塊可W由諸如超大 規(guī)模集成電路或口陣列、諸如邏輯芯片、晶體管等的半導(dǎo)體、或者諸如現(xiàn)場可編程口陣列、 可編程邏輯設(shè)備等的可編程硬件設(shè)備的硬件電路實(shí)現(xiàn),也可W用由各種類型的處理器執(zhí)行 的軟件實(shí)現(xiàn),也可w由上述硬件電路和軟件的結(jié)合例如固件來實(shí)現(xiàn)。
[0075] 應(yīng)當(dāng)注意,盡管在上文詳細(xì)描述中提及了設(shè)備的若干裝置或子裝置,但是送種劃 分僅僅并非強(qiáng)制性的。實(shí)際上,根據(jù)本發(fā)明的實(shí)施方式,上文描述的兩個或更多裝置的特征 和功能可W在一個裝置中具體化。反之,上文描述的一個裝置的特征和功能可W進(jìn)一步劃 分為由多個裝置來具體化。
[0076] 此外,盡管在附圖中W特定順序描述了本發(fā)明方法的操作,但是,送并非要求或者 暗示必須按照該特定順序來執(zhí)行送些操作,或是必須執(zhí)行全部所示的操作才能實(shí)現(xiàn)期望的 結(jié)果。相反,流程圖中描繪的步驟可W改變執(zhí)行順序。附加地或備選地,可W省略某些步驟, 將多個步驟合并為一個步驟執(zhí)行,和/或?qū)⒁粋€步驟分解為多個步驟執(zhí)行。
[0077] 雖然已經(jīng)參考若干【具體實(shí)施方式】描述了本發(fā)明,但是應(yīng)該理解,本發(fā)明并不限于 所公開的【具體實(shí)施方式】。本發(fā)明旨在涵蓋所附權(quán)利要求的精神和范圍內(nèi)所包括的各種修改 和等同布置。所附權(quán)利要求的范圍符合最寬泛的解釋,從而包含所有送樣的修改及等同結(jié) 構(gòu)和功能。
【主權(quán)項(xiàng)】
1. 一種網(wǎng)站顯示方法,包括: 從服務(wù)器接收與所述網(wǎng)站有關(guān)的結(jié)構(gòu)體文件; 由渲染引擎對所述結(jié)構(gòu)體文件進(jìn)行渲染,以生成標(biāo)記語言類文件;以及 由瀏覽器對所述標(biāo)記語言類文件進(jìn)行解析以便顯示。2. 根據(jù)權(quán)利要求1所述的網(wǎng)站顯示方法,還包括: 從所述服務(wù)器接收所述渲染引擎。3. 根據(jù)權(quán)利要求1所述的網(wǎng)站顯示方法,還包括: 預(yù)先將所述渲染引擎存儲于客戶端。4. 根據(jù)權(quán)利要求1所述的網(wǎng)站顯示方法,其中所述渲染引擎是預(yù)編程的。5. 根據(jù)權(quán)利要求1所述的網(wǎng)站顯示方法,還包括: 從所述服務(wù)器接收業(yè)務(wù)邏輯文件。6. 根據(jù)權(quán)利要求1所述的網(wǎng)站顯示方法,其中所述結(jié)構(gòu)體文件采用樹狀拓?fù)鋪矶x所 述網(wǎng)站的結(jié)構(gòu)。7. 根據(jù)權(quán)利要求6所述的網(wǎng)站顯示方法,其中所述樹狀拓?fù)浒ǎ?網(wǎng)站層,用于定義所述網(wǎng)站所包含的頁面; 頁面層,用于定義每個頁面所包含的區(qū)塊; 區(qū)塊層,用于定義每個區(qū)塊所包含的標(biāo)簽;以及 標(biāo)簽層,用于定義每個標(biāo)簽的具體屬性。8. 根據(jù)權(quán)利要求7所述的網(wǎng)站顯示方法,其中由渲染引擎對所述結(jié)構(gòu)體文件進(jìn)行渲 染,以生成標(biāo)記語言類文件包括: 根據(jù)在所述網(wǎng)站層中定義的所述網(wǎng)站所包含的頁面,生成描述各個頁面的位置和關(guān)系 的標(biāo)記語言類文件; 根據(jù)在所述頁面層中定義的每個頁面所包含的區(qū)塊,生成描述各個區(qū)塊的位置和關(guān)系 的標(biāo)記語言類文件; 根據(jù)在所述區(qū)塊層中定義的每個區(qū)塊所包含的標(biāo)簽,生成描述各個標(biāo)簽的位置和關(guān)系 的標(biāo)記語言類文件;以及 根據(jù)在所述標(biāo)簽層中定義的每個標(biāo)簽的具體屬性,生成描述各個標(biāo)簽的具體屬性的標(biāo) 記語言類文件。9. 一種網(wǎng)站顯示系統(tǒng),包括: 接收裝置,用于從服務(wù)器接收與所述網(wǎng)站有關(guān)的結(jié)構(gòu)體文件; 渲染引擎,用于對所述結(jié)構(gòu)體文件進(jìn)行渲染,以生成標(biāo)記語言類文件;以及 瀏覽器,用于對所述標(biāo)記語言類文件進(jìn)行解析以便顯示。10. 根據(jù)權(quán)利要求9所述的網(wǎng)站顯示系統(tǒng),所述接收裝置還用于從所述服務(wù)器接收所 述渲染引擎。11. 根據(jù)權(quán)利要求9所述的網(wǎng)站顯示系統(tǒng),還包括用于預(yù)先將所述渲染引擎存儲于客 戶端的存儲裝置。12. 根據(jù)權(quán)利要求9所述的網(wǎng)站顯示系統(tǒng),其中所述渲染引擎是預(yù)編程的。13. 根據(jù)權(quán)利要求9所述的網(wǎng)站顯示系統(tǒng),所述接收裝置還用于從所述服務(wù)器接收業(yè) 務(wù)邏輯文件。14. 根據(jù)權(quán)利要求9所述的網(wǎng)站顯示系統(tǒng),其中所述結(jié)構(gòu)體文件采用樹狀拓?fù)鋪矶x 所述網(wǎng)站的結(jié)構(gòu)。15. 根據(jù)權(quán)利要求14所述的網(wǎng)站顯示系統(tǒng),其中所述樹狀拓?fù)浒ǎ?網(wǎng)站層,用于定義所述網(wǎng)站所包含的頁面; 頁面層,用于定義每個頁面所包含的區(qū)塊; 區(qū)塊層,用于定義每個區(qū)塊所包含的標(biāo)簽;以及 標(biāo)簽層,用于定義每個標(biāo)簽的具體屬性。16. 根據(jù)權(quán)利要求15所述的網(wǎng)站顯示系統(tǒng),其中所述渲染引擎包括: 網(wǎng)站渲染裝置,用于根據(jù)在所述網(wǎng)站層中定義的所述網(wǎng)站所包含的頁面,生成描述各 個頁面的位置和關(guān)系的標(biāo)記語言類文件; 頁面渲染裝置,用于根據(jù)在所述頁面層中定義的每個頁面所包含的區(qū)塊,生成描述各 個區(qū)塊的位置和關(guān)系的標(biāo)記語言類文件; 區(qū)塊渲染裝置,用于根據(jù)在所述區(qū)塊層中定義的每個區(qū)塊所包含的標(biāo)簽,生成描述各 個標(biāo)簽的位置和關(guān)系的標(biāo)記語言類文件;以及 標(biāo)簽渲染裝置,用于根據(jù)在所述標(biāo)簽層中定義的每個標(biāo)簽的具體屬性,生成描述各個 標(biāo)簽的具體屬性的標(biāo)記語言類文件。17. -種用戶終端,包括根據(jù)權(quán)利要求9至16中任一項(xiàng)的網(wǎng)站顯示系統(tǒng)。
【文檔編號】G06F17/30GK105989046SQ201510060640
【公開日】2016年10月5日
【申請日】2015年2月3日
【發(fā)明人】張青南, 趙波, 孫久鵬, 黃競, 孫茗, 沙興濛, 陳起
【申請人】中國人壽保險股份有限公司