富客户端页面显示方法、装置、设备及存储介质制造方法及图纸

本申请涉及互联网技术领域，并公开了一种富客户端页面显示方法、装置、设备及存储介质，首先通过页面路由从预设的数据库中获取目标页面需要显示的数据；将获取的数据进行对象封装得到对象数据后同步至用户界面层，在用户界面层将对象数据进行解析得到首屏数据后；将首屏数据与数据封装模型进行关联绑定，得到数据渲染模板；基于数据渲染模板在预设浏览器中，得到所述首屏数据的HTML文本；若渲染之后的首屏数据能够在预设显示区域内显示时，则在预设显示区域内显示渲染之后的首屏内容，在目标页面的其它显示区域内显示渲染之后的非首屏内容。能够保证富客户端对页面的清晰显示，且不易出现页面的首屏内容和非首屏内容显示混肴的问题。的问题。的问题。

【技术实现步骤摘要】
富客户端页面显示方法、装置、设备及存储介质


[0001]本申请涉及互联网
，尤其涉及一种富客户端页面显示方法、装置、设备及存储介质。

技术介绍

[0002]随着互联网的发展，用户对浏览器端的使用要求也越来越高，伴随着产生了富客户端网页访问技术。其中，富客户端网页访问技术是模拟PC端桌面应用的交互方式，实现静态网页点击体验的技术。
[0003]现有的富客户端网页访问技术主要有通过iframe嵌套模拟，通过ajax加载 html，或者json通过script等来配合完成。整个实现过程较为繁琐，且容易出现网页内容之间混乱的问题。

技术实现思路

[0004]本申请提供了一种富客户端页面显示方法、装置、设备及存储介质，能够保证富客户端对页面的清晰显示，且不易出现页面的首屏内容和非首屏内容显示混肴的问题。
[0005]第一方面，本申请提供了一种富客户端页面显示方法，所述方法包括：
[0006]若检测到页面访问请求，则启动页面路由，通过所述页面路由从预设的数据库中获取目标页面需要显示的数据；
[0007]将获取的所述数据进行对象封装得到对象数据后同步至用户界面层，在所述用户界面层将所述对象数据进行解析得到首屏数据；
[0008]将所述首屏数据与数据封装模型进行关联绑定，得到数据渲染模板；
[0009]基于所述数据渲染模板在预设浏览器中，得到所述首屏数据的HTML文本，所述首屏数据的HTML文本为渲染之后的所述首屏数据；
[0010]若渲染之后的所述首屏数据能够在所述预设显示区域内显示时，则在所述预设显示区域内显示渲染之后的所述首屏内容，在所述目标页面的其它显示区域内显示渲染之后的非首屏内容。
[0011]第二方面，本申请还提供了一种富客户端页面显示装置，包括：
[0012]获取模块，用于若检测到页面访问请求，则启动页面路由，通过所述页面路由从预设的数据库中获取目标页面需要显示的数据；
[0013]解析模块，用于将获取的所述数据进行对象封装得到对象数据后同步至用户界面层，在所述用户界面层将所述对象数据进行解析得到首屏数据；
[0014]第一得到模块，用于将所述首屏数据与数据封装模型进行关联绑定，得到数据渲染模板；
[0015]第二得到模块，用于基于所述数据渲染模板在预设浏览器中，得到所述首屏数据的HTML文本，所述首屏数据的HTML文本为渲染之后的所述首屏数据；
[0016]显示模块，用于若渲染之后的所述首屏数据能够在所述预设显示区域内显示时，
则在所述预设显示区域内显示渲染之后的所述首屏内容，在所述目标页面的其它显示区域内显示渲染之后的非首屏内容。
[0017]第三方面，本申请还提供了一种富客户端页面显示设备，包括：
[0018]存储器和处理器；
[0019]所述存储器用于存储计算机程序；
[0020]所述处理器，用于执行所述计算机程序并在执行所述计算机程序时实现如上第一方面所述的富客户端页面显示方法的步骤。
[0021]第四方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如上第一方面所述的富客户端页面显示方法的步骤。
[0022]本申请公开了一种富客户端页面显示方法、装置、设备及存储介质，首先通过页面路由从预设的数据库中获取目标页面需要显示的数据；将获取的数据进行对象封装得到对象数据后同步至用户界面层，在用户界面层将对象数据进行解析得到首屏数据后；将首屏数据与数据封装模型进行关联绑定，得到数据渲染模板；基于数据渲染模板在预设浏览器中，得到所述首屏数据的HTML文本；若渲染之后的首屏数据能够在预设显示区域内显示时，则在预设显示区域内显示渲染之后的首屏内容，在目标页面的其它显示区域内显示渲染之后的非首屏内容。能够保证富客户端对页面的清晰显示，且不易出现页面的首屏内容和非首屏内容显示混肴的问题。
附图说明
[0023]为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0024]图1是本申请一实施例提供的富客户端页面显示方法的实现流程图；
[0025]图2是本申请另一实施例提供的富客户端页面显示方法的实现流程图；
[0026]图3是本申请实施例提供的富客户端页面显示装置的结构示意图；
[0027]图4是本申请实施例提供的富客户端页面显示设备的结构示意性框图。
具体实施方式
[0028]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0029]附图中所示的流程图仅是示例说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解、组合或部分合并，因此实际执行的顺序有可能根据实际情况改变。
[0030]应当理解，在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
[0031]还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
[0032]本申请的实施例提供了一种富客户端页面显示方法、装置、设备及存储介质。本申请实施例提供的富客户端页面显示方法，页面路由从预设的数据库中获取目标页面需要显示的数据；将获取的数据进行对象封装得到对象数据后同步至用户界面层，在用户界面层将对象数据进行解析得到首屏数据后；将首屏数据与数据封装模型进行关联绑定，得到数据渲染模板；基于数据渲染模板在预设浏览器中，得到所述首屏数据的HTML文本；若渲染之后的首屏数据能够在预设显示区域内显示时，则在预设显示区域内显示渲染之后的首屏内容，在目标页面的其它显示区域内显示渲染之后的非首屏内容。能够保证富客户端对页面的清晰显示，且不易出现页面的首屏内容和非首屏内容显示混肴的问题。
[0033]下面结合附图，对本申请的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。
[0034]请参阅图1，图1是本申请一实施例提供的富客户端页面显示方法的示意流程图。该富客户端页面显示方法可以由服务器或者终端实现，所述服务器可以是单个服务器或者服务器集群。所述终端可以是手持终端、笔记本电脑、可穿戴设备或者机器人等。
[0035]如图1所示，图1本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种富客户端页面显示方法，其特征在于，所述方法包括：若检测到页面访问请求，则启动页面路由，通过所述页面路由从预设的数据库中获取目标页面需要显示的数据；将获取的所述数据进行对象封装得到对象数据后同步至用户界面层，在所述用户界面层将所述对象数据进行解析得到首屏数据；将所述首屏数据与数据封装模型进行关联绑定，得到数据渲染模板；基于所述数据渲染模板在预设浏览器中，得到所述首屏数据的HTML文本，所述首屏数据的HTML文本为渲染之后的所述首屏数据；若渲染之后的所述首屏数据能够在所述预设显示区域内显示时，则在所述预设显示区域内显示渲染之后的所述首屏内容，在所述目标页面的其它显示区域内显示渲染之后的非首屏内容。2.根据权利要求1所述的富客户端页面显示方法，其特征在于，所述若检测到页面访问请求，则加载目标页面，包括：若检测到用户基于预设浏览器发送的富客户端页面访问请求，则启动预设的富客户端对应的所述页面路由；通过所述页面路由的C层控制器从预设的所述数据库中获取所述目标页面需要显示的数据。3.根据权利要求2所述的富客户端页面显示方法，其特征在于，所述用户界面层为所述页面路由的V层控制器；所述将获取的所述数据进行对象封装得到对象数据后同步至用户界面层，包括：将获取的所述数据通过所述页面路由的数据封装模型进行对象封装，得到所述对象数据；将所述对象数据同步至所述页面路由的V层控制器中。4.根据权利要求1至3任一项所述的富客户端页面显示方法，其特征在于，所述基于所述数据渲染模板在预设浏览器中，得到所述首屏数据的HTML文本，包括：将所述数据渲染模板以文本流的方式发送至所述预设浏览器，在所述预设浏览器中对所述文本流进行解析，得到所述文本流中的DOM元素的HTML文本；其中，所述文本流中的DOM元素的HTML文本为对所述首屏数据进行渲染之后得到的HTML文本。5.根据权利要求4所述的富客户端页面显示方法，其特征在于，所述在所述预设浏览器中对所述文本流进行解析，得到所述文本流中的DOM元素的HTML文本，包括：在所述预设浏览器中对所述文本流进行解析，得到所述文本流中的DOM元素；通过所述预设浏览器中的渲染组件对所述DOM元素进行url控制，基于url将所述DOM元素传递至预先构建的应用渲染器；基于所述应用渲染器匹配预设的渲染方法对所述DOM元素进行...

【专利技术属性】
技术研发人员：钟科，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：