面實現(xiàn)系統(tǒng)中，組合模塊將至少兩個頁面片段 組合成一個頁面，加載模塊控制生成模塊生成的瀏覽器組件加載和顯示上述頁面，然后疊 加模塊將生成模塊生成的本地組件疊加于該瀏覽器組件上方的指定位置，以形成客戶端界 面，不但確保了客戶端界面的靈活度，而且不會影響客戶端的用戶體驗。
[0074] 第一實施方式是與本實施方式相對應的方法實施方式，本實施方式可與第一實施 方式互相配合實施。第一實施方式中提到的相關技術細節(jié)在本實施方式中依然有效，為了 減少重復，這里不再贅述。相應地，本實施方式中提到的相關技術細節(jié)也可應用在第一實施 方式中。
[0075] 本發(fā)明第四實施方式涉及一種混合型客戶端界面實現(xiàn)系統(tǒng)。
[0076] 第四實施方式在第三實施方式的基礎上進行了改進，主要改進之處在于：調(diào)整模 塊根據(jù)本地組件的位置來調(diào)整瀏覽器組件中頁面片段的位置和/或大小，方便靈活。具體 地說：
[0077] 該系統(tǒng)還包括調(diào)整模塊，用于根據(jù)本地組件的位置來調(diào)整瀏覽器組件中頁面片段 的位置和/或大小。
[0078] 可以理解，在本發(fā)明的其他實施方式中，也可以根據(jù)瀏覽器組件中頁面片段的位 置和/或大小來調(diào)整本地組件的位置，或者可以同時調(diào)整本地組件的位置和瀏覽器組件中 頁面片段的位置和/或大小。
[0079] 優(yōu)選地，上述調(diào)整模塊進一步包括：
[0080] 判斷子模塊，用于判斷本地組件的位置與頁面片段的位置是否重疊或是否符合預 定義的閾值；以及
[0081] 調(diào)整子模塊，用于若判斷子模塊確認本地組件的位置與頁面片段的位置重疊或不 符合預定義的閾值，則對頁面片段的位置和/或大小進行相應調(diào)整。
[0082] 可選地，調(diào)整參數(shù)包括坐標和尺寸等等?？梢岳斫?，必要時，在調(diào)整其中一個頁面 片段的同時，調(diào)整與該頁面片段相關聯(lián)的其他頁面片段。當然，在本發(fā)明的其他實施方式 中，也可以使用其他參數(shù)對頁面片段和本地組件進行調(diào)整。
[0083] 作為可選實施方式，該系統(tǒng)還包括更新模塊，用于需要更新客戶端界面時，將至少 兩個頁面片段組合一個新的頁面，并由瀏覽器組件加載和顯示。
[0084] 更新客戶端界面時，只需要加載和渲染一次新的網(wǎng)頁頁面即可，在不影響用戶體 驗的基礎上，能夠大大靈活客戶端的展現(xiàn)能力。
[0085] 此外，可以理解，可以只對其中的部分頁面片段進行更新，也可以對所有頁面片段 進行更新。必要時，根據(jù)已疊加的本地組件調(diào)整頁面片段的位置，或甚至是重新疊加本地組 件于瀏覽器組件上。
[0086] 第二實施方式是與本實施方式相對應的方法實施方式，本實施方式可與第二實施 方式互相配合實施。第二實施方式中提到的相關技術細節(jié)在本實施方式中依然有效，為了 減少重復，這里不再贅述。相應地，本實施方式中提到的相關技術細節(jié)也可應用在第二實施 方式中。
[0087] 需要說明的是，本發(fā)明各設備實施方式中提到的各模塊都是邏輯模塊，在物理上， 一個邏輯模塊可以是一個物理模塊，也可以是一個物理模塊的一部分，還可以以多個物理 模塊的組合實現(xiàn)，這些邏輯模塊本身的物理實現(xiàn)方式并不是最重要的，這些邏輯模塊所實 現(xiàn)的功能的組合才是解決本發(fā)明所提出的技術問題的關鍵。此外，為了突出本發(fā)明的創(chuàng)新 部分，本發(fā)明上述各設備實施方式并沒有將與解決本發(fā)明所提出的技術問題關系不太密切 的模塊引入，這并不表明上述設備實施方式并不存在其它的模塊。
[0088] 需要說明的是，在本專利的權利要求和說明書中，諸如第一和第二等之類的關系 術語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示 這些實體或操作之間存在任何這種實際的關系或者順序。而且，術語"包括"、"包含"或者其 任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者 設備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、 方法、物品或者設備所固有的要素。在沒有更多限制的情況下，由語句"包括一個"限定的 要素，并不排除在包括所述要素的過程、方法、物品或者設備中還存在另外的相同要素。
[0089] 雖然通過參照本發(fā)明的某些優(yōu)選實施方式，已經(jīng)對本發(fā)明進行了圖示和描述，但 本領域的普通技術人員應該明白，可以在形式上和細節(jié)上對其作各種改變，而不偏離本發(fā) 明的精神和范圍。
【主權項】
1. 一種混合型客戶端界面實現(xiàn)方法，其特征在于，該客戶端界面中包括至少兩個頁面 片段和至少一個本地組件，該方法包括以下步驟： 生成一個瀏覽器組件和至少一個本地組件； 將至少兩個頁面片段組合成一個頁面，并由該瀏覽器組件加載和顯示，其中至少兩個 頁面片段分布在至少一個本地組件的兩側(cè)； 將本地組件疊加于所述瀏覽器組件上方的指定位置，以形成所述客戶端界面。2. 根據(jù)權利要求1所述的混合型客戶端界面實現(xiàn)方法，其特征在于，所述將本地組件 疊加于所述瀏覽器組件上方的指定位置的步驟之后還包括以下步驟： 根據(jù)所述本地組件的位置來調(diào)整所述瀏覽器組件中頁面片段的位置和/或大小。3. 根據(jù)權利要求2所述的混合型客戶端界面實現(xiàn)方法，其特征在于，根據(jù)所述本地組 件的位置來調(diào)整所述瀏覽器組件中頁面片段的位置和/或大小的步驟中包括以下子步驟： 判斷所述本地組件的位置與所述頁面片段的位置是否重疊或是否符合預定義的閾 值； 若所述本地組件的位置與所述頁面片段的位置重疊或不符合預定義的閾值，則對所述 頁面片段的位置和/或大小進行相應調(diào)整。4. 根據(jù)權利要求1所述的混合型客戶端界面實現(xiàn)方法，其特征在于，該方法還包括以 下步驟： 需要更新所述客戶端界面時，將至少兩個頁面片段組合成一個新的頁面，并由所述瀏 覽器組件加載和顯示。5. 根據(jù)權利要求1至4中任一項所述的混合型客戶端界面實現(xiàn)方法，其特征在于，所述 頁面片段具有不同業(yè)務內(nèi)容。6. -種混合型客戶端界面實現(xiàn)系統(tǒng)，其特征在于，該客戶端界面中包括至少兩個頁面 片段和至少一個本地組件，該系統(tǒng)包括： 生成模塊，用于生成一個瀏覽器組件和至少一個本地組件； 組合模塊，用于將至少兩個頁面片段組合成一個頁面； 加載模塊，用于控制所述生成模塊生成的瀏覽器組件加載和顯示所述組合模塊組合的 頁面，其中至少兩個頁面片段分布在至少一個本地組件的兩側(cè)；以及 疊加模塊，用于將所述生成模塊生成的本地組件疊加于所述瀏覽器組件上方的指定位 置，以形成所述客戶端界面。7. 根據(jù)權利要求6所述的混合型客戶端界面實現(xiàn)系統(tǒng)，其特征在于，該系統(tǒng)還包括調(diào) 整模塊，用于根據(jù)所述本地組件的位置來調(diào)整所述瀏覽器組件中頁面片段的位置和/或大 小。8. 根據(jù)權利要求7所述的混合型客戶端界面實現(xiàn)系統(tǒng)，其特征在于，所述調(diào)整模塊包 括： 判斷子模塊，用于判斷所述本地組件的位置與所述頁面片段的位置是否重疊或是否符 合預定義的閾值；以及 調(diào)整子模塊，用于若所述判斷子模塊確認所述本地組件的位置與所述頁面片段的位置 重疊或不符合預定義的閾值，則對所述頁面片段的位置和/或大小進行相應調(diào)整。9. 根據(jù)權利要求6所述的混合型客戶端界面實現(xiàn)系統(tǒng)，其特征在于，該系統(tǒng)還包括更 新模塊，用于需要更新所述客戶端界面時，將至少兩個頁面片段組合一個新的頁面，并由所 述瀏覽器組件加載和顯示。10.根據(jù)權利要求6至9中任一項所述的混合型客戶端界面實現(xiàn)系統(tǒng)，其特征在于，所 述頁面片段具有不同業(yè)務內(nèi)容。
【專利摘要】本發(fā)明涉及數(shù)據(jù)顯示技術，公開了一種混合型客戶端界面實現(xiàn)方法及其系統(tǒng)。本發(fā)明中，將至少兩個頁面片段組合成一個頁面，并由瀏覽器組件加載和顯示，然后將本地組件疊加于該瀏覽器組件上方的指定位置，以形成客戶端界面，不但確保了客戶端界面的靈活度，而且不會影響客戶端的用戶體驗。此外，根據(jù)本地組件的位置來調(diào)整瀏覽器組件中頁面片段的位置和/或大小，方便靈活。
【IPC分類】G06F3/048, G06F17/30
【公開號】CN105549806
【申請?zhí)枴緾N201410614152
【發(fā)明人】魯嘉武
【申請人】阿里巴巴集團控股有限公司
【公開日】2016年5月4日
【申請日】2014年11月4日
【公告號】WO2016070748A1