本發(fā)明涉及通信技術領域，特別是涉及一種應用頁面顯示方法和裝置。

背景技術：

隨著移動互聯(lián)網的迅速發(fā)展，移動應用層出不窮，功能豐富。而應用的功能實現需要服務器的數據支持。傳統(tǒng)的應用功能的實現根據客戶端與服務器之間的功能定位主要包括胖客戶端模式和瘦客戶端模式兩種方案。

胖客戶端模式是指以客戶端原生界面和服務器數據調用接口組成的模式，該模式通過定義功能豐富的客戶端原生界面，提供良好的交互體驗，但由于原生界面是android系統(tǒng)提供的ui(userinterface，用戶界面)控件構建的用戶交互界面，無法通過服務器進行改變，因此當應用功能進行更新迭代時，用戶需要頻繁升級客戶端，以顯示與應用更新功能相匹配的用戶界面。如一款音樂應用需要將原有的用戶界面中按鈕樣式進行改變，必須對整個客戶端進行升級，導致開發(fā)靈活性很低，影響產品迭代速度。瘦客戶端模式是指服務器端負責處理業(yè)務邏輯和數據存取,然后將處理完的結果以html(超文本標記語言)的形式發(fā)送到客戶端，客戶端負責將結果顯示給用戶，客戶端除了負責一些數據的驗證和組織之外，基本上不處理任何的業(yè)務邏輯，只專注于用戶交互界面顯示。瘦客戶端模式雖然解決了頻繁更新客戶端的問題，但是客戶端與服務器強耦合，服務器的邏輯變化影響客戶端的顯示行為，開發(fā)低效。

因此，當前實現應用功能更新的方案存在需要頻繁升級客戶端以更新客戶端顯示界面，導致應用開發(fā)靈活性很低，產品更新迭代速度較慢的問題。

技術實現要素：

基于此，有必要針對上述問題，提供一種當應用功能更新時不需要頻繁更新客戶端顯示界面，以提高應用開發(fā)靈活性的應用頁面顯示方法和裝置。

一種應用頁面顯示方法包括：

適配層接收客戶端發(fā)送的頁面數據請求，頁面數據請求攜帶頁面標識；

適配層根據頁面標識獲取對應的頁面元素描述，頁面元素描述是指對頁面內容包含的頁面元素的定義；

適配層根據頁面元素描述向服務器發(fā)送對應的數據請求，并獲取服務器返回的頁面數據；

適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

在其中一個實施例中，頁面元素包括圖形、文字、超鏈接網址以及子頁面中的至少一種；適配層根據頁面元素描述向服務器發(fā)送對應的數據請求，并獲取服務器返回的頁面數據包括：

當適配層檢測到頁面元素描述包括對子頁面的定義時，獲取子頁面對應的子頁面標識，并根據子頁面標識獲取對應的子頁面元素描述；

適配層根據子頁面元素描述向服務器發(fā)送對應的數據請求，并獲取從服務端返回的子頁面數據。

在其中一個實施例中，適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示，包括：

適配層將獲取的不同的子頁面數據以列表或組合的形式生成對應的頁面內容；

將頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

在其中一個實施例中，應用頁面顯示方法還包括：

適配層根據應用升級需求，更新頁面標識對應的頁面元素描述；

當適配層接收到客戶端發(fā)送的頁面數據請求時，根據頁面數據請求攜帶的頁面標識獲取更新后的頁面元素描述；

適配層根據更新后的頁面元素描述向服務器發(fā)送數據請求，獲取服務器發(fā)送的頁面數據；

適配層根據服務器發(fā)送的頁面數據生成更新后的頁面內容并發(fā)送至客戶端，以使客戶端以預設的頁面樣式對更新后的頁面內容進行顯示。

在其中一個實施例中，適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示，包括：

適配層根據預先定義的轉換關系將從服務器獲取的頁面數據的數據類型進行轉換；

將轉換后的頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

一種應用頁面顯示裝置，包括：

第一接收模塊，用于適配層接收客戶端發(fā)送的頁面數據請求，頁面數據請求攜帶頁面標識；

第一獲取模塊，用于適配層根據頁面標識獲取對應的頁面元素描述，頁面元素描述是指對頁面內容包含的頁面元素的定義；

第一數據請求模塊，用于適配層根據頁面元素描述向服務器發(fā)送對應的數據請求，并獲取服務器返回的頁面數據；

第一發(fā)送模塊，用于適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

在其中一個實施例中，頁面元素包括圖形、文字、超鏈接網址以及子頁面中的至少一種；第一數據請求模塊還用于當適配層檢測到頁面元素描述包括對子頁面的定義時，獲取子頁面對應的子頁面標識，并根據子頁面標識獲取對應的子頁面元素描述；適配層根據子頁面元素描述向服務器發(fā)送對應的數據請求，并獲取從服務端返回的子頁面數據。

在其中一個實施例中，第一發(fā)送模塊還用于適配層將獲取的不同的子頁面數據以列表或組合的形式生成對應的頁面內容；將頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

在其中一個實施例中，應用頁面顯示裝置還包括：

更新模塊，用于適配層根據應用升級需求，更新頁面標識對應的頁面元素描述；

第二接收模塊，當適配層接收到客戶端發(fā)送的頁面數據請求時，根據頁面數據請求攜帶的頁面標識獲取更新后的頁面元素描述；

第二數據請求模塊，適配層根據更新后的頁面元素描述向服務器發(fā)送數據請求，獲取服務器發(fā)送的頁面數據；

第二發(fā)送模塊，適配層根據服務器發(fā)送的頁面數據生成更新后的頁面內容并發(fā)送至客戶端，以使客戶端以預設的頁面樣式對更新后的頁面內容進行顯示。

在其中一個實施例中，第一發(fā)送模塊還用于適配層根據預先定義的轉換關系將從服務器獲取的頁面數據的數據類型進行轉換；將轉換后的頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

上述應用頁面顯示方法和裝置，在客戶端與服務器之間抽象出適配層，當用戶打開應用時，根據用戶的不同操作，客戶端向適配層發(fā)送不同的頁面數據請求，攜帶頁面標識，適配層根據頁面標識獲取對應的頁面元素描述，并向服務器發(fā)送對應的頁面數據請求獲取頁面數據，根據頁面數據和頁面元素描述生成頁面標識對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對所述頁面內容進行顯示，實現用戶與應用界面之間的交互。在客戶端與服務器之間抽象出適配層，由客戶端、適配層與服務器共同實現應用功能，應用頁面顯示的具體內容均由適配層定義，服務器根據適配層的需求提供數據，客戶端只負責將適配層返回的頁面內容以預先設置的頁面樣式進行顯示，當應用需要升級或者改變部分界面內容時，只需要在適配層改變相應頁面元素描述即可，不需要頻繁升級客戶端，提高了開發(fā)的靈活性以及產品的更新速度。

附圖說明

圖1為一個實施例中應用頁面顯示方法流程圖；

圖2為另一個實施例中應用頁面顯示方法流程圖；

圖3為一個實施例中應用頁面顯示方法的原理圖；

圖4為一個實施例中應用頁面顯示方法的詳細流程圖；

圖5為一個實施例中的應用界面圖；

圖6為一個實施例中的應用界面圖；

圖7為一個實施例中的應用界面圖；

圖8為一個實施例中應用頁面顯示裝置的結構框圖；

圖9為另一個實施例中應用頁面顯示裝置的結構框圖。

具體實施方式

為了使本發(fā)明的目的、技術方案及優(yōu)點更加清楚明白，以下結合附圖及實施例，對本發(fā)明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。

如圖1所示，在一個實施例中，提供一種應用頁面顯示方法，包括以下步驟：

步驟110，適配層接收客戶端發(fā)送的頁面數據請求，頁面數據請求攜帶頁面標識。

本實施例中，適配層也即adapter層，是連接后端數據與前端顯示的適配器接口，是數據和ui(用戶界面)之間的一個重要紐帶。在應用客戶端與服務器之間增加適配層，用于分擔客戶端應用頁面的預渲染工作，預渲染工作是指在將圖像頁面渲染成ui之前的準備工作，如對應用頁面的圖形界面的排版、文字內容的填寫、圖片的選取等工作。

本實施例中，當用戶打開應用客戶端或者使用應用時，用戶不同的操作行為對應跳轉顯示不同的應用頁面。顯示應用頁面首先需要獲取頁面數據，當用戶使用應用客戶端時，客戶端根據用戶的操作行為向適配層發(fā)送對應的頁面數據請求，該頁面數據請求攜帶頁面標識。適配層接收客戶端發(fā)送的攜帶頁面標識的頁面數據請求。

步驟120，適配層根據頁面標識獲取對應的頁面元素描述，頁面元素描述是指對頁面內容包含的頁面元素的定義。

本實施例中，預先在客戶端使用頁面標識標記不同的應用頁面。預先在適配層對應用頁面進行頁面元素描述，這里所說的頁面元素描述是指對應用頁面對應的頁面內容包含的元素的定義。在適配層將頁面元素描述與頁面標識相關聯(lián)。

本實施例中，當適配層獲取客戶端發(fā)送的攜帶頁面標識的頁面數據請求時，根據預先存儲的頁面元素描述與頁面標識之間的關聯(lián)關系，獲取對應的頁面元素描述。頁面元素描述是指對頁面內容包含的頁面元素的定義，頁面元素包括對頁面文字、圖片、超鏈接網址、頁面元素對應的操作功能以及子頁面中的至少一種，頁面元素描述主要是對頁面元素對應的具體文字或圖片信息、頁面元素對應的點擊操作以及頁面元素是否包含子頁面等具體信息的定義。

步驟130，適配層根據頁面元素描述向服務器發(fā)送對應的數據請求，并獲取服務器返回的頁面數據。

本實施例中，構成頁面內容的某些元素需要從服務器獲取相應數據，適配層預先在頁面元素描述中定義這類元素對應的服務器網絡地址。當適配層根據客戶端發(fā)送的頁面數據請求獲取對應的頁面元素描述后，根據頁面元素描述中對應的服務器網絡地址，向服務器發(fā)送對應的數據請求，服務器根據對應的網絡地址獲取對應的數據返回至適配層，適配層接收服務器返回的頁面數據也即返回頁面元素的具體信息。

步驟140，適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

本實施例中，適配層根據頁面元素描述以及服務端返回的數據獲取頁面標識對應的頁面中所有元素的詳細信息，并生成對應的頁面內容發(fā)送至客戶端。

預先在客戶端定義頁面樣式，即頁面內容的顯示形式以及排版方式。當適配層將頁面內容的詳細信息發(fā)送至客戶端時，客戶端根據預先定義的樣式對頁面內容進行渲染并進行顯示，得到應用界面，從而實現用戶與應用界面之間的交互。

本實施例中，在客戶端與服務器之間抽象出適配層，由客戶端、適配層與服務器共同實現應用功能，應用頁面顯示的具體內容均由適配層定義，服務器根據適配層的需求提供數據，客戶端只負責將適配層返回的頁面內容以預先設置的頁面樣式進行顯示，當應用需要升級或者改變部分界面內容時，只需要在適配層改變相應頁面元素描述即可，不需要頻繁升級客戶端，提高了開發(fā)的靈活性以及產品的更新速度。

在其他實施例中，客戶端頁面樣式也可以通過預測應用的發(fā)展趨勢，預埋不同頁面樣式，當應用升級或者更新時，可以根據新的需求啟用預埋的頁面樣式，降低客戶端的更新次數，提高升級和開發(fā)效率。

在一個實施例中，頁面元素包括圖形、文字、超鏈接網址以及子頁面中的至少一種；適配層根據頁面元素描述向服務器發(fā)送對應的數據請求，并獲取服務器返回的頁面數據包括：

當適配層檢測到頁面元素描述包括對子頁面的定義時，獲取子頁面對應的子頁面標識，并根據子頁面標識獲取對應的子頁面元素描述；適配層根據子頁面元素描述向服務器發(fā)送對應的數據請求，并獲取從服務端返回的子頁面數據。

本實施例中，應用頁面由不同的元素組成，頁面元素包括圖形、文字、超鏈接網址以及子頁面中的至少一種。應用頁面可以是原子頁面，即頁面內容由圖片、文字或超鏈接網址中的至少一種構成，不包括其他頁面。應用頁面還可以是容器頁面，容器頁面能夠嵌套其他應用頁面。每個頁面對應一個頁面標識，因為容器頁面包括其他多個頁面，因此在容器頁面的頁面元素描述中能夠獲取組成容器頁面的其他頁面對應的頁面標識。

因此，當適配層根據頁面標識獲取到的頁面元素描述中包括對子頁面的定義時，獲取對應的子頁面的頁面標識，根據子頁面的頁面標識獲取對應的子頁面元素描述，根據子頁面元素描述向服務器發(fā)送對應的數據請求，并獲取從服務端返回的子頁面數據。

本實施例中，應用頁面可由多個子頁面嵌套組成，能夠通過定義容器頁面中子頁面的頁面標識改變容器頁面中嵌套的子頁面，從而改變容器頁面的內容，通過頁面之間的嵌套實現頁面顯示內容或者功能的改變或增加，能夠滿足不同的樣式需求。

在一個實施例中，適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示，包括：

適配層將獲取的不同的子頁面數據以列表或組合的形式生成對應的頁面內容；將頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

本實施例中，當檢測到應用頁面的頁面元素描述中包括多個子頁面元素描述時，分別根據子頁面的頁面標識獲取對應的頁面內容，將不同的子頁面以列表或組合的形式發(fā)送至客戶端，如客戶端需要展示一個視頻列表，每一個視頻用一個子頁面顯示，適配層就返回一個視頻子頁面列表；如果客戶端需要展示的是一個有嵌套關系的組合頁面，適配層就返回一個包括多張子頁面的組合頁面，子頁面也可以再次嵌套子頁面，能夠滿足不同的客戶端顯示的頁面樣式的需求。

本實施例中，適配層根據客戶端需求將子頁面以列表或者組合的形式發(fā)送至客戶端，使客戶端能夠根據預設的樣式進行顯示，通過子頁面的嵌套組合能夠滿足客戶端不同樣式的需求，能夠保證當應用需要更新顯示的內容時，不需要更新客戶端，提高了開發(fā)的效率。

如圖2所示，在一個實施例中，提供一種應用頁面顯示方法，包括以下內容：

步驟210，適配層根據應用升級需求，更新頁面標識對應的頁面元素描述。

本實施例中，適配層裝置在服務端，適配層的修改不依賴于客戶端的發(fā)布。當應用的某個頁面需要升級或更新時，通過在適配層更改該頁面對應的頁面元素描述，如增加子頁面元素描述或更改原來頁面元素對應的點擊操作，從而改變頁面對應的功能。

步驟220，當適配層接收到客戶端發(fā)送的頁面數據請求時，根據頁面數據請求攜帶的頁面標識獲取更新后的頁面元素描述。

本實施例中，當適配層完成應用更新后，檢測到客戶端發(fā)送對應的頁面數據請求時，根據頁面數據請求攜帶的頁面標識獲取對應的頁面元素描述，即獲取適配層對該頁面更新后的內容。

步驟230，適配層根據更新后的頁面元素描述向服務器發(fā)送數據請求，獲取服務器發(fā)送的頁面數據。

本實施例中，適配層根據更新后的頁面元素描述向服務器發(fā)送數據請求，服務器根據相應的數據請求發(fā)送對應的頁面數據至適配層，適配層獲取服務器發(fā)送的頁面數據，獲取更新后的頁面內容詳細信息。

步驟240，適配層根據服務器發(fā)送的頁面數據生成更新后的頁面內容并發(fā)送至客戶端，以使客戶端以預設的頁面樣式對更新后的頁面內容進行顯示。

本實施例中，適配層根據當前更新后的頁面元素描述獲取對應的頁面元素信息，生成更新后的頁面內容發(fā)送至客戶端，客戶端以預設頁面樣式對更新后的頁面內容進行渲染并顯示，此時客戶端用戶界面顯示的內容和對應的功能即為更新后的內容和功能，實現了應用界面的更新。

本實施例中，但需要對應用界面進行升級或更新時，只需要在適配層更改相應的頁面元素描述的信息，即可實現在客戶端應用界面顯示更新后的頁面，不需要頻繁升級客戶端，提高了應用開發(fā)的效率。

在一個實施例中，適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示，包括：

適配層根據預先定義的轉換關系將從服務器獲取的頁面數據的數據類型進行轉換；將轉換后的頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

本實施例中，適配層與客戶端預先定義頁面數據類型和接口，對客戶端api(applicationprogramminginterface，應用程序編程接口)做一次封裝，適配層向客戶端返回定義好的內容。比如，適配層與客戶端約定返回內容a，適配層通過服務器api獲取的數據為b，則根據預先定義的邏輯轉換關系將從服務端獲取的頁面數據b轉換成a，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

進一步的，當服務器升級或者邏輯修改，適配層從服務器api獲取的數據變成了c，此時只需要在適配層增加邏輯將c轉換成a就可以滿足客戶端的要求，客戶端不需要做任何改變。

本實施例中，通過在適配層設置不同的邏輯轉換關系將服務器獲取的數據轉換為客戶端能夠適配的數據，即使服務器升級或邏輯發(fā)生變化，客戶端也不需要對應升級或改變，解耦了客戶端與服務端api之間的業(yè)務依賴，減輕了客戶端的開發(fā)壓力。

如圖3所示，在一個實施例中，提供了一種應用頁面顯示的原理圖，具體內容如下：

當用戶啟動客戶端應用時，首先會初始化應用為空白頁面，向適配層發(fā)送首頁頁面數據請求，適配層通過api向服務端請求首頁頁面數據，并返回組成首頁的子頁面列表，客戶端對組成首頁的子頁面進行逐一渲染，顯示首頁內容。當用戶點擊首頁頁面元素時，根據用戶的點擊操作調轉至該頁面元素跳轉至對應頁面，具體過程為當用戶觸發(fā)元素的點擊操作時，向適配層發(fā)送跳轉頁面對應的頁面數據請求，適配層根據頁面數據請求向服務器請求api數據并生成對應的頁面列表返回至客戶端，客戶端對接收到的頁面列表進行渲染，顯示跳轉之后的頁面。按照上述頁面顯示原理，完成客戶端應用頁面的顯示。

在其他實施例中，還可以在適配層和客戶端之間增加負載均衡層，負載均衡通過elb(elasticloadbalancing，彈性負載平衡)和nginx(nginx是一款輕量級的web服務器/反向代理服務器及電子郵件(imap/pop3)代理服務器，并在一個bsd-like協(xié)議下發(fā)行)實現，將客戶端請求均衡的分發(fā)到多臺適配服務器上。

如圖4所示，以android系統(tǒng)客戶端為例，在一個實施例中，提供一種應用頁面顯示方法，包括以下內容：

步驟410，適配層接收客戶端發(fā)送的應用首頁頁面數據請求，首頁頁面數據請求攜帶首頁頁面標識。

本實施例中，適配層也即android系統(tǒng)中的adapter層，用于連接后端數據與前端顯示的適配器接口，將適配層設置在服務器端，用來完成應用界面的預渲染工作，預渲染工作是指在將圖像頁面渲染成ui之前的準備工作，如對應用頁面的圖形界面的排版、文字內容的填寫、圖片的選取等工作。

本實施例中，預先在客戶端定義不同的應用頁面顯示樣式，對建立對應的標簽用于觸發(fā)應用跳轉至不同的頁面，并針對不同的頁面使用不同的頁面標識用于獲取對應的頁面內容。

本實施例中，當用戶打開應用客戶端時，首先對客戶端進行初始化，并根據初始化空白頁面標識獲取對應的首頁頁面數據，即客戶端向適配層發(fā)送首頁頁面數據請求，該請求攜帶首頁頁面對應的頁面標識。

步驟420，適配層根據首頁頁面標識獲取對應的頁面元素描述，首頁頁面元素描述是指對首頁頁面內容包含的頁面元素的定義。

本實施例中，適配層預先對首頁頁面標識對應的頁面內容進行頁面元素的定義。當適配層接收到客戶端發(fā)送的頁面數據請求時，根據對應的頁面標識獲取對應的頁面內容中各個元素的定義。

具體的，適配層預先定義頁面標識，并在對應的頁面標識下對頁面元素添加描述，對客戶端發(fā)送攜帶頁面標識的數據請求時，適配層根據頁面標識找到對應的樣式，用action定義這個頁面被點擊時的行為，如用戶打開客戶端則對應的點擊行為為跳轉至首頁頁面，通過annotationlist對頁面元素進行字段的描述，即首頁頁面具體顯示的內容。

以一個音樂應用為例，預先定義首頁頁面標識為100，適配層預先定義頁面標識為100對應的點擊行為為顯示首頁頁面為帶有搜索、本地音樂、個人信息設置以及在線音樂四個標簽的頁面，首次跳轉至在線音樂界面，并通過annotationlist對在線音樂頁面中包含的元素進行描述。

步驟430，適配層根據首頁頁面描述向服務器發(fā)送對應的頁面數據請求，獲取服務器返回的首頁頁面數據。

本實施例中，預先在適配層中建立首頁頁面標識對應的頁面元素描述，頁面元素描述中的具體信息需要從服務器獲取相應數據，因此適配層根據頁面元素描述向服務器發(fā)送相應的數據請求，并獲取服務器返回的首頁頁面數據。

具體的，如圖5所示，在線音樂中的音樂數據，比如音樂對應的封面圖片數據需要從服務器中獲取，適配層預先在頁面元素描述中定義了“stringvalue”：http://img.snappea.com/img/em-video/b9115ae1543da03a39d76c7edbe0364b_165_80.jpg，用來定義該音樂對應的封面圖片在服務器中對應的網絡地址。適配層根據該頁面元素定義向服務器發(fā)起對應的api數據請求，服務器根據該數據請求獲取上述網址對應的圖片數據信息返回至適配層。

步驟440，適配層對從服務器獲取的首頁頁面數據進行轉換，將轉換后的首頁頁面數據生成首頁頁面內容發(fā)送至客戶端，以使客戶端對首頁頁面內容進行顯示。

本實施例中，適配層與客戶端之間預先定義頁面數據和接口，與服務器api返回的頁面數據不適配，因此適配層首先將獲取的服務器返回的頁面數據轉換成客戶端能夠適配的頁面數據，然后將轉換后的頁面數據結合頁面元素描述生成對應的首頁頁面內容發(fā)送至客戶端，以使客戶端按照預設頁面樣式對首頁頁面內容進行顯示。即使服務端數據邏輯發(fā)生變化或者服務器進行升級，通過適配層的轉換，客戶端不需要做相應改變，解耦了客戶端與服務器之間的業(yè)務依賴。

具體的，適配層根據頁面元素描述向服務端發(fā)送不同的api數據請求以獲取在線音樂頁面中的歌曲的圖片數據信息，將服務器返回的歌曲對應的圖像數據轉換成客戶端能夠顯示的圖像數據，并結合對應的頁面元素描述如在線音樂頁面對應歌曲的名稱、歌手姓名等，組合成完整的在線音樂頁面內容，同時結合頁面元素描述中對應的本地音樂、搜索和個人信息設置對應的標簽組合成如圖5所示的首頁頁面內容發(fā)送至客戶端，客戶端將接收到的頁面內容進行渲染，即將頁面信息轉換成用戶界面以預設頁面樣式進行顯示。即用戶打開應用客戶端顯示的首頁頁面為如圖5所示的頁面，其中包括搜索標簽510、本地音樂標簽520、個人信息設置標簽530以及在線音樂標簽540，以及在線音樂標簽對應的包括多個子頁面541的在線音樂頁面。

步驟450，適配層獲取客戶端發(fā)送的子頁面數據請求，獲取對應的子頁面對應的子頁面標識。

本實施例中，應用頁面包括原子頁面和容器頁面，原子頁面不包括其他頁面，容器頁面嵌套有其他頁面，客戶端首頁頁面為容器頁面包括多個子頁面，當將客戶端頁面由首頁頁面跳轉至其他頁面時，客戶端發(fā)送子頁面數據請求至適配層。適配層預先定義頁面元素時，對應不同的元素定義了不同的觸發(fā)指令，當用戶點擊相應的元素時便會觸發(fā)相應的操作，從而客戶端根據對應的操作向適配層發(fā)出對應的頁面數據請求以實現應用頁面之間的跳轉。

具體的，當用戶點擊如圖5所示的應用頁面時，如點擊在線音樂頁面中的某個子頁面中的歌手姓名，客戶端應用頁面將發(fā)生跳轉，客戶端向適配層發(fā)送對應的子頁面數據請求并攜帶該子頁面對應的頁面標識，適配層獲取對應的子頁面的頁面標識。

步驟460，適配層根據子頁面標識獲取對應的子頁面元素描述，并向服務器發(fā)送相應的頁面數據請求。

本實施例中，適配層預先根據頁面標識對所有攜帶標識的頁面進行了頁面元素描述。因此，適配層能夠根據客戶端發(fā)送的子頁面數據請求獲取對應的子頁面元素描述，并向服務器發(fā)送相應的api數據請求。

具體的，當用戶點擊圖5中熱門歌手541對應的子頁面中的元素歌手a時，應用頁面將跳轉至對應的歌手a相關頁面，適配層根據接收的子頁面數據請求獲取對應的歌手頁面元素描述。適配層預先建立歌手a對應的頁面內容包括概覽、專輯、歌曲三個標簽，每一個標簽對應不同的應用頁面，具體的，如圖6所示，概覽頁面600包括四個子頁面，分別是藝人部分610、歌曲620、專輯630、大家也在搜640，每一個子頁面對應一個頁面標識。藝人部分為一個原子頁面沒有子頁面，其他三個都嵌套了多個子頁面。歌曲頁面以歌曲列表的形式進行顯示，歌曲列表中的每一個歌曲為一個子頁面，每一個子頁面均用頁面標識進行標記。專輯頁面以專輯列表的形式進行顯示，專輯列表中的每一個專輯為一個子頁面，每一個子頁面均用頁面標識進行標記。上述每個子頁面均根據其頁面標識預先進行了頁面元素的定義。

進一步的，適配層預先對概覽頁面中的元素進行描述，通過subcardlist描述歌曲、專輯、大家也在搜、藝人部分的具體元素定義，并進一步通過subcardlist描述歌曲、專輯、大家也在搜包含的子頁面元素的定義。

進一步的，適配層對歌曲標簽對應的歌曲頁面700中的頁面元素進行描述，歌曲頁面700對應的歌曲列表中的每一個歌曲對應一個頁面元素描述，如歌曲x對應的子頁面元素包括六個元素的定義，第一個是名稱x、第二個是圖片711、第三個是視頻時長、第四個是專輯的名字及發(fā)布時間m-2016、第五個是下載按鈕712對應的觸發(fā)行為；subcardlist為null表示沒有子卡片。當適配層接收到客戶端發(fā)送的攜帶頁面標識的歌曲頁面數據請求時，查找該歌曲頁面標識對應的頁面元素描述，即名稱、圖片、視頻時長、專輯名字、下載按鈕的觸發(fā)行為以及是否有子頁面的具體信息定義。

適配層根據上述對歌手對應頁面元素的定義向服務器發(fā)送相應的頁面數據請求，如定義概覽頁面中藝人部分的藝人圖片的網址，通過向服務器發(fā)送對應的數據請求。

步驟470，適配層獲取服務器返回的子頁面數據，并將子頁面數據以列表或組合形式生成對應的頁面內容并發(fā)送至客戶端，以使客戶端跳轉至對應的應用頁面進行顯示。

本實施例中，適配層獲取服務器返回的子頁面數據，根據子頁面數據信息以及對應的子頁面元素的定義，獲取相應子頁面的詳細信息并根據客戶端數據請求將子頁面數據以列表或者組合的形式生成對應的頁面內容。

具體的，若預先定義在應用首頁點擊熱門歌手頁面541中的歌手元素時，對應的跳轉操作是跳轉至歌手頁面對應的概覽頁面600，則在用戶在圖5所示的應用首頁頁面點擊歌手元素時，客戶端顯示歌手概覽頁面600，如圖6所示，概覽頁面600是由多個子頁面組合而成，并且每個子頁面又包括多個子頁面，因此將頁面數據以組合嵌套的形式發(fā)送至客戶端，以滿足客戶端應用概覽頁面對頁面內容的顯示頁面樣式的要求，對概覽頁面600按圖6所示的樣式進行顯示。

若預先定義在應用首頁點擊熱門歌手頁面541中的歌手元素時，對應的跳轉操作是跳轉至歌手頁面對應的歌曲頁面，則在用戶在如圖5所示的應用首頁頁面點擊歌手元素時，客戶端顯示歌手歌曲頁面。如圖7所示，歌曲頁面700由多個具體歌曲頁面列表組成，客戶端在發(fā)送頁面數據請求時，請求歌曲列表數據，因此適配層將獲取的不同的歌曲對應的子頁面如子頁面710、720、730并以列表的形式生成對應的頁面內容并發(fā)送至客戶端，以使客戶端以預設的歌曲頁面列表的樣式對歌曲頁面進行顯示，最終顯示結果如圖7所示。

在其他實施例中，當從客戶端首頁頁面跳轉至歌手頁面時，對歌手頁面中的信息進行更新時，只需要對適配層中對應的頁面元素描述進行修改或更新，當適配層更新完成后，當用戶打開應用客戶端點擊相應的頁面時，在客戶端顯示的頁面即為更新后的應用頁面，不需要更新客戶端。

具體的，比如圖7中更新前每一個歌曲頁面對應的頁面元素描述中下載按鈕712的觸發(fā)行為為對歌曲進行下載，可以通過更改按鈕描述將下載按鈕修改成播放按鈕，即當客戶端再次獲取對應的頁面時，點擊相應按鈕712即對歌曲進行播放，不需要修改客戶端；或者將圖6中的大家也在搜對應的頁面640替換為其他子頁面內容，也只需要改變適配層中頁面元素描述對應的子頁面內容即可獲取不同的頁面進行顯示，不需要改變客戶端，提高了開發(fā)效率。

在其他實施例中，預先根據應用發(fā)展趨勢在客戶端預埋頁面樣式，當需要添加新增功能或對現有功能進行改進時，可以啟用預埋的頁面樣式。具體的，例如概覽頁面預先定義的頁面樣式為包括四個子頁面，按照從上至下的順序排列，之后概覽頁面可能會增加新的功能，因此可以預埋包括更多子頁面的樣式，比如在概覽頁面增加藝人相關視頻模塊，即可啟用預埋的頁面樣式，不需要對客戶端進行更新。實現不同頁面之間的跳轉邏輯，使客戶端根據應用頁面跳轉需求進行跳轉。降低了客戶端更新頻率，有效的提高了開發(fā)效率。

如圖8所示，在一個實施例中，提供一種應用頁面顯示裝置，包括：

第一接收模塊810，用于適配層接收客戶端發(fā)送的頁面數據請求，頁面數據請求攜帶頁面標識；

第一獲取模塊820，用于適配層根據頁面標識獲取對應的頁面元素描述，頁面元素描述是指對頁面內容包含的頁面元素的定義；

第一數據請求模塊830，用于適配層根據頁面元素描述向服務器發(fā)送對應的數據請求，并獲取服務器返回的頁面數據；

第一發(fā)送模塊840，用于適配層根據頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

上述應用頁面顯示裝置，在客戶端與服務器之間抽象出適配層，由客戶端、適配層與服務器共同實現應用功能，應用頁面顯示的具體內容均由適配層定義，服務器根據適配層的需求提供數據，客戶端只負責將適配層返回的頁面內容以預先設置的頁面樣式進行顯示，當應用需要升級或者改變部分界面內容時，只需要在適配層改變相應頁面元素描述即可，不需要頻繁升級客戶端，提高了開發(fā)的靈活性以及產品的更新速度。

在一個實施例中，頁面元素包括圖形、文字、超鏈接網址以及子頁面中的至少一種；第一數據請求模塊830還用于當適配層檢測到頁面元素描述包括對子頁面的定義時，獲取子頁面對應的子頁面標識，并根據子頁面標識獲取對應的子頁面元素描述；適配層根據子頁面元素描述向服務器發(fā)送對應的數據請求，并獲取從服務端返回的子頁面數據。

在一個實施例中，第一發(fā)送模塊840還用于適配層將獲取的不同的子頁面數據以列表或組合的形式生成對應的頁面內容；將頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

如圖9所示，在一個實施例中，應用頁面顯示裝置還包括：

更新模塊910，用于適配層根據應用升級需求，更新頁面標識對應的頁面元素描述；

第二接收模塊920，當適配層接收到客戶端發(fā)送的頁面數據請求時，根據頁面數據請求攜帶的頁面標識獲取更新后的頁面元素描述；

第二數據請求模塊930，適配層根據更新后的頁面元素描述向服務器發(fā)送數據請求，獲取服務器發(fā)送的頁面數據；

第二發(fā)送模塊940，適配層根據服務器發(fā)送的頁面數據生成更新后的頁面內容并發(fā)送至客戶端，以使客戶端以預設的頁面樣式對更新后的頁面內容進行顯示。

在一個實施例中，第一發(fā)送模塊840還用于適配層根據預先定義的轉換關系將從服務器獲取的頁面數據的數據類型進行轉換；將轉換后的頁面數據生成對應的頁面內容發(fā)送至客戶端，以使客戶端根據預設的頁面樣式對頁面內容進行顯示。

以上所述實施例的各技術特征可以進行任意的組合，為使描述簡潔，未對上述實施例中的各個技術特征所有可能的組合都進行描述，然而，只要這些技術特征的組合不存在矛盾，都應當認為是本說明書記載的范圍。

以上所述實施例僅表達了本發(fā)明的幾種實施方式，其描述較為具體和詳細，但并不能因此而理解為對發(fā)明專利范圍的限制。應當指出的是，對于本領域的普通技術人員來說，在不脫離本發(fā)明構思的前提下，還可以做出若干變形和改進，這些都屬于本發(fā)明的保護范圍。因此，本發(fā)明專利的保護范圍應以所附權利要求為準。