一种数据渲染方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术实施例提供了一种数据渲染方法、装置、电子设备及存储介质，生成待渲染数据的数据标识；同一数据标识与至少一条所述待渲染数据具有对应关系；基于所述数据标识，生成包含所述待渲染数据的数据集合，并采用所述数据标识标记所述数据集合；循环遍历所述数据标识，依次从所述数据标识对应的所述数据集合中获取预设条数的第一目标待渲染数据进行数据渲染，直至获取所有数据；所述第一目标待渲染数据为所述数据集合中未经渲染的待渲染数据，从而避免了对所有数据一次性进行渲染，进而避免了在渲染待渲染数据时出现卡顿、“白屏”等现象，提升了针对第五代超文本标记语言页面的数据渲染效率。据渲染效率。据渲染效率。

【技术实现步骤摘要】
一种数据渲染方法、装置、电子设备及存储介质


[0001]本专利技术涉及数据渲染
，特别是涉及一种数据渲染方法、装置、电子设备及存储介质。

技术介绍

[0002]第五代超文本标记语言页面，是超文本标记语言页面HTML的第五个版本，简称H5页面。由于H5页面具备极强的兼容性，能使用户无需在移动终端下载应用程序的前提下阅览数据，从而使H5页面广受用户喜爱。
[0003]当APP端基于H5页面需要渲染展现数据列表时，H5页面在开发完成后需要嵌套在网页视图webView内实现展示，其针对数据的处理效率要低于应用程序，另外，当终端设备接收到大量数据，且需要在H5页面上渲染并显示这些数据时，很可能会因为H5页面无法及时渲染并展示这些数据，导致用户在阅览数据时，出现如卡顿、“白屏”等现象，从而降低了用户体验。

技术实现思路

[0004]本专利技术实施例是提供一种数据渲染方法、装置、电子设备以及计算机可读存储介质，以解决如何提升针对第五代超文本标记语言页面的数据渲染效率的问题。
[0005]为了解决上述问题，本专利技术实施例公开了一种数据渲染方法，所述方法可以包括：
[0006]生成待渲染数据的数据标识；所述同一数据标识与至少一条所述待渲染数据具有对应关系；
[0007]基于所述数据标识，生成包含所述待渲染数据的数据集合，并采用所述数据标识标记所述数据集合；
[0008]循环遍历所述数据标识，依次从所述数据标识对应的所述数据集合中获取预设条数的第一目标待渲染数据进行数据渲染，直至获取所有数据；所述第一目标待渲染数据为所述数据集合中未经渲染的待渲染数据。
[0009]可选地，还可以包括：
[0010]将所述数据集合中已经渲染的待渲染数据标记为第二目标待渲染数据；所述第二目标待渲染数据具有对应的队列顺序；
[0011]确定第三目标待渲染数据；所述第三目标待渲染数据为位于所述队列顺序末位的数据；
[0012]对所述第三目标待渲染数据标记记忆指针；所述记忆指针用于在获取所述第一目标待渲染数据时，区分已渲染的待渲染数据和未渲染的待渲染数据。
[0013]可选地，还可以包括：
[0014]当所述数据集合中的所述第一目标待渲染数据的数据数量小于所述预设条数时，按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据。
[0015]可选地，所述按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据，可以包括：
[0016]按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据，并将所述数据标识标记为已渲染数据标识，以使再次遍历所述数据标识时，不对所述已渲染数据标识进行遍历。
[0017]可选地，所述方法还可以包括：
[0018]当所述第二目标待渲染数据已经完全显示于用户界面时，则重新执行所述循环遍历所述数据标识，依次从所述数据标识对应的所述数据集合中获取预设条数的第一目标待渲染数据进行数据渲染。
[0019]本专利技术实施例还提供了一种数据渲染装置，所述装置可以包括：
[0020]数据标识生成模块，用于生成待渲染数据的数据标识；所述同一数据标识与至少一条所述待渲染数据具有对应关系；
[0021]数据集合生成模块，用于基于所述数据标识，生成包含所述待渲染数据的数据集合，并采用所述数据标识标记所述数据集合；
[0022]第一目标待渲染数据渲染模块，用于循环遍历所述数据标识，依次从所述数据标识对应的所述数据集合中获取预设条数的第一目标待渲染数据进行数据渲染，直至获取所有数据；所述第一目标待渲染数据为所述数据集合中未经渲染的待渲染数据。
[0023]可选地，还可以包括：
[0024]第二目标待渲染数据标记模块，用于将所述数据集合中已经渲染的待渲染数据标记为第二目标待渲染数据；所述第二目标待渲染数据具有对应的队列顺序；
[0025]第三目标待渲染数据确定模块，用于确定第三目标待渲染数据；所述第三目标待渲染数据为位于所述队列顺序末位的数据；
[0026]记忆指针标记模块，用于对所述第三目标待渲染数据标记记忆指针；所述记忆指针用于在获取所述第一目标待渲染数据时，区分已渲染的待渲染数据和未渲染的待渲染数据。
[0027]可选地，还可以包括：
[0028]第一目标待渲染数据获取模块，用于在所述数据集合中的所述第一目标待渲染数据的数据数量小于所述预设条数时，按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据。
[0029]可选地，所述第一目标待渲染数据获取模块，可以包括：
[0030]第一目标待渲染数据获取子模块，用于按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据，并将所述数据标识标记为已渲染数据标识，以使再次遍历所述数据标识时，不对所述已渲染数据标识进行遍历。
[0031]可选地，所述装置应用于终端设备中，所述装置还可以包括：
[0032]重新获取待渲染数据模块，用于当所述第二目标待渲染数据已经完全显示于用户界面时，则重新调用所述第一目标待渲染数据渲染模块。
[0033]本专利技术实施例还提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的程序时，实现如本专利技术实施例所述的数据渲
染方法的步骤。
[0034]本专利技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本专利技术实施例所述的数据渲染方法中的步骤。
[0035]本专利技术实施例包括以下优点：
[0036]本专利技术实施例，通过生成待渲染数据的数据标识；同一数据标识与至少一条所述待渲染数据具有对应关系；基于所述数据标识，生成包含所述待渲染数据的数据集合，并采用所述数据标识标记所述数据集合；循环遍历所述数据标识，依次从所述数据标识对应的所述数据集合中获取预设条数的第一目标待渲染数据进行数据渲染，直至获取所有数据；所述第一目标待渲染数据为所述数据集合中未经渲染的待渲染数据，从而避免了对所有数据一次性进行渲染，进而避免了在渲染待渲染数据时出现卡顿、“白屏”等现象，提升了针对第五代超文本标记语言页面的数据渲染效率。
附图说明
[0037]图1是本专利技术的一种数据渲染方法实施例的步骤流程图；
[0038]图2是本专利技术的一种数据渲染装置实施例的结构框图。
具体实施方式
[0039]为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本专利技术作进一步详细的说明。
[0040]参照图1，示出了本专利技术的一种数据渲染方法实施例的步骤流程图，具体可以包括如下步骤：
[0041]步骤101，生成待渲染数据的数据标识；本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据渲染方法，其特征在于，所述方法包括：生成待渲染数据的数据标识；同一数据标识与至少一条所述待渲染数据具有对应关系；基于所述数据标识，生成包含所述待渲染数据的数据集合，并采用所述数据标识标记所述数据集合；循环遍历所述数据标识，依次从所述数据标识对应的所述数据集合中获取预设条数的第一目标待渲染数据进行数据渲染，直至获取所有数据；所述第一目标待渲染数据为所述数据集合中未经渲染的待渲染数据。2.根据权利要求1所述的方法，其特征在于，还包括：将所述数据集合中已经渲染的待渲染数据标记为第二目标待渲染数据；所述第二目标待渲染数据具有对应的队列顺序；确定第三目标待渲染数据；所述第三目标待渲染数据为位于所述所述第二目标待渲染数据队列顺序末位的数据；对所述第三目标待渲染数据标记记忆指针；所述记忆指针用于在获取所述第一目标待渲染数据时，区分已渲染的待渲染数据和未渲染的待渲染数据。3.根据权利要求2所述的方法，其特征在于，还包括：当所述数据集合中的所述第一目标待渲染数据的数据数量小于所述预设条数时，按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据。4.根据权利要求3所述的方法，其特征在于，所述按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据，包括：按照所述第一目标待渲染数据的数据数量从所述数据集合中获取并渲染所述第一目标待渲染数据，并将所述数据标识标记为已渲染数据标识，以使再次遍历所述数据标识时，不对所述已渲染数据标识进行遍历。5.根据权利要求2所述的方法，其特征在于，还包括：当所述第二目标待渲染数据已经完全显示于用户界面时，则重新执行所述循环遍历所述数据标识，依次从所述数据标识对应的所述数据集...

【专利技术属性】
技术研发人员：陈乐乐，李雪松，周付生，王艳辉，
申请(专利权)人：视联动力信息技术股份有限公司，
类型：发明
国别省市：