一种页面渲染方法和相关装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113626745A(43)申请公布日2021.11.09(21)申请号202110742299.8(22)申请日2021.06.30(71)申请人济南浪潮数据技术有限公司地址250101山东省济南市中国（山东）自由贸易试验区济南片区浪潮路1036号浪潮科技园S05楼S311室(72)发明人郭鹏(74)专利代理机构北京集佳知识产权代理有限公司11227代理人郭化雨(51)Int.Cl.G06F16/958(2019.01)权利要求书2页说明书7页附图3页(54)发明名称一种页面渲染方法和相关装置(57)摘要本申请实施例公开了一种页面渲染方法和相关装置，检测到向服务器发送的、针对目标页面的异步数据获取请求；在数据等待期间，通过生成的异常状态标识指示第一页面渲染组件停止渲染，所述数据等待期间为从发送所述异步数据获取请求，至获取基于所述异步数据获取请求所返回的页面数据间的时间区间；获取从所述服务器返回的对应所述目标页面的页面数据；将所述异常状态标识调整为正常状态标识，并指示所述第一页面渲染组件根据所述页面数据对所述目标页面进行页面渲染。由此在未获取到真实页面数据前，不会做出无效的额外页面渲染，减少了页面渲染次数，且能避免用户错误认为页面渲染出现异常，提高了用户体验。CN113626745ACN113626745A权利要求书1/2页1.一种页面渲染方法，其特征在于，所述方法包括：检测到向服务器发送的、针对目标页面的异步数据获取请求；在数据等待期间，通过生成的异常状态标识指示第一页面渲染组件停止渲染，所述数据等待期间为从发送所述异步数据获取请求，至获取基于所述异步数据获取请求所返回的页面数据间的时间区间；获取从所述服务器返回的对应所述目标页面的页面数据；将所述异常状态标识调整为正常状态标识，并指示所述第一页面渲染组件根据所述页面数据对所述目标页面进行页面渲染。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：创建容器组件；所述检测到向服务器发送的、针对目标页面的异步数据获取请求，包括：通过所述容器组件使用捕获语句检测到向服务器发送的、针对目标页面的异步数据获取请求。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：通过封装异步操作方法的方式生成所述异步数据获取请求；当检测到所述异步数据获取请求时，根据所述异步数据获取请求得到Promise对象，所述Promise对象用于标识是否获取所述异步数据获取请求所请求的页面数据；根据所述Promise对象所标识的数据获取情况，生成对应的状态标识；其中，若所述Promise对象标识未获取所述页面数据，生成所述异常状态标识，若所述Promise对象标识已获取所述页面数据，执行所述将所述异常状态标识调整为正常状态标识的操作。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：若所述目标页面为页面应用的首页，当所述页面应用被开启时，发送所述异步数据获取请求；若所述目标页面为所述页面应用中的一个页面，当通过所述页面应用将展示页面向所述目标页面切换时，发送所述异步数据获取请求。5.根据权利要求1‑4任意一项所述的方法，其特征在于，在所述数据等待期间，所述方法还包括：指示第二页面渲染组件根据预置参数对所述目标页面进行预渲染，以展示页面加载中的示意。6.一种页面渲染装置，其特征在于，所述装置包括检测单元、指示单元、获取单元和调整单元：所述检测单元，用于检测到向服务器发送的、针对目标页面的异步数据获取请求；所述指示单元，用于在数据等待期间，通过生成的异常状态标识指示第一页面渲染组件停止渲染，所述数据等待期间为从发送所述异步数据获取请求，至获取基于所述异步数据获取请求所返回的页面数据间的时间区间；所述获取单元，用于获取从所述服务器返回的对应所述目标页面的页面数据；所述调整单元，用于将所述异常状态标识调整为正常状态标识，并指示所述第一页面渲染组件根据所述页面数据对所述目标页面进行页面渲染。2CN113626745A权利要求书2/2页7.根据权利要求6所述的装置，其特征在于，所述装置还包括创建单元：所述创建单元，用于创建容器组件；所述检测单元还用于：通过所述容器组件使用捕获语句检测到向服务器发送的、针对目标页面的异步数据获取请求。8.根据权利要求6所述的装置，其特征在于，所述指示单元还用于：通过封装异步操作方法的方式生成所述异步数据获取请求；当检测到所述异步数据获取请求时，根据所述异步数据获取请求得到Promise对象，所述Promise对象用于标识是否获取所述异步数据获取请求所请求的页面数据；根据所述Promise对象所标识的数据获取情况，生成对应的状态标识；其中，若所述Promise对象标识未获取所述页面数据，生成所述