界面顯示方法、裝置及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及人機(jī)交互領(lǐng)域，特別涉及一種界面顯示方法、裝置及系統(tǒng)。
【背景技術(shù)】
[0002]用戶界面(User Interface，UI)是應(yīng)用程序(Applicat1n，APP)與用戶之間進(jìn)行人機(jī)交互時(shí)的主要部件。
[0003]以運(yùn)行在手機(jī)上的APP為例，現(xiàn)有技術(shù)廣泛使用了原生界面和內(nèi)嵌web網(wǎng)頁(yè)混合實(shí)現(xiàn)UI的方式。也即，在顯示某一個(gè)用戶界面時(shí)，由APP的原生界面形成該用戶界面的第一部分，由內(nèi)置瀏覽器組件加載web網(wǎng)頁(yè)來(lái)形成該用戶界面的第二部分。由于該用戶界面中的第二部分是由web網(wǎng)頁(yè)來(lái)實(shí)現(xiàn)的，所以通過(guò)在服務(wù)器修改web網(wǎng)頁(yè)，能夠?qū)崿F(xiàn)快速地修改APP的用戶界面。
[0004]在實(shí)現(xiàn)本發(fā)明的過(guò)程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)至少存在以下問(wèn)題:上述方案僅能夠修改用戶界面中由web網(wǎng)頁(yè)所形成的第二部分，無(wú)法改變APP的原生界面。

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

[0005]為了解決現(xiàn)有技術(shù)的問(wèn)題，本發(fā)明實(shí)施例提供了一種界面顯示方法及裝置。所述技術(shù)方案如下:
[0006]根據(jù)本公開(kāi)實(shí)施例的第一方面，提供了一種界面顯示方法，該方法包括:
[0007]獲取用戶界面對(duì)應(yīng)的URL地址，用戶界面包括原生界面和Web網(wǎng)頁(yè)；
[0008]解析URL地址得到網(wǎng)頁(yè)地址字段和控制參數(shù)字段，控制參數(shù)字段包括與原生界面中至少一個(gè)控件所對(duì)應(yīng)的控制參數(shù)；
[0009]根據(jù)網(wǎng)頁(yè)地址字段獲取Web網(wǎng)頁(yè)；
[0010]根據(jù)控制參數(shù)字段生成原生界面；
[0011]根據(jù)Web網(wǎng)頁(yè)和原生界面，顯示用戶界面。
[0012]可選的，解析URL地址得到網(wǎng)頁(yè)地址字段和控制參數(shù)字段，包括:
[0013]識(shí)別URL地址中的特征字符；
[0014]將URL地址中位于特征字符之前的字段，識(shí)別為網(wǎng)頁(yè)地址字段；
[0015]將URL地址中位于特征字符之后的字段，識(shí)別為控制參數(shù)字段。
[0016]可選的，根據(jù)網(wǎng)頁(yè)地址字段獲取Web網(wǎng)頁(yè)，包括:
[0017]根據(jù)網(wǎng)頁(yè)地址字段向服務(wù)器發(fā)送網(wǎng)頁(yè)獲取請(qǐng)求；
[0018]接收服務(wù)器反饋的Web網(wǎng)頁(yè)。
[0019]可選的，根據(jù)控制參數(shù)字段生成原生界面，包括:
[0020]從控制參數(shù)字段獲取原生界面中的各個(gè)控件的控制參數(shù)；
[0021 ]根據(jù)每個(gè)控件的控制參數(shù)，生成原生界面，原生界面包括至少一個(gè)控件；
[0022]其中，控件的控制參數(shù)包括:啟用控件的參數(shù)以及控件的控件類型、控件的顯示大小、控件的字體參數(shù)和控件的顯示內(nèi)容參數(shù)中的至少一種;或者，控件的控制參數(shù)包括:不啟用控件的參數(shù)。
[0023]根據(jù)本公開(kāi)實(shí)施例的第二方面，提供了一種界面提供方法，該方法包括:
[0024]向客戶端提供用戶界面對(duì)應(yīng)的URL地址，用戶界面包括原生界面和Web網(wǎng)頁(yè);URL地址包括:網(wǎng)頁(yè)地址字段和控制參數(shù)字段，控制參數(shù)字段包括與原生界面中至少一個(gè)控件所對(duì)應(yīng)的控制參數(shù)；
[0025]接收客戶端發(fā)送的網(wǎng)頁(yè)獲取請(qǐng)求，網(wǎng)頁(yè)獲取請(qǐng)求攜帶有網(wǎng)頁(yè)地址字段；
[0026]向客戶端反饋Web網(wǎng)頁(yè)，客戶端用于根據(jù)Web網(wǎng)頁(yè)和原生界面顯示用戶界面，原生界面是客戶端根據(jù)控制參數(shù)字段所生成的。
[0027]可選的，該方法還包括:
[0028]接收第一設(shè)置信息，第一設(shè)置信息用于設(shè)置用戶界面中的Web網(wǎng)頁(yè)；
[0029]根據(jù)第一設(shè)置信息生成網(wǎng)頁(yè)地址字段和Web網(wǎng)頁(yè)；
[0030]接收第二設(shè)置信息，第二設(shè)置信息用于設(shè)置用戶界面中的原生界面；
[0031 ]根據(jù)第二設(shè)置信息生成控制參數(shù)字段；
[0032]根據(jù)網(wǎng)頁(yè)地址字段和控制參數(shù)字段，生成與用戶界面對(duì)應(yīng)的URL地址。
[0033]根據(jù)本公開(kāi)實(shí)施例的第三方面，提供了一種界面顯示裝置，該裝置包括:
[0034]第一獲取模塊，用于獲取用戶界面對(duì)應(yīng)的URL地址，用戶界面包括原生界面和Web網(wǎng)頁(yè)；
[0035]解析模塊，用于解析URL地址得到網(wǎng)頁(yè)地址字段和控制參數(shù)字段，控制參數(shù)字段包括與原生界面中至少一個(gè)控件所對(duì)應(yīng)的控制參數(shù)；
[0036]第二獲取模塊，用于根據(jù)網(wǎng)頁(yè)地址字段獲取Web網(wǎng)頁(yè)；
[0037]生成模塊，用于根據(jù)控制參數(shù)字段生成原生界面；
[0038]顯示模塊，用于根據(jù)Web網(wǎng)頁(yè)和原生界面，顯示用戶界面。
[0039]可選的，解析模塊包括:
[0040]第一識(shí)別單元，用于識(shí)別URL地址中的特征字符；
[0041]第二識(shí)別單元，用于將URL地址中位于特征字符之前的字段，識(shí)別為網(wǎng)頁(yè)地址字段；
[0042]第三識(shí)別單元，用于將URL地址中位于特征字符之后的字段，識(shí)別為控制參數(shù)字段。
[0043]可選的，第二獲取模塊包括:
[0044]發(fā)送單元，用于根據(jù)網(wǎng)頁(yè)地址字段向服務(wù)器發(fā)送網(wǎng)頁(yè)獲取請(qǐng)求；
[0045]接收單元，用于接收服務(wù)器反饋的Web網(wǎng)頁(yè)。
[0046]可選的，生成模塊包括:
[0047]獲取單元，用于從控制參數(shù)字段獲取原生界面中的各個(gè)控件的控制參數(shù)；
[0048]生成單元，用于根據(jù)每個(gè)控件的控制參數(shù)，生成原生界面，原生界面包括至少一個(gè)控件；
[0049]其中，控件的控制參數(shù)包括:啟用控件的參數(shù)以及控件的控件類型、控件的顯示大小、控件的字體參數(shù)和控件的顯示內(nèi)容參數(shù)中的至少一種;或者，控件的控制參數(shù)包括:不啟用控件的參數(shù)。
[0050]根據(jù)本公開(kāi)實(shí)施例的第四方面，提供了一種界面提供裝置，該裝置包括:
[0051]提供模塊，用于向客戶端提供用戶界面對(duì)應(yīng)的URL地址，用戶界面包括原生界面和Web網(wǎng)頁(yè);URL地址包括:網(wǎng)頁(yè)地址字段和控制參數(shù)字段，控制參數(shù)字段包括與原生界面中至少一個(gè)控件所對(duì)應(yīng)的控制參數(shù)；
[0052]接收模塊，用于接收客戶端發(fā)送的網(wǎng)頁(yè)獲取請(qǐng)求，網(wǎng)頁(yè)獲取請(qǐng)求攜帶有網(wǎng)頁(yè)地址字段；
[0053]反饋模塊，用于向客戶端反饋Web網(wǎng)頁(yè)，客戶端用于根據(jù)Web網(wǎng)頁(yè)和原生界面顯示用戶界面，原生界面是客戶端根據(jù)控制參數(shù)字段所生成的。
[0054]可選的，該裝置還包括:
[0055]第一接收模塊，用于接收第一設(shè)置信息，第一設(shè)置信息用于設(shè)置用戶界面中的Web網(wǎng)頁(yè)；
[0056]第一生成模塊，用于根據(jù)第一設(shè)置信息生成網(wǎng)頁(yè)地址字段和Web網(wǎng)頁(yè)；
[0057]第二接收模塊，用于接收第二設(shè)置信息，第二設(shè)置信息用于設(shè)置用戶界面中的原生界面；
[0058]第二生成模塊，用于根據(jù)第二設(shè)置信息生成控制參數(shù)字段；
[0059]第三生成模塊，用于根據(jù)網(wǎng)頁(yè)地址字段和控制參數(shù)字段，生成與用戶界面對(duì)應(yīng)的URL地址。
[0060]根據(jù)本公開(kāi)實(shí)施例的第五方面，提供了一種界面顯示系統(tǒng)，該系統(tǒng)包括:客戶端和服務(wù)器:
[0061]客戶端包括如上述的界面顯示裝置；
[0062]服務(wù)器包括如上述的界面提供裝置。
[0063]本發(fā)明實(shí)施例提供的技術(shù)方案帶來(lái)的有益效果是:
[0064]通過(guò)獲取用戶界面對(duì)應(yīng)的URL地址，解析URL地址得到網(wǎng)頁(yè)地址字段和控制參數(shù)字段，根據(jù)網(wǎng)頁(yè)地址字段獲取Web網(wǎng)頁(yè)，根據(jù)控制參數(shù)字段生成原生界面，根據(jù)Web網(wǎng)頁(yè)和原生界面顯示用戶界面;解決了相關(guān)技術(shù)中對(duì)于使用了原生界面和內(nèi)嵌web網(wǎng)頁(yè)混合實(shí)現(xiàn)UI的APP，只能修改用戶界面中的web網(wǎng)頁(yè)部分，而無(wú)法改變APP的原生界面的問(wèn)題;達(dá)到了根據(jù)URL地址中的網(wǎng)頁(yè)地址字段和控制參數(shù)字段，在對(duì)Web網(wǎng)頁(yè)實(shí)時(shí)更新的同時(shí)，也能對(duì)原生界面進(jìn)行動(dòng)態(tài)修改并顯示的效果。
【附圖說(shuō)明】
[0065]為了更清楚地說(shuō)明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0066]圖1是本發(fā)明各個(gè)實(shí)施例所涉及的一種實(shí)施環(huán)境的示意圖；
[0067]圖2是根據(jù)一示例性實(shí)施例示出的一種界面顯示方法的流程圖；
[0068]圖3是根據(jù)另一示例性實(shí)施例示出的一種界面顯示方法的流程圖；
[0069]圖4是本發(fā)明一示例性實(shí)施例涉及的一種后臺(tái)管理系統(tǒng)的界面示意圖；
[0070]圖5是根據(jù)另一示例性實(shí)施例示出的一種界面顯示方法的流程圖；
[0071 ]圖6是本發(fā)明一不例性實(shí)施例涉及的一種用戶界面的不意圖；
[0072]圖7是本發(fā)明另一示例性實(shí)施例涉及的一種后臺(tái)管理系統(tǒng)的界面示意圖；
[0073]圖8是本發(fā)明另一不例性實(shí)施例涉及的一種用戶界面的不意圖；
[0074]圖9是根據(jù)一示例性實(shí)施例示出的一種界面顯示裝置框圖；
[0075]圖10是根據(jù)另一示例性實(shí)施例示出的一種界面顯示裝置框圖；
[0076]圖11是根據(jù)另一示例性實(shí)施例示出的一種界面提供裝置框圖；
[0077]圖12是根據(jù)另一示例性實(shí)施例示出的一種界面提供裝置框圖；
[0078]圖13是根據(jù)另一示例性實(shí)施例示出的一種界面顯示系統(tǒng)的框圖。
【具體實(shí)施方式】