面实现系统中，组合模块将至少两个页面片段 组合成一个页面，加载模块控制生成模块生成的浏览器组件加载和显示上述页面，然后叠 加模块将生成模块生成的本地组件叠加于该浏览器组件上方的指定位置，以形成客户端界 面，不但确保了客户端界面的灵活度，而且不会影响客户端的用户体验。
[0074] 第一实施方式是与本实施方式相对应的方法实施方式，本实施方式可与第一实施 方式互相配合实施。第一实施方式中提到的相关技术细节在本实施方式中依然有效，为了 减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第一实施 方式中。
[0075] 本发明第四实施方式涉及一种混合型客户端界面实现系统。
[0076] 第四实施方式在第三实施方式的基础上进行了改进，主要改进之处在于：调整模 块根据本地组件的位置来调整浏览器组件中页面片段的位置和/或大小，方便灵活。具体 地说：
[0077] 该系统还包括调整模块，用于根据本地组件的位置来调整浏览器组件中页面片段 的位置和/或大小。
[0078] 可以理解，在本发明的其他实施方式中，也可以根据浏览器组件中页面片段的位 置和/或大小来调整本地组件的位置，或者可以同时调整本地组件的位置和浏览器组件中 页面片段的位置和/或大小。
[0079] 优选地，上述调整模块进一步包括：
[0080] 判断子模块，用于判断本地组件的位置与页面片段的位置是否重叠或是否符合预 定义的阈值；以及
[0081] 调整子模块，用于若判断子模块确认本地组件的位置与页面片段的位置重叠或不 符合预定义的阈值，则对页面片段的位置和/或大小进行相应调整。
[0082] 可选地，调整参数包括坐标和尺寸等等。可以理解，必要时，在调整其中一个页面 片段的同时，调整与该页面片段相关联的其他页面片段。当然，在本发明的其他实施方式 中，也可以使用其他参数对页面片段和本地组件进行调整。
[0083] 作为可选实施方式，该系统还包括更新模块，用于需要更新客户端界面时，将至少 两个页面片段组合一个新的页面，并由浏览器组件加载和显示。
[0084] 更新客户端界面时，只需要加载和渲染一次新的网页页面即可，在不影响用户体 验的基础上，能够大大灵活客户端的展现能力。
[0085] 此外，可以理解，可以只对其中的部分页面片段进行更新，也可以对所有页面片段 进行更新。必要时，根据已叠加的本地组件调整页面片段的位置，或甚至是重新叠加本地组 件于浏览器组件上。
[0086] 第二实施方式是与本实施方式相对应的方法实施方式，本实施方式可与第二实施 方式互相配合实施。第二实施方式中提到的相关技术细节在本实施方式中依然有效，为了 减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第二实施 方式中。
[0087] 需要说明的是，本发明各设备实施方式中提到的各模块都是逻辑模块，在物理上， 一个逻辑模块可以是一个物理模块，也可以是一个物理模块的一部分，还可以以多个物理 模块的组合实现，这些逻辑模块本身的物理实现方式并不是最重要的，这些逻辑模块所实 现的功能的组合才是解决本发明所提出的技术问题的关键。此外，为了突出本发明的创新 部分，本发明上述各设备实施方式并没有将与解决本发明所提出的技术问题关系不太密切 的模块引入，这并不表明上述设备实施方式并不存在其它的模块。
[0088] 需要说明的是，在本专利的权利要求和说明书中，诸如第一和第二等之类的关系 术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示 这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语"包括"、"包含"或者其 任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者 设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、 方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句"包括一个"限定的 要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0089] 虽然通过参照本发明的某些优选实施方式，已经对本发明进行了图示和描述，但 本领域的普通技术人员应该明白，可以在形式上和细节上对其作各种改变，而不偏离本发 明的精神和范围。
【主权项】
1. 一种混合型客户端界面实现方法，其特征在于，该客户端界面中包括至少两个页面 片段和至少一个本地组件，该方法包括以下步骤： 生成一个浏览器组件和至少一个本地组件； 将至少两个页面片段组合成一个页面，并由该浏览器组件加载和显示，其中至少两个 页面片段分布在至少一个本地组件的两侧； 将本地组件叠加于所述浏览器组件上方的指定位置，以形成所述客户端界面。2. 根据权利要求1所述的混合型客户端界面实现方法，其特征在于，所述将本地组件 叠加于所述浏览器组件上方的指定位置的步骤之后还包括以下步骤： 根据所述本地组件的位置来调整所述浏览器组件中页面片段的位置和/或大小。3. 根据权利要求2所述的混合型客户端界面实现方法，其特征在于，根据所述本地组 件的位置来调整所述浏览器组件中页面片段的位置和/或大小的步骤中包括以下子步骤： 判断所述本地组件的位置与所述页面片段的位置是否重叠或是否符合预定义的阈 值； 若所述本地组件的位置与所述页面片段的位置重叠或不符合预定义的阈值，则对所述 页面片段的位置和/或大小进行相应调整。4. 根据权利要求1所述的混合型客户端界面实现方法，其特征在于，该方法还包括以 下步骤： 需要更新所述客户端界面时，将至少两个页面片段组合成一个新的页面，并由所述浏 览器组件加载和显示。5. 根据权利要求1至4中任一项所述的混合型客户端界面实现方法，其特征在于，所述 页面片段具有不同业务内容。6. -种混合型客户端界面实现系统，其特征在于，该客户端界面中包括至少两个页面 片段和至少一个本地组件，该系统包括： 生成模块，用于生成一个浏览器组件和至少一个本地组件； 组合模块，用于将至少两个页面片段组合成一个页面； 加载模块，用于控制所述生成模块生成的浏览器组件加载和显示所述组合模块组合的 页面，其中至少两个页面片段分布在至少一个本地组件的两侧；以及 叠加模块，用于将所述生成模块生成的本地组件叠加于所述浏览器组件上方的指定位 置，以形成所述客户端界面。7. 根据权利要求6所述的混合型客户端界面实现系统，其特征在于，该系统还包括调 整模块，用于根据所述本地组件的位置来调整所述浏览器组件中页面片段的位置和/或大 小。8. 根据权利要求7所述的混合型客户端界面实现系统，其特征在于，所述调整模块包 括： 判断子模块，用于判断所述本地组件的位置与所述页面片段的位置是否重叠或是否符 合预定义的阈值；以及 调整子模块，用于若所述判断子模块确认所述本地组件的位置与所述页面片段的位置 重叠或不符合预定义的阈值，则对所述页面片段的位置和/或大小进行相应调整。9. 根据权利要求6所述的混合型客户端界面实现系统，其特征在于，该系统还包括更 新模块，用于需要更新所述客户端界面时，将至少两个页面片段组合一个新的页面，并由所 述浏览器组件加载和显示。10.根据权利要求6至9中任一项所述的混合型客户端界面实现系统，其特征在于，所 述页面片段具有不同业务内容。
【专利摘要】本发明涉及数据显示技术，公开了一种混合型客户端界面实现方法及其系统。本发明中，将至少两个页面片段组合成一个页面，并由浏览器组件加载和显示，然后将本地组件叠加于该浏览器组件上方的指定位置，以形成客户端界面，不但确保了客户端界面的灵活度，而且不会影响客户端的用户体验。此外，根据本地组件的位置来调整浏览器组件中页面片段的位置和/或大小，方便灵活。
【IPC分类】G06F3/048, G06F17/30
【公开号】CN105549806
【申请号】CN201410614152
【发明人】鲁嘉武
【申请人】阿里巴巴集团控股有限公司
【公开日】2016年5月4日
【申请日】2014年11月4日
【公告号】WO2016070748A1