>[0079]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0080]圖1是本公開各個(gè)實(shí)施例所涉及的一種實(shí)施環(huán)境的示意圖。該實(shí)施環(huán)境可以包括:后臺(tái)管理終端120、服務(wù)器140和用戶終端160。
[0081]后臺(tái)管理終端120和用戶終端160可以是諸如手機(jī)、平板電腦、便攜式計(jì)算機(jī)和臺(tái)式計(jì)算機(jī)之類的終端設(shè)備。
[0082]用戶終端160中運(yùn)行有客戶端,客戶端的用戶界面由原生界面和內(nèi)嵌Web網(wǎng)頁混合實(shí)現(xiàn)。簡(jiǎn)單來講,在混合實(shí)現(xiàn)用戶界面的客戶端中,用戶界面的一部分是基于客戶端的原生界面,用戶界面的另一部分是用戶終端從后臺(tái)服務(wù)器端獲取到的內(nèi)嵌的Web網(wǎng)頁,內(nèi)嵌的Web網(wǎng)頁在不同時(shí)間階段可以是不同的。比如,假設(shè)原生界面為A,內(nèi)嵌的Web網(wǎng)頁為B,A和B可以組成該客戶端的第一用戶界面,當(dāng)內(nèi)嵌的Web網(wǎng)頁變?yōu)镃時(shí),A和C又組成該客戶端的第二用戶界面。
[0083]后臺(tái)管理終端120中運(yùn)行有后臺(tái)管理系統(tǒng),運(yùn)營人員通過后臺(tái)管理終端登錄后臺(tái)管理系統(tǒng),實(shí)現(xiàn)對(duì)上述客戶端的用戶界面進(jìn)行設(shè)置。
[0084]服務(wù)器140可以是一臺(tái)服務(wù)器,也可以是由若干臺(tái)服務(wù)器組成的服務(wù)器集群,或者是一個(gè)云計(jì)算服務(wù)中心。服務(wù)器140用于為具有設(shè)備管理功能的客戶端提供后臺(tái)服務(wù)。
[0085]后臺(tái)管理終端120和用戶終端160與服務(wù)器140之間可以通過無線W1-Fi(Wireless-Fidelity,無線保真),藍(lán)牙等無線網(wǎng)絡(luò)方式或者有線網(wǎng)絡(luò)相連。
[0086]圖2是根據(jù)一示例性實(shí)施例示出的一種界面顯示方法的流程圖。本實(shí)施例以該界面顯示方法應(yīng)用于圖1所示的用戶終端160中的客戶端中來舉例說明。該方法可以包括以下幾個(gè)步驟:
[0087]在步驟201中,獲取用戶界面對(duì)應(yīng)的URL(Uniform Resource Locator,統(tǒng)一資源定位符)地址,用戶界面包括原生界面和Web網(wǎng)頁;
[0088]在步驟202中,解析URL地址得到網(wǎng)頁地址字段和控制參數(shù)字段,控制參數(shù)字段包括與原生界面中至少一個(gè)控件所對(duì)應(yīng)的控制參數(shù);
[0089]在步驟203中,根據(jù)網(wǎng)頁地址字段獲取Web網(wǎng)頁;
[0090]在步驟204中,根據(jù)控制參數(shù)字段生成原生界面;
[0091]在步驟205中,根據(jù)Web網(wǎng)頁和原生界面,顯示用戶界面。
[0092]需要說明的是,步驟203與步驟204是并列的,沒有特定的先后關(guān)系。
[0093]綜上所述,本實(shí)施例提供的方法,通過獲取用戶界面對(duì)應(yīng)的URL地址,解析URL地址得到網(wǎng)頁地址字段和控制參數(shù)字段,根據(jù)網(wǎng)頁地址字段獲取Web網(wǎng)頁,根據(jù)控制參數(shù)字段生成原生界面,根據(jù)Web網(wǎng)頁和原生界面顯示用戶界面;解決了相關(guān)技術(shù)中對(duì)于使用了原生界面和內(nèi)嵌web網(wǎng)頁混合實(shí)現(xiàn)UI的APP,只能修改用戶界面中的web網(wǎng)頁部分,而無法改變APP的原生界面的問題;達(dá)到了根據(jù)URL地址中的網(wǎng)頁地址字段和控制參數(shù)字段,在對(duì)Web網(wǎng)頁實(shí)時(shí)更新的同時(shí),也能對(duì)原生界面進(jìn)行動(dòng)態(tài)修改并顯示的效果。
[0094]圖3是根據(jù)一示例性實(shí)施例示出的一種界面提供方法的流程圖。本實(shí)施例以該界面顯示方法應(yīng)用于圖1所示的服務(wù)器140中來舉例說明。該方法可以包括以下幾個(gè)步驟:
[0095]在步驟301中,向客戶端提供用戶界面對(duì)應(yīng)的URL地址,用戶界面包括原生界面和Web網(wǎng)頁;URL地址包括:網(wǎng)頁地址字段和控制參數(shù)字段,控制參數(shù)字段包括與原生界面中至少一個(gè)控件所對(duì)應(yīng)的控制參數(shù);
[0096]在步驟302中,接收客戶端發(fā)送的網(wǎng)頁獲取請(qǐng)求,網(wǎng)頁獲取請(qǐng)求攜帶有網(wǎng)頁地址字段;
[0097]在步驟303中,向客戶端反饋Web網(wǎng)頁,客戶端用于根據(jù)Web網(wǎng)頁和原生界面顯示用戶界面,原生界面是客戶端根據(jù)控制參數(shù)字段所生成的。
[0098]綜上所述,本實(shí)施例提供的方法,通過向客戶端提供用戶界面對(duì)應(yīng)的URL地址,URL地址包括了網(wǎng)頁地址字段和控制參數(shù)字段,接收客戶端發(fā)送的網(wǎng)頁獲取請(qǐng)求并向客戶端反饋Web網(wǎng)頁,使客戶端根據(jù)Web網(wǎng)頁和原生界面顯示用戶界面;解決了相關(guān)技術(shù)中對(duì)于使用了原生界面和內(nèi)嵌web網(wǎng)頁混合實(shí)現(xiàn)UI的APP,只能修改用戶界面中的web網(wǎng)頁部分,而無法改變APP的原生界面的問題;達(dá)到了根據(jù)URL地址中的網(wǎng)頁地址字段和控制參數(shù)字段,在對(duì)Web網(wǎng)頁實(shí)時(shí)更新的同時(shí),也能對(duì)原生界面進(jìn)行動(dòng)態(tài)修改并顯示的效果。
[0099]本公開實(shí)施例中,運(yùn)營人員通過后臺(tái)管理終端登錄用戶界面的后臺(tái)管理系統(tǒng),用戶界面包括原生界面和Web網(wǎng)頁,運(yùn)營人員可以通過設(shè)置后臺(tái)管理系統(tǒng)中的各種設(shè)置選項(xiàng)的參數(shù),實(shí)現(xiàn)對(duì)用戶界面中的Web網(wǎng)頁和原生界面的自定義顯示。服務(wù)器接收用戶界面的后臺(tái)管理系統(tǒng)中的設(shè)置信息,并存儲(chǔ)在服務(wù)器端的數(shù)據(jù)庫中,當(dāng)該用戶界面需要在客戶端上顯示時(shí),服務(wù)器從數(shù)據(jù)庫中獲取已存儲(chǔ)的與該用戶界面對(duì)應(yīng)的設(shè)置信息,并根據(jù)該設(shè)置信息使客戶端對(duì)此用戶界面進(jìn)行相應(yīng)的顯示。
[0100]可選的,運(yùn)營人員通過權(quán)限認(rèn)證后才能登錄用戶界面的后臺(tái)管理系統(tǒng),一種權(quán)限認(rèn)證的方法是通過驗(yàn)證用戶名和密碼,本公開實(shí)施例對(duì)權(quán)限認(rèn)證方法不作限定。
[0101]在本公開實(shí)施例中,以用戶界面的后臺(tái)管理系統(tǒng)如圖4所示為例進(jìn)行說明,圖4中包括內(nèi)容、作者/發(fā)布人、內(nèi)容標(biāo)題這三個(gè)對(duì)Web網(wǎng)頁內(nèi)容進(jìn)行設(shè)置的選項(xiàng),后臺(tái)管理系統(tǒng)中至少包括一個(gè)對(duì)Web網(wǎng)頁進(jìn)行設(shè)置的必選選項(xiàng),具體哪些選項(xiàng)是必選的,可以由用戶預(yù)先設(shè)定,本公開實(shí)施例對(duì)此不作限定。
[0102]以圖4為例,內(nèi)容、作者/發(fā)布人、內(nèi)容標(biāo)題這三個(gè)設(shè)置選項(xiàng)的名稱后都存在“*”,代表這三個(gè)對(duì)Web網(wǎng)頁內(nèi)容的設(shè)置都是必選的。
[0103]圖4中還包括專題編號(hào)、專輯標(biāo)題、評(píng)論量、評(píng)論功能、點(diǎn)贊功能這幾個(gè)對(duì)原生界面進(jìn)行設(shè)置的選項(xiàng),對(duì)原生界面參數(shù)的設(shè)置是可選的。
[0104]可選的,原生界面每一個(gè)設(shè)置參數(shù)都存在一個(gè)默認(rèn)值,默認(rèn)值的設(shè)定可以是系統(tǒng)預(yù)設(shè)的,也可以是用戶預(yù)先設(shè)定的,本公開實(shí)施例對(duì)此不作限定。
[0105]其中,專題編號(hào)用于唯一的標(biāo)識(shí)該用戶界面,但在用戶界面上不作顯示。對(duì)于一個(gè)用戶界面,存在一個(gè)默認(rèn)的專題編號(hào),無特殊情況下,對(duì)該編號(hào)不作修改。
[0106]可選的,對(duì)設(shè)置選項(xiàng)的參數(shù)進(jìn)行設(shè)置的方式可以是輸入具體內(nèi)容,也可以是從預(yù)設(shè)的候選選項(xiàng)中選擇一種。
[0107]運(yùn)營人員可以在后臺(tái)管理系統(tǒng)中選擇某些功能是否顯示,若選擇“是”,代表對(duì)該功能所對(duì)應(yīng)的控件進(jìn)行顯示,若選擇“否”,代表不對(duì)該功能所對(duì)應(yīng)的控件進(jìn)行顯示。
[0108]可選的,當(dāng)一個(gè)控件存在時(shí),會(huì)出現(xiàn)該功能的控件的子設(shè)置選項(xiàng),如圖4中設(shè)置評(píng)論功能進(jìn)行顯示,對(duì)應(yīng)評(píng)論功能會(huì)存在提示信息和評(píng)論字體的子設(shè)置選項(xiàng);而設(shè)置分享功能不進(jìn)行顯示,則分享功能的子設(shè)置選項(xiàng)也不再顯示。
[0109]當(dāng)運(yùn)營人員對(duì)用戶界面完成設(shè)置后,通過點(diǎn)擊保存按鈕,將設(shè)置參數(shù)信息保存在服務(wù)器端數(shù)據(jù)庫中。若運(yùn)營人員點(diǎn)擊關(guān)閉按鈕,則對(duì)設(shè)置參數(shù)信息不作保存。
[0110]本領(lǐng)域技術(shù)人員可以理解的是,圖4示出的形式和內(nèi)容都是示例性的,后臺(tái)管理系統(tǒng)的設(shè)置選項(xiàng)可以包含圖4示出的設(shè)置選項(xiàng)中的任一一個(gè)或任意多個(gè)的組合,或包含圖4中沒有示出的設(shè)置選項(xiàng),每一個(gè)設(shè)置選項(xiàng)的設(shè)置方法和具體參數(shù)也可以不同,本公開實(shí)施例對(duì)后臺(tái)管理系統(tǒng)的具體形式以及后臺(tái)管理系統(tǒng)中包含的設(shè)置選項(xiàng)的個(gè)數(shù)、類型、默認(rèn)值、設(shè)置方式等不作限定。
[0111]圖5是根據(jù)另一示例性實(shí)施例示出的一種界面顯示方法的流程圖。本實(shí)施例以該方法應(yīng)用于圖1所示的實(shí)施環(huán)境中進(jìn)行舉例說明,該方法可以包括以下幾個(gè)步驟:
[0112]在步驟501中,服務(wù)器接收第一設(shè)置信息,第一設(shè)置信息用于設(shè)置用戶界面中的Web網(wǎng)頁;
[0113]當(dāng)服務(wù)器需要向客戶端提供用戶界面的URL地址時(shí),根據(jù)用戶界面的專題編號(hào)從數(shù)據(jù)庫中獲取已存儲(chǔ)的該用戶界面的后臺(tái)管理系統(tǒng)的設(shè)置參數(shù)信息,設(shè)置參數(shù)信息中包括用于設(shè)置用戶界面中的Web網(wǎng)頁的第一設(shè)置信息和用于設(shè)置用戶界面中的原生界面的第二設(shè)置信息。
[0114]服務(wù)器接收第一設(shè)置信息,如圖4所示的后臺(tái)管理系統(tǒng),第一設(shè)置信息401包括內(nèi)容、作者/發(fā)布人、內(nèi)容標(biāo)題,第一設(shè)置信息還可以包括諸如圖片、字體參數(shù)、背景顏色等設(shè)置選項(xiàng),第一設(shè)置信息中至少包括一個(gè)用于設(shè)置Web網(wǎng)頁的設(shè)置參數(shù)信息。
[0115]在步驟502中,服務(wù)器根據(jù)第一設(shè)置信息生成網(wǎng)頁地址字段和Web網(wǎng)頁;
[0116]網(wǎng)頁地址字段可以是具有固定格式的URL地址形式,使客戶端能夠通過網(wǎng)頁地址字段獲取Web網(wǎng)頁。
[〇117] 可選的,服務(wù)器根據(jù)HTML(HyperText Markup Language,超級(jí)文本標(biāo)記語言)語言對(duì)第一設(shè)置信息進(jìn)行編輯,本公開實(shí)施例對(duì)編輯語言不作限定。
[0118]以圖4所示的后臺(tái)管理系統(tǒng)為例進(jìn)行舉例說明,根據(jù)第一設(shè)置信息生成的網(wǎng)頁地址字段為:http://zt.erdmusic.com/s/scene/10069.html。
[0119]可選的,網(wǎng)頁地址字段中包括專題編號(hào)。
[0120]服務(wù)器根據(jù)第一設(shè)置信息生成網(wǎng)頁地址字段和Web網(wǎng)頁的方法是本領(lǐng)域技術(shù)人員能夠理解的,本實(shí)施例對(duì)此不再贅述。
[0121]在步驟503中,服務(wù)器接收第二設(shè)置信息,第二設(shè)置信息用于設(shè)置用戶界面中的原生界面;
[012