本申請涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，尤其涉及一種客戶端頁面渲染方法及裝置。

背景技術(shù)：

隨著移動通信技術(shù)的發(fā)展及手機、平板電腦等電子設(shè)備的普及，應(yīng)用于電子設(shè)備的應(yīng)用程序，即客戶端，也越來越多，如各類購物網(wǎng)站提供的手機客戶端。這些客戶端運行時，可以與相應(yīng)的服務(wù)端之間進行通信，從而將服務(wù)端提供的產(chǎn)品或服務(wù)信息按照一定的布局渲染為相應(yīng)的展示頁面，使得用戶可以通過電子設(shè)備隨時隨地獲知上述產(chǎn)品及服務(wù)信息。

一般的，每個版本的客戶端展示產(chǎn)品或服務(wù)的布局模板是固定的，該布局模板規(guī)定了展示頁面包括哪些展示區(qū)域，每個展示區(qū)域展示哪些數(shù)據(jù)，通過將布局模板中各個區(qū)域關(guān)聯(lián)不同的數(shù)據(jù)源，渲染得到不同產(chǎn)品的展示頁面。

但是，隨著業(yè)務(wù)的擴展，服務(wù)端提供的產(chǎn)品類型也會相應(yīng)增加，如果客戶端中的布局模板不適合展示這些新增產(chǎn)品，則需要開發(fā)新版本的客戶端，以增加適合展示新增產(chǎn)品的布局模板，從而導(dǎo)致開發(fā)成本較高。

技術(shù)實現(xiàn)要素：

為克服相關(guān)技術(shù)中存在的問題，本申請?zhí)峁┮环N客戶端頁面渲染方法及裝置。

本申請第一方面提供一種客戶端頁面渲染方法；該方法包括：

接收并解析服務(wù)端發(fā)送的頁面詳情數(shù)據(jù)，確定目標頁面的組件數(shù)據(jù)和原始布局模板；

根據(jù)鍵值與實現(xiàn)類名之間的預(yù)設(shè)第一映射查找所述原始布局模板中記錄的各個組件鍵值對應(yīng)的組件實現(xiàn)類；

根據(jù)所述組件實現(xiàn)類和組件數(shù)據(jù)生成對應(yīng)的組件描述項；

匯總各個組件描述項生成目標布局模板；

根據(jù)所述目標布局模板執(zhí)行渲染操作，得到目標頁面的詳情信息展示頁面。

結(jié)合第一方面，在第一方面的第一種可行的實施方式中，在接收到所述頁面詳情數(shù)據(jù)前，所述客戶端頁面渲染方法還包括：

根據(jù)目標頁面的統(tǒng)一資源定位符URL獲取頁面基本數(shù)據(jù)；

根據(jù)客戶端存儲的默認布局模板和頁面基本數(shù)據(jù)執(zhí)行渲染操作，得到目標頁面的基本信息展示頁面。

結(jié)合第一方面，或者第一方面的第一種可行的實施方式，在第一方面的第二種可行的實施方式中，所述確定目標頁面的原始布局模板，包括：

判斷對所述頁面詳情數(shù)據(jù)的解析結(jié)果中是否存在預(yù)設(shè)布局模板；

如果存在所述預(yù)設(shè)布局模板，則確定所述預(yù)設(shè)布局模板為原始布局模板；

如果不存在所述預(yù)設(shè)布局模板，則確定所述默認布局模板為所述原始布局模板。

結(jié)合第一方面，或者第一方面的第一種可行的實施方式，在第一方面的第三種可行的實施方式中，根據(jù)所述組件實現(xiàn)類和組件數(shù)據(jù)生成對應(yīng)的組件描述項，包括：

根據(jù)實現(xiàn)類名與函數(shù)之間的預(yù)設(shè)第二映射查找所述組件實現(xiàn)類對應(yīng)的組件翻譯函數(shù)；

調(diào)用所述組件翻譯函數(shù)對所述組件數(shù)據(jù)進行處理，得到對應(yīng)的組件描述項。

本申請第二方面提供一種客戶端頁面渲染裝置；該裝置包括：

數(shù)據(jù)解析單元，用于接收并解析服務(wù)端發(fā)送的頁面詳情數(shù)據(jù)，確定目標頁面的組件數(shù)據(jù)和原始布局模板；

組件類查找單元，用于根據(jù)鍵值與實現(xiàn)類名之間的預(yù)設(shè)第一映射查找所述原始布局模板中記錄的各個組件鍵值查找對應(yīng)的組件實現(xiàn)類；

組件翻譯單元，用于根據(jù)所述組件實現(xiàn)類和組件數(shù)據(jù)生成對應(yīng)的組件描述項；

目標模板生成單元，用于匯總各個組件描述項生成目標布局模板；

詳情信息渲染單元，用于根據(jù)所述目標布局模板執(zhí)行渲染操作，得到目標頁面的詳情信息展示頁面。

結(jié)合第二方面，在第二方面的第一種可行的實施方式中，所述客戶端頁面渲染裝置還包括：

基本信息渲染單元，用于在所述數(shù)據(jù)解析單元接收到所述頁面詳情數(shù)據(jù)前，根據(jù)目標頁面的統(tǒng)一資源定位符URL獲取頁面基本數(shù)據(jù)，并根據(jù)客戶端存儲的默認布局模板和頁面基本數(shù)據(jù)執(zhí)行渲染操作，得到目標頁面的基本信息展示頁面。

結(jié)合第二方面，或者第二方面的第一種可行的實施方式，在第二方面的第二種可行的實施方式中，所述數(shù)據(jù)解析單元包括：

布局模板確定模塊，用于判斷對所述頁面詳情數(shù)據(jù)的解析結(jié)果中是否存在預(yù)設(shè)布局模板，如果存在所述預(yù)設(shè)布局模板，則確定所述預(yù)設(shè)布局模板為原始布局模板，否則確定所述默認布局模板為所述原始布局模板。

結(jié)合第二方面，或者第二方面的第一種可行的實施方式，在第二方面的第三種可行的實施方式中，所述組件翻譯單元包括：

翻譯函數(shù)查找模塊，用于根據(jù)實現(xiàn)類名與函數(shù)之間的預(yù)設(shè)第二映射查找所述組件實現(xiàn)類對應(yīng)的組件翻譯函數(shù)；

組件數(shù)據(jù)處理模塊，用于調(diào)用所述組件翻譯函數(shù)對所述組件數(shù)據(jù)進行處理，得到對應(yīng)的組件描述項。

由以上技術(shù)方案可知，本申請實施例中原始布局模板僅記錄各個組件的鍵值及其位置信息，在執(zhí)行頁面渲染時再根據(jù)鍵值查找對應(yīng)的實現(xiàn)類，使得同一組件對應(yīng)的實現(xiàn)類可以復(fù)用于不同的布局模板，因此當出現(xiàn)新增產(chǎn)品時，或者針對該新增產(chǎn)品設(shè)計對應(yīng)的預(yù)設(shè)布局模板，并將其添加在頁面詳情數(shù)據(jù)中返回至客戶端，且設(shè)計新增產(chǎn)品對應(yīng)的預(yù)設(shè)布局模板時只需考慮所需的組件鍵值和其在頁面中的位置，不需要考慮如何實現(xiàn)該組件，從而可以降低適用于新增產(chǎn)品的原始布局模板的設(shè)計難度；或者針對該新增產(chǎn)品設(shè)計特定的新增組件，并將其組件鍵值和組件實現(xiàn)類之間的映射關(guān)系添加至客戶端中，從而在不修改查詢代碼的前提下就可以查找調(diào)用新增組件的實現(xiàn)類?？梢?，本申請實施例可以降低布局模板的設(shè)計難度，組件和布局模板具有復(fù)用性和可擴展性，在需要展示新增產(chǎn)品時，不需要開發(fā)并發(fā)布新版客戶端，可以提高客戶端的利用率，降低開發(fā)成本。

應(yīng)當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本申請。

附圖說明

此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本發(fā)明的實施例，并與說明書一起用于解釋本發(fā)明的原理。

圖1是本申請實施例提供的一種客戶端頁面渲染方法的流程圖。

圖2是本申請實施例提供的一種客戶端頁面渲染方法的信號流圖。

圖3是本申請實施例提供的客戶端頁面渲染方法中確定原始布局模板的方法流程圖。

圖4是本申請實施例提供的一種客戶端頁面渲染裝置的框圖。

圖5是本申請實施例提供的另一種客戶端頁面渲染裝置的框圖。

具體實施方式

這里將詳細地對示例性實施例進行說明，其示例表示在附圖中。下面的描述涉及附圖時，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本發(fā)明相一致的所有實施方式。相反，它們僅是與如所附權(quán)利要求書中所詳述的、本發(fā)明的一些方面相一致的裝置和方法的例子。

圖1為本申請實施例提供的一種客戶端頁面渲染方法的流程圖。如圖1所示，該方法包括以下步驟。

S11、接收并解析服務(wù)端發(fā)送的頁面詳情數(shù)據(jù)，確定目標頁面的組件數(shù)據(jù)和原始布局模板。

S12、根據(jù)鍵值與實現(xiàn)類名之間的預(yù)設(shè)第一映射查找所述原始布局模板中記錄的各個組件鍵值對應(yīng)的組件實現(xiàn)類。

S13、根據(jù)所述組件實現(xiàn)類和組件數(shù)據(jù)生成對應(yīng)的組件描述項。

S14、匯總各個組件描述項生成目標布局模板。

S15、根據(jù)所述目標布局模板執(zhí)行渲染操作，得到目標頁面的詳情信息展示頁面。

本申請實施例采用組件化布局方式，即以組件為單位繪制展示頁面，每個組件表示頁面中的至少一個元素，如一張產(chǎn)品預(yù)覽圖、顯示產(chǎn)品名稱的文本框等，將不同組件相組合或者將同一組件設(shè)置于不同位置即可得到不同的布局模板。有鑒于此，本申請實施例為每種組件設(shè)置對應(yīng)的鍵值及實現(xiàn)該組件的實現(xiàn)類，并將每種組件的鍵值及實現(xiàn)該組件的實現(xiàn)類之間的映射關(guān)系預(yù)先存儲于客戶端中；相應(yīng)的，原始布局模板中只記錄所需組件的鍵值以及各個組件在頁面中的位置信息；進而客戶端通過執(zhí)行上述步驟S12至S14，將原始布局模板轉(zhuǎn)化為目標布局模板，該目標布局模板中記錄有各個組件對應(yīng)的組件描述項，根據(jù)各個組件描述項執(zhí)行渲染操作，即可繪制出對應(yīng)的頁面元素，最終得到目標頁面。

由以上技術(shù)方案可知，本申請實施例中原始布局模板僅記錄各個組件的鍵值及其位置信息，在執(zhí)行頁面渲染時再根據(jù)鍵值查找對應(yīng)的實現(xiàn)類，使得同一組件對應(yīng)的實現(xiàn)類可以復(fù)用于不同的布局模板，因此當出現(xiàn)新增產(chǎn)品時，或者針對該新增產(chǎn)品設(shè)計對應(yīng)的預(yù)設(shè)布局模板，并將其添加在頁面詳情數(shù)據(jù)中返回至客戶端，且設(shè)計新增產(chǎn)品對應(yīng)的預(yù)設(shè)布局模板時只需考慮所需的組件鍵值和其在頁面中的位置，不需要考慮如何實現(xiàn)該組件，從而可以降低適用于新增產(chǎn)品的原始布局模板的設(shè)計難度；或者針對該新增產(chǎn)品設(shè)計特定的新增組件，并將其組件鍵值和組件實現(xiàn)類之間的映射關(guān)系添加至客戶端中，從而在不修改查詢代碼的前提下就可以查找調(diào)用新增組件的實現(xiàn)類?？梢姡旧暾垖嵤├? 可以降低布局模板的設(shè)計難度，組件和布局模板具有復(fù)用性和可擴展性，在需要展示新增產(chǎn)品時，不需要開發(fā)并發(fā)布新版客戶端，進而可以提高客戶端的利用率，降低開發(fā)成本。

另外，對照程序開發(fā)的三層邏輯架構(gòu)，上述頁面渲染方法對應(yīng)的程序也可分為三個層次，自下而上分別為數(shù)據(jù)層、組件化模板翻譯層和UI層；其中，上述步驟S11由數(shù)據(jù)層執(zhí)行，步驟S12至S14由組件化模板翻譯層執(zhí)行，步驟S15由UI層執(zhí)行。

在本申請一個可行的實施例中，在上述步驟S11之前，還包括如下步驟：

根據(jù)目標頁面的統(tǒng)一資源定位符URL獲取頁面基本數(shù)據(jù)，并根據(jù)所述默認布局模板和頁面基本數(shù)據(jù)執(zhí)行渲染操作，得到目標頁面的基本信息展示頁面。

實際應(yīng)用中，客戶端從服務(wù)端獲取頁面詳情數(shù)據(jù)，并渲染得到詳情信息展示頁面的過程需要一定的時間，為避免頁面空白時間過長，客戶端在接收到頁面展示指令后，一方面向服務(wù)端發(fā)出請求，以獲取對應(yīng)的頁面詳情數(shù)據(jù)，另一方面通過分析待展示的目標頁面的統(tǒng)一資源定位符(Uniform Resoure Locator，URL)，獲取目標頁面的基本信息，并根據(jù)客戶端存儲的默認布局模板進行渲染，得到目標頁面的基本信息展示頁面。其中，上述基本信息可以包括產(chǎn)品的名稱、頭圖和價格等，上述渲染得到基本信息展示頁面的步驟直接由UI層執(zhí)行。

下面參照圖2所示的信號流圖對本申請?zhí)峁┑目蛻舳隧撁驿秩痉椒ㄟM行詳細闡述。

如圖2所示，在步驟S21中，客戶端接收用戶發(fā)送的頁面展示指令；接收到該指令后，客戶端一方面向服務(wù)端發(fā)送頁面詳情數(shù)據(jù)獲取請求，即步驟S22，另一方面根據(jù)默認布局模板和目標頁面的URL執(zhí)行首次渲染操作，得到基本信息展示頁面，即步驟S23；待服務(wù)端返回頁面詳情數(shù)據(jù)時，客戶端接收該頁面詳情數(shù)據(jù)，如步驟S24；進而在步驟S25中，客戶端解析上述頁面詳情數(shù)據(jù)，以確定目標頁面的組件數(shù)據(jù)和原始布局模板，并根據(jù)該組件數(shù)據(jù)和原始布局模板執(zhí)行二次渲染操作，得到目標頁面的詳情信息展示頁面，上述二次渲染操作的具體步驟如上文步驟S12至S15所述，此處不再贅述。

可見，上述實施例中，客戶端分兩次執(zhí)行渲染操作，其中首次渲染操作不依賴服務(wù)端返回的數(shù)據(jù)，可以在短時間內(nèi)執(zhí)行完畢，得到用于展示基本信息的頁面，避免在得到詳情信息展示頁面之前頁面顯示窗口出現(xiàn)較長時間的空白，提高用戶體驗好感度。

在本申請另一個可行的實施例中，上述步驟S11中所述的確定目標頁面的原始布局模板，可以包括如下步驟：

判斷對所述頁面詳情數(shù)據(jù)的解析結(jié)果中是否存在預(yù)設(shè)布局模板，如果存在所述預(yù)設(shè)布局模板，則確定所述預(yù)設(shè)布局模板為原始布局模板，否則確定所述默認布局模板為所述原始布局模板。

其中，頁面詳情數(shù)據(jù)中，可以采用基于JavaScript語言的數(shù)據(jù)對象描述規(guī)則json(即JavaScript Object Notation)來記錄預(yù)設(shè)布局模板的相關(guān)數(shù)據(jù)，也即預(yù)設(shè)布局模板相關(guān)的各個數(shù)據(jù)對象均以“名稱:值”的形式進行記錄，多個數(shù)據(jù)對象構(gòu)成json串；相應(yīng)的，如圖3所示，可以通過以下步驟確定目標頁面的原始布局模板：

S111、判斷所述頁面詳情數(shù)據(jù)中是否存在json串，如果存在，則執(zhí)行步驟S112，否則執(zhí)行步驟S115；

S112、解析所述頁面詳情數(shù)據(jù)中的json串；

S113、判斷所述json串是否可以成功解析，得到布局模板，如果可以成功解析，則執(zhí)行步驟S114，否則執(zhí)行步驟S115；

S114、將解析json串得到的布局模板標記為目標頁面的原始布局模板；

S115、將客戶端存儲的默認布局模板標記為目標頁面的原始布局模板。

由以上步驟可知，如果頁面詳情數(shù)據(jù)中存在json串且可以成功解析得到布局模板，則解析得到的布局模板即為預(yù)設(shè)布局模板，即頁面詳情數(shù)據(jù)中存在預(yù)設(shè)布局模板，故將該預(yù)設(shè)布局模板標記為目標頁面的原始布局模板；如果不存在json串，或者無法成功解析json串，則判定頁面詳情數(shù)據(jù)中不存在預(yù)設(shè)布局模板，故將默認布局模板標記為目標頁面的原始布局模板。

在本申請又一個可行的實施例中，上述步驟S13所述的根據(jù)所述組件實現(xiàn)類和組件數(shù)據(jù)生成對應(yīng)的組件描述項，包括如下步驟：

根據(jù)實現(xiàn)類名與函數(shù)之間的預(yù)設(shè)第二映射查找所述組件實現(xiàn)類對應(yīng)的組件翻譯函數(shù)；

調(diào)用所述組件翻譯函數(shù)對所述組件數(shù)據(jù)進行處理，得到對應(yīng)的組件描述項。

由以上步驟可知，本申請實施例中客戶端預(yù)先設(shè)置有兩個映射表，其中一個記錄有組件鍵值和組件實現(xiàn)類的類名之間的映射關(guān)系，即上述第一映射，另一個記錄有組件實現(xiàn)類的類名與組件翻譯函數(shù)之間的映射關(guān)系，即上述第二映射?？蛻舳酸槍υ疾季帜０逯械母鱾€組件鍵值，分別執(zhí)行如下操作得到對應(yīng)的組件描述項：基于上述第一映射查找組件鍵值對應(yīng)的組件實現(xiàn)類，進而基于第二映射查找組件實現(xiàn)類中包含的組件翻譯函數(shù)，初始化該組件翻譯函數(shù)，讀取組件數(shù)據(jù)中的相應(yīng)字段作為輸入數(shù)據(jù)并運行上述組件翻譯函數(shù)，得到對應(yīng)的組件描述項。

上述基于映射表的查找方式，有利于實現(xiàn)組件的復(fù)用及擴展，即當根據(jù)產(chǎn)品展示需求，需要增加新的組件時，只需在兩個映射表中添加相應(yīng)的映射關(guān)系，即可根據(jù)新增組件的鍵值查找到對應(yīng)的組件翻譯函數(shù)，進而得到對應(yīng)的組件描述項。

圖4為本申請實施例提供的一種客戶端頁面渲染裝置的結(jié)構(gòu)框圖。參照圖4，該裝置包括：數(shù)據(jù)解析單元110、組件類查找單元120、組件翻譯單元130、目標模板生成單元140和詳情信息渲染單元150。

該數(shù)據(jù)解析單元110被配置為，接收并解析服務(wù)端發(fā)送的頁面詳情數(shù)據(jù)，確定目標頁面的組件數(shù)據(jù)和原始布局模板。

該組件類查找單元120被配置為，根據(jù)鍵值與實現(xiàn)類名之間的預(yù)設(shè)第一映射查找所述原始布局模板中記錄的各個組件鍵值查找對應(yīng)的組件實現(xiàn)類。

該組件翻譯單元130被配置為，根據(jù)所述組件實現(xiàn)類和組件數(shù)據(jù)生成對應(yīng)的組件描述項。

該目標模板生成單元140被配置為，匯總各個組件描述項生成目標布局模板。

該詳情信息渲染單元150被配置為，根據(jù)所述目標布局模板執(zhí)行渲染操作，得到目標頁面的詳情信息展示頁面。

由以上技術(shù)方案可知，本申請實施例中原始布局模板僅記錄各個組件的鍵值及其位置信息，在執(zhí)行頁面渲染時由組件類查找單元根據(jù)鍵值查找對應(yīng)的實現(xiàn)類，使得同一組件對應(yīng)的實現(xiàn)類可以復(fù)用于不同的布局模板，因此當出現(xiàn)新增產(chǎn)品時，或者針對該新增產(chǎn)品設(shè)計對應(yīng)的預(yù)設(shè)布局模板，并將其添加在頁面詳情數(shù)據(jù)中返回至客戶端，而設(shè)計新增產(chǎn)品對應(yīng)的預(yù)設(shè)布局模板時只需考慮所需的組件鍵值和其在頁面中的位置，不需要考慮如何實現(xiàn)該組件，從而可以降低適用于新增產(chǎn)品的原始布局模板的設(shè)計難度；或者針對該新增產(chǎn)品設(shè)計特定的新增組件，并將其組件鍵值和組件實現(xiàn)類之間的映射關(guān)系添加至客戶端中，從而在不修改查詢代碼的前提下就可以查找調(diào)用新增組件的實現(xiàn)類?？梢?，本申請實施例可以降低布局模板的設(shè)計難度，組件和布局模板具有復(fù)用性和可擴展性，在需要展示新增產(chǎn)品時，不需要開發(fā)并發(fā)布新版客戶端，進而可以提高客戶端的利用率，降低開發(fā)成本。

參照圖5，在本申請其他實施例中，客戶端頁面渲染裝置還包括：基本信息渲染單元160。

該基本信息渲染單元160被配置為，在數(shù)據(jù)解析單元110接收到所述頁面詳情數(shù)據(jù)前，根據(jù)目標頁面的統(tǒng)一資源定位符URL獲取頁面基本數(shù)據(jù)，并根據(jù)客戶端存儲的默認布局模板和頁面基本數(shù)據(jù)執(zhí)行渲染操作，得到目標頁面的基本信息展示頁面。

可見，本申請實施例提供的客戶端頁面渲染裝置，在根據(jù)服務(wù)端返回的頁面詳情數(shù)據(jù)渲染得到詳情信息展示頁面前，先根據(jù)目標頁面的URL及默認布局模板執(zhí)行渲染操作，得到基本信息展示頁面，避免在得到詳情信息展示頁面之前頁面顯示窗口出現(xiàn)較長時間的空白，提高用戶體驗好感度。

另外，對照上述數(shù)據(jù)層、組件化模板翻譯層和UI層三個邏輯層，上述數(shù)據(jù)解析單元屬于數(shù)據(jù)層，組件類查找單元、組件翻譯單元和目標目標生成單元屬于組件化模板翻譯層，詳情信息渲染單元及基本信息渲染單元均屬于UI層。

在本申請一個可行的實施例中，上述數(shù)據(jù)解析單元110至少包括：布局模板確定模塊；該布局模板確定模塊被配置為，判斷對所述頁面詳情數(shù)據(jù)的解析結(jié)果中是否存在預(yù)設(shè)布局模板，如果存在所述預(yù)設(shè)布局模板，則確定所述預(yù)設(shè)布局模板為原始布局模板，否則確定所述默認布局模板為所述原始布局模板。

基于上述布局模板確定模塊，當需要展示新增產(chǎn)品或服務(wù)時，可以在對應(yīng)的頁面詳情數(shù)據(jù)中設(shè)置適用于該新增產(chǎn)品或服務(wù)的預(yù)設(shè)布局模板，從而布局模板確定模塊將給預(yù)設(shè)布局模板作為目標頁面的原始布局模板，執(zhí)行組件數(shù)據(jù)處理及渲染操作，得到展示效果最佳的詳情信息展示頁面；而對于原有產(chǎn)品或服務(wù)，頁面詳情數(shù)據(jù)中可以不設(shè)置布局模板相關(guān)的數(shù)據(jù)，從而布局模板確定模塊將客戶端預(yù)存的默認布局模板作為原始布局模板，由于該默認布局模板是根據(jù)原有產(chǎn)品及服務(wù)設(shè)計的，故對于原有產(chǎn)品或服務(wù)，采用默認布局模板也可以得到展示效果很好的詳細信息展示頁面。

在本申請另一個可行的實施例中，上述組件翻譯單元130包括：翻譯函數(shù)查找模塊和組件數(shù)據(jù)處理模塊。

其中，該翻譯函數(shù)查找模塊被配置為，根據(jù)實現(xiàn)類名與函數(shù)之間的預(yù)設(shè)第二映射查找所述組件實現(xiàn)類對應(yīng)的組件翻譯函數(shù)。

該組件數(shù)據(jù)處理模塊被配置為，調(diào)用所述組件翻譯函數(shù)對所述組件數(shù)據(jù)進行處理，得到對應(yīng)的組件描述項。

上述基于映射表的組件實現(xiàn)類及組件翻譯函數(shù)查找方式，有利于實現(xiàn)組件的復(fù)用及擴展，即當根據(jù)產(chǎn)品展示需求，需要增加新的組件時，只需在兩個映射表中添加相應(yīng)的映射關(guān)系，即可根據(jù)新增組件的鍵值查找到對應(yīng)的組件翻譯函數(shù)，進而得到對應(yīng)的組件描述項。

關(guān)于上述實施例中的裝置，其中各個模塊執(zhí)行操作的具體方式已經(jīng)在有關(guān)該方法的實施例中進行了詳細描述，此處將不做詳細闡述說明。

另外，本申請實施例還提供了一種計算機存儲介質(zhì)，例如可以是ROM、隨機存取存儲器(RAM)、CD-ROM、磁帶、軟盤和光數(shù)據(jù)存儲設(shè)備等；該計算機存儲介質(zhì)中存儲有程序，當所述存儲介質(zhì)中的程序由終端設(shè)備的處理器執(zhí)行時，使得終端設(shè)備能夠執(zhí)行上述方法實施例中記載的客戶端頁面渲染方法的部分或全部步驟。

本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后，將容易想到本發(fā)明的其它實施方案。本申請旨在涵蓋本發(fā)明的任何變型、用途或者適應(yīng)性變化，這些變型、用途 或者適應(yīng)性變化遵循本發(fā)明的一般性原理并包括本申請未公開的本技術(shù)領(lǐng)域中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本發(fā)明的真正范圍和精神由下面的權(quán)利要求指出。

應(yīng)當理解的是，本發(fā)明并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu)，并且可以在不脫離其范圍進行各種修改和改變。本發(fā)明的范圍僅由所附的權(quán)利要求來限制。