页面渲染方法、页面渲染装置、电子设备和存储介质制造方法及图纸

技术编号:38994162 阅读:7 留言:0更新日期:2023-10-07 10:25
本申请公开了一种页面渲染方法、页面渲染装置、电子设备及存储介质。方法包括:将页面划分为多个渲染模块,并将页面所需要使用的数据接口划分为多个数据接口模块;在对渲染模块执行页面渲染的过程中,判断是否存在渲染异常或渲染超时;在确认存在渲染异常或渲染超时的情况下,对应执行渲染异常处理或渲染超时处理,并对下一个渲染模块执行页面渲染;在调用数据接口模块执行数据获取的过程中,判断是否存在数据获取异常或数据获取超时;在确认存在数据获取异常或数据获取超时的情况下,对应执行数据获取异常处理或数据获取超时处理,并对下一个数据接口模块执行数据获取。如此模块化执行页面渲染和数据获取,避免执行页面渲染时出现白屏。白屏。白屏。

【技术实现步骤摘要】
页面渲染方法、页面渲染装置、电子设备和存储介质


[0001]本申请涉及计算机
,特别涉及一种页面渲染方法、页面渲染装置、电子设备和存储介质。

技术介绍

[0002]随着科技的进步,电子设备越来越多的应用在人们的生活中。用户对电子设备的页面加载、响应的要求也逐渐提高。然而在电子设备的显示屏上进行界面展示时,页面的渲染异常或者渲染耗时太长容易引发白屏现象,以及页面所需要调用的数据接口出现异常或者加载太慢的情况,也容易引发白屏现象,严重影响用户体验。

技术实现思路

[0003]本申请提供一种页面渲染方法、页面渲染装置、电子设备和存储介质,旨在解决现有技术中在电子设备上进行页面渲染时容易引发白屏的问题。
[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]第一判断模块,用于在对所述渲染模块执行页面渲染的过程中,判断是否存在渲染异常或渲染超时;
[0038]第一执行模块,用于在确认存在所述渲染异常或所述渲染超时的情况下,对应执行渲染异常处理或渲染超时处理,并对下一个所述渲染模块执行所述页面渲染;
[0039]第二判断模块,用于在调用所述数据接口模块执行数据获取的过程中,判断是否存在数据获取异常或数据获取超时;
[0040]第二执行模块,用于在确认存在所述数据获取异常或所述数据获取超时的情况下,对应执行数据获取异常处理或数据获取超时处理,并对下一个所述数据接口模块执行所述数据获取。
[0041]本申请的第三方面,提出一种电子设备,所述电子设备包括存储器和处理器,存储器存储有计算机程序,处理器执行计算机程序以实现本申请第一方面提出的页面渲染方法。
[0042]本申请的第四方面,还提出了一种存储介质,所述存储介质上存储有程序指令,程序指令用于执行本申请第一方面提出的页面渲染方法。
[0043]本申请具有以下有益效果:由于将页面渲染作为模块化进行,划分了多个渲染模块,以及将需要调用的数据接口划分了多个数据接口模块,这样在进行渲染模块的页面渲
染,以及调用数据接口模块执行数据获取的过程中,一旦出现异常或超时,都可以跳到下一个渲染模块以及下一个数据接口模块继续执行相应任务,避免页面出现白屏现象。
附图说明
[0044]图1为本申请实施例的页面渲染方法的流程示意图;
[0045]图2为本申请实施例的页面渲染装置的模块示意图;
[0046]图3为本申请实施例的电子设备的模块示意图;
[0047]图4为本申请实施例的页面渲染方法的流程示意图;
[0048]图5为本申请实施例的页面渲染方法的流程示意图;
[0049]图6为本申请实施例的页面渲染方法的流程示意图;
[0050]图7为本申请实施例的页面渲染方法的流程示意图;
[0051]图8为本申请实施例的页面渲染方法的流程示意图;
[0052]图9为本申请实施例的页面渲染方法的流程示意图;
[0053]图10为本申请实施例的页面渲染方法的流程示意图;
[0054]图11为本申请实施例的页面渲染方法的流程示意图。
[0055]常用元件及符号:
[0056]电子设备100、存储器11、处理器12;
[0057]页面渲染装置200、划分模块21、第一判断模块22、第一执行模块23、第二判断模块24、第二执行模块25。
具体实施方式
[0058]下面详细描述本申请的实施例,实施例的示例在附图中示出。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能理解为对本申请的限制。<本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面渲染方法,其特征在于,所述页面渲染方法包括以下步骤:将页面划分为多个渲染模块,并将所述页面所需要使用的数据接口划分为多个数据接口模块;在对所述渲染模块执行页面渲染的过程中,判断是否存在渲染异常或渲染超时;在确认存在所述渲染异常或所述渲染超时的情况下,对应执行渲染异常处理或渲染超时处理,并对下一个所述渲染模块执行所述页面渲染;在调用所述数据接口模块执行数据获取的过程中,判断是否存在数据获取异常或数据获取超时;在确认存在所述数据获取异常或所述数据获取超时的情况下,对应执行数据获取异常处理或数据获取超时处理,并对下一个所述数据接口模块执行所述数据获取。2.根据权利要求1所述的页面渲染方法,其特征在于,所述判断是否存在渲染异常,包括:对所述渲染模块执行异常捕获,并在捕获有异常的情况下确认存在所述渲染异常;所述判断是否存在渲染超时,包括:计算所述渲染模块的渲染时长,并在所述渲染时长大于第一预设时长的情况下确认存在所述渲染超时。3.根据权利要求1所述的页面渲染方法,其特征在于,所述执行渲染异常处理,包括:在确认存在所述渲染异常的情况下,中断执行所述页面渲染;在所述渲染模块对应的所述页面处显示默认的渲染布局;所述执行渲染超时处理,包括:在确认存在所述渲染超时的情况下,继续执行所述页面渲染;在所述页面渲染执行完毕且所述页面未被关闭的情况下,在所述渲染模块对应的所述页面处显示渲染结果。4.根据权利要求1所述的页面渲染方法,其特征在于,所述判断是否存在数据获取异常,包括:对所述数据接口模块执行异常捕获,并在捕获有异常的情况下确认存在所述数据获取异常;所述判断是否存在数据获取超时,包括:计算所述数据接口模块的数据获取时长,并在所述数据获取时长大于第二预设时长的情况下,确认存在所述数据获取超时。5.根据权利要求1所述的页面渲染方法,其特征在于,所述执行数据获取异常处理,包括:在确认存在所述数据获取异常的情况下...

【专利技术属性】
技术研发人员:张星亮吴剑文
申请(专利权)人:深圳市六度人和科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1