[發(fā)明專利]混合型客戶端界面實現(xiàn)方法及其系統(tǒng)

有效

• 申請?zhí)枺?/td>: 201410614152.0
• 申請日: 2014-11-04
• 公開（公告）號: CN105549806B
• 公開（公告）日: 2019-06-07
• 發(fā)明（設(shè)計）人: 魯嘉武
• 申請（專利權(quán)）人: 阿里巴巴集團(tuán)控股有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/957
• 代理公司: 上海一平知識產(chǎn)權(quán)代理有限公司 31266
• 代理人: 須一平;成春榮

本發(fā)明涉及數(shù)據(jù)顯示技術(shù)，公開了一種混合型客戶端界面實現(xiàn)方法及其系統(tǒng)。本發(fā)明中，將至少兩個頁面片段組合成一個頁面，并由瀏覽器組件加載和顯示，然后將本地組件疊加于該瀏覽器組件上方的指定位置，以形成客戶端界面，不但確保了客戶端界面的靈活度，而且不會影響客戶端的用戶體驗。此外，根據(jù)本地組件的位置來調(diào)整瀏覽器組件中頁面片段的位置和/或大小，方便靈活。

技術(shù)領(lǐng)域

本發(fā)明涉及數(shù)據(jù)顯示技術(shù)，特別涉及混合型客戶端界面實現(xiàn)方法及其系統(tǒng)。

背景技術(shù)

為了更好的適應(yīng)不同的需求，可以在一個客戶端界面中嵌入多個頁面片段來提升客戶端界面的靈活度。

通常，一個webview組件用于承載一個頁面片段。那么如圖1所示，如果要實現(xiàn)不連續(xù)的頁面片段在同一客戶端界面顯示，則必須要使用多個webview組件。然而，本發(fā)明的發(fā)明人發(fā)現(xiàn)，webview組件本身比較消耗資源(加載頁面、獲取數(shù)據(jù)、渲染頁面)，如果過多的使用webview組件必會帶來性能、體驗上的下降，例如消耗內(nèi)存造成卡或是加載時間長等等。

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

本發(fā)明的目的在于提供一種混合型客戶端界面實現(xiàn)方法及其系統(tǒng)，在確?？蛻舳私缑娴撵`活度的同時，不會影響客戶端的用戶體驗。

為解決上述技術(shù)問題，本發(fā)明的實施方式公開了一種混合型客戶端界面實現(xiàn)方法，該客戶端界面中包括至少兩個頁面片段和至少一個本地組件，該方法包括以下步驟：

生成一個瀏覽器組件和至少一個本地組件；

將至少兩個頁面片段組合成一個頁面，并由該瀏覽器組件加載和顯示，其中至少兩個頁面片段分布在至少一個本地組件的兩側(cè)；

將本地組件疊加于瀏覽器組件上方的指定位置，以形成客戶端界面。

本發(fā)明的實施方式還公開了一種混合型客戶端界面實現(xiàn)系統(tǒng)，該客戶端界面中包括至少兩個頁面片段和至少一個本地組件，該系統(tǒng)包括：

生成模塊，用于生成一個瀏覽器組件和至少一個本地組件；

組合模塊，用于將至少兩個頁面片段組合成一個頁面；

加載模塊，用于控制生成模塊生成的瀏覽器組件加載和顯示組合模塊組合的頁面，其中至少兩個頁面片段分布在至少一個本地組件的兩側(cè)；以及

疊加模塊，用于將生成模塊生成的本地組件疊加于瀏覽器組件上方的指定位置，以形成客戶端界面。

本發(fā)明實施方式與現(xiàn)有技術(shù)相比，主要區(qū)別及其效果在于：

在本發(fā)明中，將至少兩個頁面片段組合成一個頁面，并由瀏覽器組件加載和顯示，然后將本地組件疊加于該瀏覽器組件上方的指定位置，以形成客戶端界面，不但確保了客戶端界面的靈活度，而且不會影響客戶端的用戶體驗。

進(jìn)一步地，根據(jù)本地組件的位置來調(diào)整瀏覽器組件中頁面片段的位置和/或大小，方便靈活。

進(jìn)一步地，更新客戶端界面時，只需要加載和渲染一次新的網(wǎng)頁頁面即可，在不影響用戶體驗的基礎(chǔ)上，能夠大大靈活客戶端的展現(xiàn)能力。

進(jìn)一步地，能夠使客戶端界面同時顯示不同業(yè)務(wù)內(nèi)容，以更好地適應(yīng)不同需求。

附圖說明

圖1是現(xiàn)有的客戶端界面的結(jié)構(gòu)示意圖；

圖2是現(xiàn)有的客戶端界面實現(xiàn)方法的流程示意圖；

圖3是本發(fā)明第一實施方式中一種混合型客戶端界面實現(xiàn)方法的流程示意圖；

圖4A-4C分別是本發(fā)明第一實施方式中一種混合型客戶端界面的結(jié)構(gòu)示意圖；

圖5是本發(fā)明第二實施方式中一種混合型客戶端界面的結(jié)構(gòu)示意圖；