[发明专利]SPA页面渲染方法、设备、系统及存储介质在审

专利信息
申请号: 202011158864.8 申请日: 2020-10-26
公开(公告)号: CN112347404A 公开(公告)日: 2021-02-09
发明(设计)人: 冯阳;黄国标 申请(专利权)人: 长沙市到家悠享网络科技有限公司
主分类号: G06F16/958 分类号: G06F16/958;G06F8/38
代理公司: 北京太合九思知识产权代理有限公司 11610 代理人: 张爱;刘戈
地址: 410005 湖南省长沙市长沙高新*** 国省代码: 湖南;43
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: spa 页面 渲染 方法 设备 系统 存储 介质
【说明书】:

本申请实施例提供一种SPA页面渲染方法、设备、系统及存储介质。在本申请实施例中,针对SPA页面,服务端设备可响应终端设备提供的页面请求,将待加载页面依赖的资源返回给终端设备。对于终端设备,在渲染待加载页面的过程中,可直接从本地获取待加载页面依赖的资源,而无需再通过数据接口向服务端设备请求,有助于节约获取待加载页面依赖的资源的时间,提高SPA页面渲染效率。

技术领域

本申请涉及互联网技术领域,尤其涉及一种SPA页面渲染方法、设备、系统及存储介质。

背景技术

应用程序主要是由页面组成的。在实际使用中,客户端在其屏幕上渲染页面,供用户查看或使用。在现有技术中,针对单页面web应用(Single Page Web Application,SPA)页面,客户端渲染SPA页面在页面JavaScript(JS)脚本执行之后,再去请求服务端的数据接口加载SPA页面的文本数据、图片等资源,导致页面“白屏”时间较长,SPA页面渲染效率低,用户体验不佳。

发明内容

本申请的多个方面提供一种SPA页面渲染方法、设备、系统及存储介质,用以提高页面渲染效率。

本申请实施例提供一种数据处理系统,包括:终端设备和服务端设备;

所述服务端设备,用于响应于终端设备提供的页面请求,获取所述终端设备待加载页面依赖的资源;将所述待加载页面依赖的资源返回所述终端设备;

所述终端设备,还用于基于所述待加载页面依赖的资源,在显示屏上渲染所述待加载页面。

本申请实施例还提供一种SPA页面渲染方法,适用于终端设备,包括:

向服务端设备提供页面请求,以供所述服务端设备返回待加载页面依赖的资源;

获取所述服务端设备返回的待加载页面依赖的资源;

基于所述待加载页面依赖的资源,在显示屏上渲染所述待加载页面。

本申请实施例还提供一种SPA页面渲染方法,适用于服务端设备,包括:

响应于终端设备提供的页面请求,获取所述终端设备待加载页面依赖的资源;

将所述待加载页面依赖的资源返回所述终端设备,以供所述终端设备基于所述待加载页面依赖的资源渲染所述待加载页面。

本申请实施例还提供一种终端设备,包括:存储器、处理器、通信组件和显示屏;其中,所述存储器,用于存储计算机程序;

所述处理器耦合至所述存储器,用于执行所述计算机程序以用于执行上述适用于终端设备的SPA页面渲染方法中的步骤。

本申请实施例还提供一种服务端设备,包括:存储器、处理器和通信组件;其中,所述存储器,用于存储计算机程序;

所述处理器耦合至所述存储器,用于执行所述计算机程序以用于执行上述适用于服务端设备的SPA页面渲染方法中的步骤。

本申请实施例还提供一种存储有计算机指令的计算机可读存储介质,当所述计算机指令被一个或多个处理器执行时,致使所述一个或多个处理器执行上述各页面渲染方法中的步骤。

在本申请实施例中,针对SPA页面,服务端设备响应终端设备提供的页面请求,将待加载页面依赖的资源返回给终端设备。对于终端设备,在渲染待加载页面的过程中,可直接从本地获取待加载页面依赖的资源,而无需再通过数据接口向服务端设备请求,有助于节约获取待加载页面依赖的资源的时间,提高页面渲染效率。

附图说明

此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于长沙市到家悠享网络科技有限公司,未经长沙市到家悠享网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202011158864.8/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top