CN115905742A - 一种数据展示方法、装置、设备及存储介质 - Google Patents
一种数据展示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN115905742A CN115905742A CN202110992344.5A CN202110992344A CN115905742A CN 115905742 A CN115905742 A CN 115905742A CN 202110992344 A CN202110992344 A CN 202110992344A CN 115905742 A CN115905742 A CN 115905742A
- Authority
- CN
- China
- Prior art keywords
- page
- target page
- data
- target
- rendering
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种数据展示方法、装置、设备及存储介质,所述方法包括当检测到目标页面的跳转触发指令时,基于原生组件获取目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取目标页面的页面数据;基于原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到目标页面对象对应的渲染结果数据;基于原生组件和页面数据,确定目标页面对象对应的展示位置信息;在基于网页组件和页面数据对目标页面进行页面渲染的过程中,基于展示位置信息,在目标页面中展示目标页面对象对应的渲染结果数据。利用本申请提供的技术方案能够基于原生组件实现目标页面对象的预先渲染,提升目标页面对象展示的效率和稳定性,提升数据展示的灵活性。
Description
技术领域
本申请涉及计算机技术领域,具体涉及一种数据展示方法、装置、设备及存储介质。
背景技术
混合模式移动应用通常为一个原生应用(例如独立开发的android应用)内嵌了网页浏览器部分,即内嵌有网页的应用程序,进而能够结合网页(例如H5网页)适配性强、实时更新等特点实现丰富的内容展示。
在实际应用中,在进行应用程序中网页的加载时,往往需要获取网页数据来进行网页的整体渲染加载,对于网络速度和稳定性依赖性强,一旦网速缓慢或不稳定,则页面内容无法正常显示,用户无法及时获得需要的信息,影响用户体验,数据展示效果差。因此,需要提供更加可靠的方案。
发明内容
为了解决现有技术的问题,本申请提供了一种数据展示方法、装置、设备及存储介质。所述技术方案如下:
本申请一方面提供了一种数据展示方法,所述方法包括:
当检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取所述目标页面的页面数据;
基于所述原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到所述目标页面对象对应的渲染结果数据;
基于所述原生组件和所述页面数据,确定所述目标页面对象对应的展示位置信息;
在基于所述网页组件和所述页面数据对所述目标页面进行页面渲染的过程中,基于所述展示位置信息,在所述目标页面中展示所述目标页面对象对应的渲染结果数据。
本申请另一方面提供了一种数据展示装置,所述装置包括:
数据获取模块,用于当检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取所述目标页面的页面数据;
对象渲染模块,用于基于所述原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到所述目标页面对象对应的渲染结果数据;
展示位置确定模块,用于基于所述原生组件和所述页面数据,确定所述目标页面对象对应的展示位置信息;
数据展示模块,用于在基于所述网页组件和所述页面数据对所述目标页面进行页面渲染的过程中,基于所述展示位置信息,在所述目标页面中展示所述目标页面对象对应的渲染结果数据。
本申请另一方面提供了一种设备,所述设备包括处理器和存储器,所述存储器中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现上述的数据展示方法。
本申请另一方面提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由处理器加载并执行以实现上述的数据展示方法。
本申请提供的数据展示方法、装置、设备及存储介质,具有如下技术效果:
本申请中当检测到目标页面的跳转触发指令时,基于原生组件获取目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取目标页面的页面数据;基于原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到目标页面对象对应的渲染结果数据;基于原生组件和页面数据,确定目标页面对象对应的展示位置信息;在基于网页组件和页面数据对目标页面进行页面渲染的过程中,基于展示位置信息,在目标页面中展示目标页面对象对应的渲染结果数据。能够基于原生组件实现目标页面对象的预先渲染,提升目标页面对象展示的效率和稳定性,提升数据展示的灵活性。
本申请的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案和优点,下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它附图。
图1是本申请实施例提供的一种应用环境的示意图;
图2是本申请实施例提供的一种数据展示方法的流程图;
图3是本申请实施例提供的另一种数据展示方法的流程图;
图4是本申请实施例提供的另一种数据展示方法的流程图;
图5是本申请实施例提供的另一种数据展示方法的流程图;
图6是本申请实施例提供的另一种数据展示方法的流程图;
图7是本申请实施例提供的另一种数据展示方法的流程图;
图8是本申请实施例提供的一种目标页面的示意图;
图9是本申请实施例提供的另一种数据展示方法的流程图;
图10是本申请实施例提供的一种数据展示装置的示意图;
图11是本申请实施例提供的一种数据展示的客户端的硬件结构框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来,实现数据的计算、储存、处理和共享的一种托管技术。
云技术(Cloud technology)基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称,可以组成资源池,按需所用,灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源,如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用,将来每个物品都有可能存在自己的识别标志,都需要传输到后台系统进行逻辑处理,不同程度级别的数据将会分开处理,各类行业数据皆需要强大的系统后盾支撑,只能通过云计算来实现。
如本申请所公开的数据展示方法中,服务器可以为云服务器。
需要说明的是,本申请所涉及的各类数据(包括但不限于页面数据、用于展示的数据、获取的对象属性信息等),均为经用户授权或者经过各方充分授权的信息和数据。
请参阅图1,图1是本申请实施例提供的一种应用环境的示意图,如图1所示,该应用环境可以包括客户端01和服务器02。
在本申请实施例中,客户端01可以运行有目标应用(app),该目标应用可以为混合模式移动应用,混合模式移动应用综合了原生应用运行速度快、方便调用客户端底层功能等特点,以及网页应用开发成本低、更新方便快捷等特点实现更加灵活强大的应用功能,即混合模式移动应用中包含原生部分和网页部分。在实际应用中,上述目标应用可以包括但不限于新闻资讯类应用、生活类应用(例如医疗类应用、出行类应用或内容分享类应用)、视频类应用或游戏类应用等。
在本申请实施例中,客户端01可以包括原生组件和网页组件,具体的,原生组件可以用于支撑该目标应用中原生部分的运行,例如调用底层功能(如相机、蓝牙等功能);网页组件可以用于支撑该目标应用中网页部分的运行,例如向服务器02发送请求获取页面数据实现应用中页面的渲染,以及渲染结果的展示等。在本申请实施例中,客户端01能够在检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取所述目标页面的页面数据;然后,客户端01可以基于所述原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到所述目标页面对象对应的渲染结果数据;基于所述原生组件和所述页面数据,确定所述目标页面对象对应的展示位置信息;最后,客户端01可以在基于所述网页组件和所述页面数据对所述目标页面进行页面渲染的过程中,基于所述展示位置信息,在所述目标页面中展示所述目标页面对象对应的渲染结果数据。实现目标页面对象的优先展示,提升目标页面对象展示的效率和稳定性。在一个实施例中,上述的客户端01可以包括但不限于智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表、车载终端、智能电视等,但并不局限于此。
在本申请实施例中,服务器02可以是为客户端01中的目标应用提供后台计算和存储服务的服务器。在本申请实施例中,服务器02可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。
此外,需要说明的是,图1仅仅是本申请实施例提供的一种应用环境的示意图,上述的客户端01和服务器02可以通过有线或无线通信方式进行直接或间接地连接,本申请并不以此为限。
图2是本申请实施例提供的一种数据展示方法的流程图,本说明书提供了如实施例或流程图所述的方法操作步骤,但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式,不代表唯一的执行顺序。在实际中的系统或服务器产品执行时,可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图2所示,所述方法可以包括:
S201:当检测到目标页面的跳转触发指令时,客户端基于原生组件获取该目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取该目标页面的页面数据。
在本申请实施例中,该目标页面可以为目标应用中的网页,例如,目标应用中的活动详情页面、用户中心页面、各版块对应的内容展示页面等;上述目标应用可以包括但不限于新闻资讯类应用、生活类应用(例如医疗类应用、出行类应用或内容分享类应用)、视频类应用或游戏类应用等。具体的,上述的跳转触发指令可以表征即将跳转到该目标页面的触发指令,在一个可选的实施例中,上述的跳转触发指令可以为基于该目标页面的前置页面中的控件触发的。
在本申请实施例中,客户端中包括原生组件和网页组件,其中,原生组件可以表征用于支撑上述目标应用中原生部分的运行的功能组件,例如调用底层功能(如相机、蓝牙等功能);网页组件可以表征用于支撑上述目标应用中网页部分的运行的功能组件,例如向服务器发送请求获取页面数据实现应用中页面的渲染,以及渲染结果的展示等。其中,原生部分的运行速度快,对网速要求低,但开发成本高,通用性不强,需通过软件包实现原生部分的开发和更新;网页部分开发成本低、通用性强,且更新迅速,但其加载对网速要求较高。
具体的,上述的目标页面对象可以表征该目标页面中的关键对象,例如,各页面中的广告对象、地图导航页面中的路况信息、医疗资讯页面中的防疫提示信息等。在实际应用中,该目标页面中的目标页面对象(关键对象)往往需要较高的展示效率和展示稳定性,若基于网页组件利用页面数据进行目标页面的整体渲染来实现目标页面对象的展示,则对于网速和网络稳定性的依赖性较高,当网络情况不佳时,目标页面的整体加载效果差,进而关键信息无法及时展示,延长了等待时间,大大影响关键信息的展示效果,例如提示信息的提示作用受影响,广告投放效果降低等。在本申请实施例中,上述的渲染配置数据可以表征进行上述目标页面对象的渲染所需的配置信息,具体的,上述的渲染配置数据可以包括目标页面对象对应的多个组成元素,以及上述多个组成元素间的关联信息(例如组成元素间的覆盖关系,渲染的先后顺序等)。该目标页面的页面数据可以表征该目标页面的结构信息和样式信息,在一个具体的实施例中,该目标页面的页面数据可以为该目标页面的dom数据,客户端可以基于网页组件向服务器发送该目标页面的加载请求,以获取该目标页面的页面数据。
因此,本案通过客户端基于原生组件获取该目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取该目标页面的页面数据,进而后续能够先基于原生组件对关键对象(目标页面对象)进行渲染,然后在网页组件基于页面数据进行页面渲染的过程中,将目标页面对象对应的渲染结果数据添加至目标页面并展示,提升目标页面对象展示的效率和稳定性,提升数据展示的灵活性。
步骤S201具体可以包括S201-A:当检测到目标页面的跳转触发指令时,客户端基于原生组件获取该目标页面中的目标页面对象对应的渲染配置数据;以及S201-B:当检测到目标页面的跳转触发指令时,客户端基于网页组件获取该目标页面的页面数据。
请参阅图3,在一个具体的实施例中,上述当检测到目标页面的跳转触发指令时,客户端基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据可以包括:
S301:当检测到上述目标页面的跳转触发指令时,客户端基于上述原生组件获取上述目标页面对象的对象属性信息。
在本申请实施例中,上述的对象属性信息可以表征上述目标页面对象的特征信息,具体的,上述的对象属性信息可以包括但不限于该目标页面对象的类型、组成元素(例如图片)的链接、目标页面对象中可交互区域的坐标信息、该目标页面对象被触发后跳转到的页面的地址信息、该目标页面对象的宽度和高度,以及该目标页面对象所处的页面的标识(即目标页面的标识)。在一个可选的实施例中,当上述目标页面对象为广告对象时,上述对象属性信息可以包括但不限于该广告对象的广告类型(例如,轮播图广告、视频广告或单图广告等)、广告位标识(用于区分相同页面中的不同广告区域)、广告标识(用于不同的广告进行区分)、广告名称、广告中图片元素的链接、广告对象中可交互区域的坐标信息、广告的宽度和高度、广告被触发后跳转到的页面的地址信息,以及广告所位于的页面的标识(即目标页面的标识)。
在一个具体的实施例中,上述目标页面的跳转触发指令为基于目标控件的触发生成的,该目标控件位于该目标页面的前置页面中,在一个可选的实施例中,该目标控件可以为上述前置页面中的一个可交互按钮,例如,上述前置页面可以为目标应用的主页,该目标控件可以为该主页中一个“查看详情”的按钮,当该按钮被触发时,生成上述目标页面的跳转触发指令,即将跳转到该目标页面,此时该目标页面可以为目标应用中预设活动或预设版块的详情页面。
请参阅图4,上述当检测到上述目标页面的跳转触发指令时,客户端基于上述原生组件获取上述目标页面对象的对象属性信息可以包括:
S401:当检测到基于该目标控件触发的跳转触发指令时,客户端基于上述原生组件获取该目标控件对应的控件关联对象数据。
具体的,上述控件关联对象数据为在对上述前置页面进行页面渲染的过程中,向服务器发送该目标控件的数据配置请求获取的,然后,客户端可以将服务器返回的该目标控件对应的控件关联对象数据存储于本地,当检测到基于该目标控件触发的跳转触发指令时,客户端可以基于上述原生组件,从本地读取预存的,该目标控件对应的控件关联对象数据。
在一个实施例中,在客户端基于原生组件获取该目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取该目标页面的页面数据之前,上述方法还可以包括:
1)当检测到该前置页面的跳转指令时,客户端获取该前置页面的页面数据。
在本申请实施例中,该前置页面的跳转指令可以指示即将跳转到该前置页面的指令,客户端可以基于上述网页组件向服务器发送携带有该前置页面的页面标识的加载请求,然后服务器可以根据该前置页面的页面标识确定该前置页面的页面数据并发送给客户端。具体的,该前置页面的页面数据可以包括该前置页面的结构信息和样式信息,在一个具体的实施例中,该前置页面的页面数据可以为该前置页面的dom数据。
2)在客户端基于该前置页面的页面数据对所述前置页面进行页面渲染的过程中,向服务器发送该目标控件的数据配置请求。
在本申请实施例中,该目标控件位于该前置页面中,在一个可选的实施例中,可以在客户端渲染到该目标控件时,向服务器发送该目标控件的数据配置请求,该数据配置请求可以携带有该目标控件的标识和请求获取的字段类型,例如,与该目标控件关联的目标页面对象的类型、组成元素(例如图片)的链接、目标页面对象中可交互区域的坐标信息、目标页面的标识等,服务器可以确定具体的字段取值并返回给客户端。
3)服务器确定该目标控件对应的控件关联对象数据。
在本申请实施例中,服务器可以根据该目标控件的标识和请求获取的字段类型从目标数据库中确定对应类型的数据作为该目标控件对应的控件关联对象数据。具体的,该目标数据库可以为广告数据库,或防疫提示信息库等,服务器可以根据库中各数据的展示需求和优先级计算确定该目标控件对应的控件关联对象数据,例如,一个广告数据每日需展示3次,且优先级为高,则可以将该广告数据对应的属性信息作为该目标控件对应的控件关联对象数据。
4)服务器将上述控件关联对象数据发送给客户端。
5)客户端将上述控件关联对象数据作为上述目标页面对象的对象属性信息存储于本地。
在本申请实施例中,通过服务器配置确定该目标控件对应的控件关联数据,有利于提升控件的关联数据配置的实时性和可靠性,且效率较高。
S403:客户端将上述控件关联对象数据作为上述目标页面对象的对象属性信息。
在本申请实施例中,客户端获取该目标控件对应的控件关联对象数据后,可以将其作为上述目标页面对象的对象属性信息。通过预先确定目标控件对应的控件关联对象数据并存储于客户端本地,后续目标控件被触发时,可以直接获取其对应的控件关联对象数据作为上述目标页面对象的对象属性信息,进而能够利用目标页面对象的对象属性信息向服务器发送请求获取目标页面对象对应的渲染配置数据,在原生组件实现目标页面对象的优先渲染,提升数据获取的效率和稳定性,且服务器能够结合展示需求灵活配置该目标控件对应的控件关联对象数据。
S303:客户端基于上述原生组件向服务器发送上述的对象属性信息。
S305:服务器基于上述的对象属性信息进行渲染配置,生成上述目标页面对象对应的渲染配置数据。
在本申请实施例中,服务器可以根据上述的对象属性信息进行渲染配置,例如根据该目标页面对象的宽度和高度确定整体宽高、进行该目标页面对象的组成元素间覆盖关系的确定,以及计算生成多个组成元素的渲染先后顺序等。具体的,上述的渲染配置数据可以包括目标页面对象对应的多个组成元素,以及上述多个组成元素间的关联信息(例如组成元素间的覆盖关系,渲染的先后顺序等)。
在一个可选的实施例中,服务器还可以基于上述的对象属性信息进行信息核对,例如,当上述的对象属性信息包括该目标页面对象被触发后跳转到的页面的地址信息、该目标页面对象所处的页面的标识(即目标页面的标识)、以及组成元素(例如图片)的链接时,服务器可以分别对该目标页面对象被触发后跳转到的页面的地址信息,以及该目标页面对象所处的页面的标识进行校验,确定其是否有效或变化,若失效或发生了改变,则服务器可以进行重定向,确定更新后的地址信息或页面的标识并随渲染配置数据返回客户端;服务器还可以根据组成元素(例如图片)的链接确定元素资源是否存在,以及根据客户端的设备信息(例如机型)进行元素适配(例如调整元素尺寸),生成元素下载的二进制地址,随渲染配置数据返回客户端,本申请并不以此为限。
S307:客户端基于上述原生组件接收服务器发送的上述渲染配置数据。
通过客户端基于原生组件获取目标页面对象的对象属性信息,以及向服务器发送对象属性信息以使服务器进行渲染配置生成渲染配置数据,能够灵活高效地利用原生组件单独获取执行目标页面对象的渲染所需的数据,进而实现目标页面对象的优先渲染和展示,提升数据展示的灵活性,使得目标页面中关键对象的展示更加高效稳定。
在一个具体的实施例中,请参阅图5,上述当检测到目标页面的跳转触发指令时,客户端基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据可以包括:
S501:当检测到上述目标页面的跳转触发指令时,客户端基于上述原生组件创建数据处理子线程。
S503:在上述数据处理子线程中,获取上述目标页面中的目标页面对象对应的渲染配置数据。
在本申请实施例中,在上述数据处理子线程中,获取上述目标页面中的目标页面对象对应的渲染配置数据的步骤与S301~S307类似,但获取上述目标页面中的目标页面对象对应的渲染配置数据的步骤为在上述数据处理子线程中实现,具体过程可参见S301~S307的相关描述,在此不再赘述。在本申请实施例中,在上述数据处理子线程中,获取上述目标页面中的目标页面对象对应的渲染配置数据的同时,主线程可以在执行跳转到该目标页面的步骤,主线程和数据处理子线程互不影响,有利于提升渲染配置数据获取的效率,进而提升目标页面对象渲染和展示的效率。在实际应用中,根据网络环境的不同,在数据处理子线程中获取到目标页面对象对应的渲染配置数据时,可能处于展示页面跳转的动画效果的过程中,或处于页面跳转完成即将加载时。
在本申请实施例中,当检测到目标页面的跳转触发指令时,客户端可以同时基于原生组件获取该目标页面中的目标页面对象对应的渲染配置数据,以及基于网页组件获取该目标页面的页面数据,在一个具体的实施例中,请参阅图6,上述基于网页组件获取所述目标页面的页面数据可以包括:
S601:客户端基于所述网页组件向服务器发送所述目标页面的加载请求。
具体的,上述加载请求中可以携带有该目标页面的页面标识信息,以及上述目标页面对象对应的布局参数。在一个实施例中,该目标页面的页面标识信息可以为该目标页面对应的URL(Uniform Resource Locator统一资源定位器),该目标页面对象对应的布局参数可以表征该目标页面对象在目标页面中展示所需的空间信息,例如,需要的展示宽度和高度。在一个具体的实施例中,当目标页面对象为广告对象时,上述布局参数可以为广告位标识,服务器可以根据广告位标识在配置文件中确定其对应的宽高,进而对原始页面数据进行布局更新,给目标页面对象的展示预留足够的空间。在本申请实施例中,可以在目标页面对应的URL中拼接上述布局参数(例如广告位标识),生成目标页面的加载请求发送给服务器。
S603:服务器基于上述页面标识信息确定该目标页面对应的原始页面数据。
在本申请实施例中,上述原始页面数据可以表征该目标页面的原始结构信息和原始样式信息,具体的,该原始页面数据可以包括多个页面节点和每个页面节点对应的节点样式数据,这多个页面节点中包括与目标页面对象对应的页面节点,该页面节点所处的位置用于后续添加目标页面对象的渲染结果信息。在实际应用中,原始页面数据中与目标页面对象对应的页面节点的样式信息可能与需求不匹配。
S605:服务器基于上述布局参数对上述原始页面数据进行布局更新,得到上述目标页面的页面数据。
在一个具体的实施例中,服务器可以在原始页面数据中确定与目标页面对象对应的页面节点,然后,基于上述布局参数对该页面节点对应的节点样式数据进行更新,例如进行宽度和高度的适配,将原始的展示宽高调整为与上述布局参数一致的宽高。
S607:客户端基于上述网页组件接收服务器发送的上述页面数据。
在本申请实施例中,服务器对上述原始页面数据进行布局更新后,可以将更新后的原始页面数据作为目标页面的页面数据发送给客户端,客户端可以基于网页组件接收并基于页面数据进行页面渲染。通过服务器基于布局参数对目标页面的原始页面数据进行布局更新,得到目标页面的页面数据并发送到客户端的网页组件,能够得到可靠的页面数据,避免数据展示出错,提升数据展示效果的可靠性。
在实际应用中,网页组件接收服务器发送的上述页面数据之后,需要对上述页面数据进行解析,以及在解析完成后进行该目标页面的整体渲染,即进行该目标页面的加载,过程较为繁琐复杂,且依赖于网络,对于网速的要求高。因此,本申请通过当检测到目标页面的跳转触发指令时,客户端基于原生组件获取该目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取该目标页面的页面数据,进而能够利用原生组件优先对目标页面对象进行渲染,得到目标页面对象对应的渲染结果数据,进而后续能够在目标页面中优先展示目标页面对象对应的渲染结果。请继续参阅图2,上述方法还可以包括:
S203:客户端基于上述原生组件和上述渲染配置数据,对该目标页面对象进行渲染,得到该目标页面对象对应的渲染结果数据。
具体的,上述渲染结果数据可以指示该目标页面对象渲染完成后得到的UI(UserInterface用户界面)对象,该UI对象可以为可交互对象;当该目标页面对象为广告对象时,上述渲染结果数据可以为渲染好的广告视图。在本申请实施例中,上述的渲染配置数据可以包括目标页面对象对应的多个组成元素,以及上述多个组成元素间的关联信息(例如组成元素间的覆盖关系,渲染的先后顺序等),客户端可以在上述原生组件中,利用上述渲染配置数据,对该目标页面对象进行渲染,得到该目标页面对象对应的渲染结果数据,实现该目标页面对象的优先渲染,提升目标页面对象的渲染效率和稳定性,进而有利于提升页面中关键对象(目标页面对象)的展示效率和稳定性。
S205:客户端基于上述原生组件和上述页面数据,确定上述目标页面对象对应的展示位置信息。
在本申请实施例中,上述原生组件可以在网页组件接收到服务器发送的上述页面数据时,获取上述页面数据,然后利用上述页面数据,确定上述目标页面对象对应的展示位置信息。在本申请实施例中,该展示位置信息可以指示该目标页面对象在上述目标页面中的添加位置,具体的,该展示位置信息可以为展示坐标。
在一个具体的实施例中,上述页面数据包括多个页面节点,以及每个页面节点对应的节点样式数据,上述节点样式数据可以为CSS数据。请参阅图7,上述的客户端基于上述原生组件和上述页面数据,确定上述目标页面对象对应的展示位置信息可以包括:
S701:客户端基于上述原生组件,获取该目标页面对象对应的对象标识信息。
在一个具体的实施例中,当目标页面对象为广告对象时,该目标页面对象对应的对象标识信息可以为广告标识。
S703:客户端基于上述原生组件,从上述多个页面节点中,确定与上述对象标识信息相匹配的目标页面节点。
在本申请实施例中,上述页面数据的多个页面节点中包括与目标页面对象对应的页面节点,与目标页面对象对应的页面节点可以为服务器预先配置的;在一个具体的实施例中,每个页面节点可以包括对应的节点标识,客户端基于上述原生组件,从上述多个页面节点中,确定与上述对象标识信息相匹配的目标页面节点可以包括:客户端基于上述原生组件,从上述多个页面节点中,确定节点标识与上述对象标识信息相匹配的节点,将这个节点标识与上述对象标识信息相匹配的节点作为上述的目标页面节点。
S705:客户端根据上述目标页面节点对应的节点样式数据,确定上述目标页面对象对应的展示位置信息。
具体的,客户端可以利用预设捕获函数,获取该目标页面节点对应的节点样式数据,其具体可以为CSS样式数据;然后,客户端可以根据该目标页面节点对应的CSS取值,确定节点坐标,作为上述展示位置信息。在一个具体的实施例中,可以利用上述节点坐标替换该目标页面对象的初始坐标,进而后续能够利用该节点坐标实现上述渲染结果数据在目标页面的展示。
在一个可选的实施例中,还可以对上述节点样式数据进行解析,得到该节点对应的样式解析数据,样式解析数据可以包括例如与其他节点间的间距,以及该节点对应的背景颜色等,然后利用样式解析数据生成该目标页面对象的展示布局信息,根据展示布局信息对上述渲染结果数据进行布局更新,得到更新的渲染结果数据并添加到该目标页面,使得该目标页面对象对应的渲染结果数据与目标页面适配性更强,融合的更加自然,使得数据展示效果更好。
S207:在客户端基于上述网页组件和上述页面数据对该目标页面进行页面渲染的过程中,基于上述展示位置信息,在该目标页面中展示上述目标页面对象对应的渲染结果数据。
在本申请实施例中,客户端基于上述网页组件和上述页面数据对该目标页面进行页面渲染的过程中,可以基于上述展示位置信息,在该目标页面中展示上述目标页面对象对应的渲染结果数据,实现了该目标页面对象的展示,受限于网速和网络稳定性、系统性能等影响,此时该目标页面中的其他对象还未加载完成,进而能够实现该目标页面对象高效稳定的展示,能够根据实际需求确定页面中的关键对象,提升页面中关键对象的展示效率和可靠性,结合原生组件对关键对象的渲染结果,在网页组件进行网页整体渲染的过程中实现关键对象的添加和展示,提升了数据展示的灵活性。
在一个可选的实施例中,可以利用JavaScriptCore技术初始化JSContext,创建context对象,调用目标方法传入预设捕获函数,利用预设捕获函数实现节点样式数据的捕获,以及利用JavaScriptCore适于JS代码和原生代码交互的能力,实现目标页面对象对应的渲染结果数据在目标页面的添加,具体可以获取页面整体显示内容的尺寸(不仅是屏幕对应大小的显示内容,而是可滚动范围内的全部显示内容),调用添加子视图的方法函数,将该目标页面对象的渲染结果数据添加到页面整体显示内容中对应的位置,即间接添加到WKWebview(客户端承载网页的容器)中,实现目标页面对象与其他页面内容共同滑动的效果,而不是固定于屏幕中,有利于提升数据展示的灵活性和可靠性。
请参阅图8,图8为本申请实施例提供的一种目标页面的示意图,在客户端基于上述网页组件和上述页面数据对该目标页面进行页面渲染的过程中,基于上述展示位置信息,在该目标页面中展示上述目标页面对象对应的渲染结果数据后,目标页面的展示效果可以参照图8,此时目标页面中的目标页面对象对应的渲染结果数据(即图中的提示信息801)已经显示完成,而目标页面中的其他部分还未加载完成,进而用户能够优先查看显示出来的提示信息801,且能够进行交互,保证了目标页面中关键对象的展示效率和展示稳定性,提升数据展示的灵活性。
在本申请实施例中,请参阅图9,上述方法还可以包括:
S901:当客户端检测到基于上述渲染结果数据触发的对象交互指令时,客户端基于上述网页组件获取与该对象交互指令对应的目标交互事件。
在本申请实施例中,用户可以点击、滑动或长按上述渲染结果数据中的可交互区域,生成上述的对象交互指令,然后,客户端可以基于上述网页组件,利用该区域对应的JavaScript元素捕获与该对象交互指令对应的目标交互事件。
在一个可选的实施例中,上述渲染结果数据对应的页面节点可能包括原始交互信息,例如在利用现有的网页实现目标页面对象的覆盖显示时,其对应的页面节点下可能包括原始交互信息,可以禁用原始交互信息,不执行原本的跳转等,然后基于上述网页组件捕获与触发的对象交互指令对应的目标交互事件。
S903:客户端基于上述网页组件将该目标交互事件发送到上述原生组件。
S905:客户端基于上述原生组件中的预设页面监控对象,将该目标交互事件发送到与该目标交互事件对应的功能模块。
具体的,上述与该目标交互事件对应的功能模块可以为客户端中的底层功能模块(例如相机、蓝牙、播放器等),也可以为其他模块,进而能够执行拉起其他页面、调用客户端底层功能,或跳转到其他应用等操作。
在本申请实施例中,可以在上述原生组件中生成JS模块表类,内置于WKWebview中,来接收上述网页组件的数据传入(例如该目标交互事件的传入),然后将该目标交互事件传入上述预设页面监控对象,进而由该预设页面监控对象将该目标交互事件分发到对应的功能模块。
在本申请实施例中,可以预先创建预设页面监控对象(例如在接收到渲染配置数据时创建),预设页面监控对象可以用于实现网页组件和原生组件之间的数据和元素通信;由于网页会通过WKWebView进行加载,还可以在页面开始加载时设置WKWebView的代理对象为上述预设页面监控对象,进而实现监听网页开始加载、开始收到消息、加载成功或失败等信息的回调。
通过客户端基于上述网页组件获取与该对象交互指令对应的目标交互事件,基于上述网页组件将该目标交互事件发送到上述原生组件,然后基于上述原生组件中的预设页面监控对象,将该目标交互事件发送到与该目标交互事件对应的功能模块,能够利用应用中原生组件直接与惭怍系统进行交互,能够快捷方便地调用系统自身功能等特点,提升目标页面对象的交互效果。
在本申请实施例中,通过客户端基于原生组件获取目标页面对象的对象属性信息,以及向服务器发送对象属性信息以使服务器进行渲染配置生成渲染配置数据,能够灵活高效地利用原生组件单独获取执行目标页面对象的渲染所需的数据,进而实现目标页面对象的优先渲染和展示,提升数据展示的灵活性,使得目标页面中关键对象的展示更加高效稳定。通过客户端基于上述网页组件和上述页面数据对该目标页面进行页面渲染的过程中,基于上述展示位置信息,在该目标页面中展示上述目标页面对象对应的渲染结果数据,实现了该目标页面对象的展示,能够实现该目标页面对象高效稳定的展示,能够根据实际需求确定页面中的关键对象,提升页面中关键对象的展示效率和可靠性,结合原生组件对关键对象的渲染结果,在网页组件进行网页整体渲染的过程中实现关键对象的添加和展示,提升了数据展示的灵活性。通过客户端基于上述网页组件获取与该对象交互指令对应的目标交互事件,基于上述网页组件将该目标交互事件发送到上述原生组件,然后基于上述原生组件中的预设页面监控对象,将该目标交互事件发送到与该目标交互事件对应的功能模块,能够利用应用中原生组件直接与惭怍系统进行交互,能够快捷方便地调用系统自身功能等特点,提升目标页面对象的交互效果。
本申请实施例还提供了一种数据展示装置的实施例,如图10所示,所述装置可以包括:
数据获取模块1010,用于当检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取所述目标页面的页面数据;
对象渲染模块1020,用于基于所述原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到所述目标页面对象对应的渲染结果数据;
展示位置确定模块1030,用于基于所述原生组件和所述页面数据,确定所述目标页面对象对应的展示位置信息;
数据展示模块1040,用于在基于所述网页组件和所述页面数据对所述目标页面进行页面渲染的过程中,基于所述展示位置信息,在所述目标页面中展示所述目标页面对象对应的渲染结果数据。
在一个具体的实施例中,数据获取模块1010可以包括:
属性获取单元,用于当检测到所述目标页面的跳转触发指令时,基于所述原生组件获取所述目标页面对象的对象属性信息;
渲染配置单元,用于基于所述原生组件向服务器发送所述对象属性信息,以使所述服务器基于所述对象属性信息进行渲染配置,生成所述目标页面对象对应的渲染配置数据;
渲染配置数据接收单元,用于基于所述原生组件接收所述服务器发送的所述渲染配置数据。
在一个具体的实施例中,所述目标页面的跳转触发指令为基于目标控件的触发生成的,所述目标控件位于所述目标页面的前置页面中;上述的属性获取单元可以包括:
关联对象数据接收单元,用于当检测到基于所述目标控件触发的跳转触发指令时,基于所述原生组件获取所述目标控件对应的控件关联对象数据,所述控件关联对象数据为在对所述前置页面进行页面渲染的过程中,向所述服务器发送所述目标控件的数据配置请求获取的;
属性确定单元,用于将所述控件关联对象数据作为所述目标页面对象的对象属性信息。
在一个实施例中,所述页面数据包括多个页面节点,以及每个页面节点对应的节点样式数据;上述的展示位置确定模块1030可以包括:
对象标识信息获取单元,用于基于所述原生组件,获取所述目标页面对象对应的对象标识信息;
节点匹配单元,用于基于所述原生组件,从所述多个页面节点中,确定与所述对象标识信息相匹配的目标页面节点;
位置确定单元,用于根据所述目标页面节点对应的节点样式数据,确定所述目标页面对象对应的展示位置信息。
在一个具体的实施例中,数据获取模块1010还可以包括:
加载请求发送单元,用于基于所述网页组件向服务器发送所述目标页面的加载请求,所述加载请求中携带有所述目标页面的页面标识信息,以及所述目标页面对象对应的布局参数,以使所述服务器基于所述页面标识信息确定所述目标页面对应的原始页面数据,以及基于所述布局参数对所述原始页面数据进行布局更新,得到所述目标页面的页面数据;
页面数据接收单元,用于基于所述网页组件接收所述服务器发送的所述页面数据。
在一个实施例中,上述装置还可以包括:
目标交互事件获取模块,用于当检测到基于所述渲染结果数据触发的对象交互指令时,基于所述网页组件获取与所述对象交互指令对应的目标交互事件;
事件转发模块,用于基于所述网页组件将所述目标交互事件发送到所述原生组件;
事件分发模块,用于基于所述原生组件中的预设页面监控对象,将所述目标交互事件发送到与所述目标交互事件对应的功能模块。
在另一个实施例中,上述数据获取模块1010可以包括:
子线程创建单元,用于当检测到所述目标页面的跳转触发指令时,基于所述原生组件创建数据处理子线程;
子线程数据获取单元,用于在所述数据处理子线程中,获取所述目标页面中的目标页面对象对应的渲染配置数据。
所述的装置实施例中的各组成部分与方法实施例基于同样地申请构思。
本申请实施例提供了一种计算机设备,该计算机设备包括处理器和存储器,该存储器中存储有至少一条指令或至少一段程序,该至少一条指令或该至少一段程序由该处理器加载并执行以实现如上述方法实施例所提供的数据展示方法。
存储器可用于存储软件程序以及模块,处理器通过运行存储在存储器的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、功能所需的应用程序等;存储数据区可存储根据所述设备的使用所创建的数据等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器还可以包括存储器控制器,以提供处理器对存储器的访问。
本申请实施例所提供的方法实施例可以在移动终端、计算机终端、服务器或者类似的运算装置中执行,即上述计算机设备可以包括移动终端、计算机终端、服务器或者类似的运算装置。以运行在客户端上为例,图11是本申请实施例提供的一种数据展示方法的客户端的硬件结构框图。如图11所示,该客户端可以用于实施上述实施例中提供的数据展示方法。具体来讲:
上述客户端可以包括RF(Radio Frequency,射频)电路1110、包括有一个或一个以上计算机可读存储介质的存储器1120、输入单元1130、显示单元1140、传感器1150、音频电路1160、WiFi(wireless fidelity,无线保真)模块1170、包括有一个或者一个以上处理核心的处理器1180、以及电源1190等部件。本领域技术人员可以理解,图11中示出的客户端结构并不构成对客户端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路1110可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器1180处理;另外,将涉及上行的数据发送给基站。通常,RF电路1110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,RF电路1110还可以通过无线通信与网络和其他客户端通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobilecommunication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA(Code Division Multiple Access,码分多址)、WCDMA(Wideband CodeDivision Multiple Access,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(Short Messaging Service,短消息服务)等。
存储器1120可用于存储软件程序以及模块,处理器1180通过运行存储在存储器1120的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器1120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、功能所需的应用程序等;存储数据区可存储根据所述客户端的使用所创建的数据等。此外,存储器1120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器1120还可以包括存储器控制器,以提供处理器1180和输入单元1130对存储器1120的访问。
输入单元1130可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元1130可包括触敏表面1131以及其他输入设备1132。触敏表面1131,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面1131上或在触敏表面1131附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面1131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器1180,并能接收处理器1180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面1131。除了触敏表面1131,输入单元1130还可以包括其他输入设备1132。具体地,其他输入设备1132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元1140可用于显示由用户输入的信息或提供给用户的信息以及所述客户端的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元1140可包括显示面板1141,可选的,可以采用LCD(Liquid CrystalDisplay,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板1141。进一步的,触敏表面1131可覆盖显示面板1141,当触敏表面1131检测到在其上或附近的触摸操作后,传送给处理器1180以确定触摸事件的类型,随后处理器1180根据触摸事件的类型在显示面板1141上提供相应的视觉输出。其中,触敏表面1131与显示面板1141可以两个独立的部件来实现输入和输入功能,但是在某些实施例中,也可以将触敏表面1131与显示面板1141集成而实现输入和输出功能。
所述客户端还可包括至少一种传感器1150,比如光传感器、运动传感器以及其他传感器。
音频电路1160、扬声器1161,传声器1162可提供用户与所述客户端之间的音频接口。
WiFi属于短距离无线传输技术,所述客户端通过WiFi模块1170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图11示出了WiFi模块1170,但是可以理解的是,其并不属于上述客户端的必须构成,完全可以根据需要在不改变申请的本质的范围内而省略。
处理器1180是所述客户端的控制中心,利用各种接口和线路连接整个客户端的各个部分,通过运行或执行存储在存储器1120内的软件程序和/或模块,以及调用存储在存储器1120内的数据,执行所述客户端的各种功能和处理数据,从而对客户端进行整体监控。可选的,处理器1180可包括一个或多个处理核心;优选的,处理器1180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1180中。
所述客户端还包括给各个部件供电的电源1190(比如电池),优选的,电源可以通过电源管理系统与处理器1180逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源1190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,上述客户端还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,客户端的显示单元是触摸屏显示器,客户端还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行本申请中方法实施例中的指令。
本申请的实施例还提供了一种计算机可读存储介质,所述存储介质可设置于服务器之中以保存用于实现方法实施例中一种数据展示方法相关的至少一条指令或至少一段程序,该至少一条指令或该至少一段程序由该处理器加载并执行以实现上述方法实施例提供的数据展示方法。
可选地,在本实施例中,上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
本申请的实施例还提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述各种可选实现方式中提供的方法。
由上述本申请提供的数据展示方法、装置、计算机设备、存储介质或计算机程序的实施例可见,本申请通过客户端基于原生组件获取目标页面对象的对象属性信息,以及向服务器发送对象属性信息以使服务器进行渲染配置生成渲染配置数据,能够灵活高效地利用原生组件单独获取执行目标页面对象的渲染所需的数据,进而实现目标页面对象的优先渲染和展示,提升数据展示的灵活性,使得目标页面中关键对象的展示更加高效稳定。通过客户端基于上述网页组件和上述页面数据对该目标页面进行页面渲染的过程中,基于上述展示位置信息,在该目标页面中展示上述目标页面对象对应的渲染结果数据,实现了该目标页面对象的展示,能够实现该目标页面对象高效稳定的展示,能够根据实际需求确定页面中的关键对象,提升页面中关键对象的展示效率和可靠性,结合原生组件对关键对象的渲染结果,在网页组件进行网页整体渲染的过程中实现关键对象的添加和展示,提升了数据展示的灵活性。通过客户端基于上述网页组件获取与该对象交互指令对应的目标交互事件,基于上述网页组件将该目标交互事件发送到上述原生组件,然后基于上述原生组件中的预设页面监控对象,将该目标交互事件发送到与该目标交互事件对应的功能模块,能够利用应用中原生组件直接与惭怍系统进行交互,能够快捷方便地调用系统自身功能等特点,提升目标页面对象的交互效果。
需要说明的是:上述本申请实施例先后顺序仅仅为了描述,不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、设备和存储介质实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种数据展示方法,其特征在于,所述方法包括:
当检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取所述目标页面的页面数据;
基于所述原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到所述目标页面对象对应的渲染结果数据;
基于所述原生组件和所述页面数据,确定所述目标页面对象对应的展示位置信息;
在基于所述网页组件和所述页面数据对所述目标页面进行页面渲染的过程中,基于所述展示位置信息,在所述目标页面中展示所述目标页面对象对应的渲染结果数据。
2.根据权利要求1所述的方法,其特征在于,所述当检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据包括:
当检测到所述目标页面的跳转触发指令时,基于所述原生组件获取所述目标页面对象的对象属性信息;
基于所述原生组件向服务器发送所述对象属性信息,以使所述服务器基于所述对象属性信息进行渲染配置,生成所述目标页面对象对应的渲染配置数据;
基于所述原生组件接收所述服务器发送的所述渲染配置数据。
3.根据权利要求2所述的方法,其特征在于,所述目标页面的跳转触发指令为基于目标控件的触发生成的,所述目标控件位于所述目标页面的前置页面中;所述当检测到所述目标页面的跳转触发指令时,基于所述原生组件获取所述目标页面对象的对象属性信息包括:
当检测到基于所述目标控件触发的跳转触发指令时,基于所述原生组件获取所述目标控件对应的控件关联对象数据,所述控件关联对象数据为在对所述前置页面进行页面渲染的过程中,向所述服务器发送所述目标控件的数据配置请求获取的;
将所述控件关联对象数据作为所述目标页面对象的对象属性信息。
4.根据权利要求1所述的方法,其特征在于,所述页面数据包括多个页面节点,以及每个页面节点对应的节点样式数据;所述基于所述原生组件和所述页面数据,确定所述目标页面对象对应的展示位置信息包括:
基于所述原生组件,获取所述目标页面对象对应的对象标识信息;
基于所述原生组件,从所述多个页面节点中,确定与所述对象标识信息相匹配的目标页面节点;
根据所述目标页面节点对应的节点样式数据,确定所述目标页面对象对应的展示位置信息。
5.根据权利要求1所述的方法,其特征在于,所述基于网页组件获取所述目标页面的页面数据包括:
基于所述网页组件向服务器发送所述目标页面的加载请求,所述加载请求中携带有所述目标页面的页面标识信息,以及所述目标页面对象对应的布局参数,以使所述服务器基于所述页面标识信息确定所述目标页面对应的原始页面数据,以及基于所述布局参数对所述原始页面数据进行布局更新,得到所述目标页面的页面数据;
基于所述网页组件接收所述服务器发送的所述页面数据。
6.根据权利要求1-5任一所述的方法,其特征在于,所述方法还包括:
当检测到基于所述渲染结果数据触发的对象交互指令时,基于所述网页组件获取与所述对象交互指令对应的目标交互事件;
基于所述网页组件将所述目标交互事件发送到所述原生组件;
基于所述原生组件中的预设页面监控对象,将所述目标交互事件发送到与所述目标交互事件对应的功能模块。
7.根据权利要求1-5任一所述的方法,其特征在于,所述当检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据包括:
当检测到所述目标页面的跳转触发指令时,基于所述原生组件创建数据处理子线程;
在所述数据处理子线程中,获取所述目标页面中的目标页面对象对应的渲染配置数据。
8.一种数据展示装置,其特征在于,所述装置包括:
数据获取模块,用于当检测到目标页面的跳转触发指令时,基于原生组件获取所述目标页面中的目标页面对象对应的渲染配置数据,且基于网页组件获取所述目标页面的页面数据;
对象渲染模块,用于基于所述原生组件和所述渲染配置数据,对所述目标页面对象进行渲染,得到所述目标页面对象对应的渲染结果数据;
展示位置确定模块,用于基于所述原生组件和所述页面数据,确定所述目标页面对象对应的展示位置信息;
数据展示模块,用于在基于所述网页组件和所述页面数据对所述目标页面进行页面渲染的过程中,基于所述展示位置信息,在所述目标页面中展示所述目标页面对象对应的渲染结果数据。
9.一种数据展示设备,其特征在于,所述设备包括处理器和存储器,所述存储器中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如权利要求1至7任一所述的数据展示方法。
10.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由处理器加载并执行以实现如权利要求1至7任一所述的数据展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110992344.5A CN115905742A (zh) | 2021-08-27 | 2021-08-27 | 一种数据展示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110992344.5A CN115905742A (zh) | 2021-08-27 | 2021-08-27 | 一种数据展示方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115905742A true CN115905742A (zh) | 2023-04-04 |
Family
ID=86471545
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110992344.5A Pending CN115905742A (zh) | 2021-08-27 | 2021-08-27 | 一种数据展示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115905742A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117950787B (zh) * | 2024-03-22 | 2024-05-31 | 成都赛力斯科技有限公司 | 广告展示方法、装置、电子设备及存储介质 |
-
2021
- 2021-08-27 CN CN202110992344.5A patent/CN115905742A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117950787B (zh) * | 2024-03-22 | 2024-05-31 | 成都赛力斯科技有限公司 | 广告展示方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102182917B1 (ko) | 그래픽 코드 디스플레이 방법 및 장치 | |
US11798107B2 (en) | Scenario-based application recommendation method and apparatus | |
CN106775836B (zh) | 界面显示方法及界面显示装置 | |
EP3174253B1 (en) | Message withdrawal method and apparatus, computer program and recording medium | |
US10754633B2 (en) | Application installation package generation method and apparatus, and storage medium | |
CN111178012A (zh) | 一种表单渲染方法、装置、设备及存储介质 | |
CN109408136B (zh) | 信息处理方法、装置、存储介质及电子设备 | |
CN110990741B (zh) | 一种页面展示方法、装置、电子设备、服务器及存储介质 | |
CN109857403B (zh) | 一种页面更新、页面处理方法及装置 | |
CN105787776A (zh) | 信息处理方法及装置 | |
CN111124412B (zh) | 一种游戏页面绘制方法、装置、设备及存储介质 | |
CN102937999A (zh) | 动态浏览器图标 | |
CN107666406B (zh) | 智能卡片显示方法及装置 | |
CN110795666A (zh) | 一种网页生成方法、装置、终端及存储介质 | |
US9037757B2 (en) | Device action service | |
CN107391768B (zh) | 网页数据处理方法、装置、设备及计算机可读存储介质 | |
CN110020293B (zh) | 多媒体数据展示方法、装置及存储介质 | |
CN108182090B (zh) | 基于blink内核的Flash插件加载方法及装置 | |
CN116594616A (zh) | 一种组件配置方法、装置及计算机可读存储介质 | |
CN109145182B (zh) | 数据采集方法、装置、计算机设备及系统 | |
CN112732250A (zh) | 界面处理方法、装置及存储介质 | |
CN112818143B (zh) | 一种页面展示方法、装置、电子设备及存储介质 | |
CN115905742A (zh) | 一种数据展示方法、装置、设备及存储介质 | |
CN110309454B (zh) | 一种界面显示方法、装置、设备及存储介质 | |
CN114417201A (zh) | 消息处理方法、装置、计算机设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |