CN113761408A - 页面渲染方法、电子设备及存储介质 - Google Patents
页面渲染方法、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113761408A CN113761408A CN202111050924.9A CN202111050924A CN113761408A CN 113761408 A CN113761408 A CN 113761408A CN 202111050924 A CN202111050924 A CN 202111050924A CN 113761408 A CN113761408 A CN 113761408A
- Authority
- CN
- China
- Prior art keywords
- request
- data
- target
- target service
- service
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9558—Details of hyperlinks; Management of linked annotations
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/42—Syntactic analysis
- G06F8/427—Parsing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开一种页面渲染方法,包括如下步骤:响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息;根据所述目标业务名,从本地获取预先下载的目标压缩包文件;判断所述目标压缩包文件中存在预请求配置文件且所述预请求支持参数指示所述目标业务支持预请求时,根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集;解析执行与所述目标业务对应的页面代码,响应于页面代码中数据请求,判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据;根据目标数据进行页面渲染,显示与所述目标业务对应的页面。通过数据预请求,提升了页面渲染效率。
Description
技术领域
本申请涉及计算机网络的技术领域,具体地涉及一种页面渲染方法。另外,本申请还涉及相关的电子设备和计算机可读存储介质。
背景技术
现有的页面渲染流程需要先解析Javascript(脚本语言),后请求业务所需数据,向后台发出一个数据请求,通过后台服务组合该项目所需要的所有数据。如果项目存在子路由,后台无法精准的返回给各个子路由,造成数据请求浪费。其次,后台服务需要组合多个数据请求,多了一层数据组合层请求,造成了请求链路的浪费,相应的数据返回时间也增加了。如果存在多个数据请求,其中一个出现问题则会造成整个后台服务延迟,造成业务渲染缓慢,风险不可控。
本背景技术描述的内容仅为了便于了解本领域的相关技术,不视作对现有技术的承认。
发明内容
因此,本发明实施例意图提供一种页面渲染方法,能够根据配置文件进行数据预请求,将页面中的数据请求提前从服务器中获取,当解析到需要数据时,优先从本地获取,提高了页面渲染效率。具体地,本发明实施例提供了一种页面渲染方法,包括如下步骤:
响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息,所述目标业务链接信息中包括目标业务名和预请求支持参数;
根据所述目标业务名,从本地获取预先下载的目标压缩包文件;
判断所述目标压缩包文件中存在预请求配置文件且所述预请求支持参数指示所述目标业务支持预请求时,根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集;
解析执行与所述目标业务对应的页面代码,响应于页面代码中数据请求,判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据;
根据目标数据进行页面渲染,显示与所述目标业务对应的页面。
在本发明的一些实施例中,在响应于目标业务启动操作之前,所述页面渲染方法还包括:
响应于目标应用启动操作,从服务器下载各个业务的压缩包和业务链接信息到本地,形成压缩包集合业务链接信息集,其中,当所述业务满足预请求条件时,所述压缩包中包括预请求配置文件。
在本发明的一些实施例中,所述响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息,包括:
响应于目标业务启动操作,获取目标业务名;
根据目标业务名从所述业务链接信息集中,找到与所述目标业务名匹配的目标业务链接信息。
在本发明的一些实施例中,所述根据所述目标业务名,从本地获取预先下载的目标压缩包文件,包括:
根据所述目标业务名从所述压缩包集中,获取所述目标压缩包文件。
在本发明的一些实施例中,所述预请求配置文件中包括:预请求标识集和与所述预请求标识集中的预请求标识对应的命名空间、命令字、结构体名;所述根据所述预请求配置文件中的预请求标识集访问目标服务器集,获取预请求数据集,包括:
根据所述预请求标识集中的预请求标识,获取命名空间、命令字和结构体名;
根据所述命名空间、命令字和结构体名,获取目标服务器;
向所述目标服务器直接发起请求,获取预请求数据,组成所述预请求数据集。
在本发明的一些实施例中,所述预请求配置文件中还包括:与所述预请求标识对应的数据返回对象参数;所述获取预请求数据,包括:
将从目标服务器获取的预请求数据存储到所述数据返回对象参数中。
在本发明的一些实施例中,所述从所述预请求数据集中获取目标数据,包括:
从所述预请求配置文件中与所述预请求标识对应的数据返回对象参数中获取所述目标数据。
在本发明的一些实施例中,所述预请求配置文件中包括:与所述预请求标识对应的阻断请求;所述根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集,包括:
判断所述阻断请求开启时,停止获取与所述预请求标识对应的预请求数据;
判断所述阻断请求关闭时,获取与所述预请求标识对应的预请求数据。
在本发明的一些实施例中,判断所述目标压缩包文件中不存在预请求配置文件或者所述预请求支持参数指示所述目标业务不支持预请求时,
解析执行与所述目标业务对应的页面代码;
响应于页面代码中数据请求,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
在本发明的一些实施例中,所述判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据,包括:
响应于从所述预请求数据集中获取目标数据失败,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
在本发明实施例中,提供一种计算机可读存储介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现任一本发明实施例的页面渲染方法。
在本发明实施例中,提供一种电子设备,包括:处理器和存储有计算机程序的存储器,所述处理器被配置为在运行计算机程序时执行任一本发明实施例的页面渲染方法。
本发明实施例提出一种页面渲染方法,在app应用启动时,将各个业务的业务链接信息和压缩包下载到客户端本地。当用户点击某个业务时,启动页面渲染工作,根据业务名查询业务链接中是预请求支持参数是否有效,同时根据业务链接中的业务名查询对应的压缩包,解压压缩包,判断是否存在有预请求配置文件,当存在有预请求配置文件,则从预请求配置文件获取预请求标识信息,从而向服务器发起对应的数据请求,将预请求数据存储到本地。继续解析执行JavaScript,如果有响应的数据请求,根据数据请求中带有的预请求标识,从本地优先读取预请求数据,提升了数据获取的效率,之后根据获取的数据进行页面渲染,页面渲染的整体效率得到提升。
本发明实施例的其他可选特征和技术效果一部分在下文描述,一部分可通过阅读本文而明白。
附图说明
以下,结合附图来详细说明本发明的实施例,所示出的元件不受附图所显示的比例限制,附图中相同或相似的附图标记表示相同或类似的元件,其中:
图1a示出了正常渲染的***结构图;
图1b示出了根据本发明实施例的页面渲染方法的***结构示意图;
图1c示出了根据本发明实施例的页面渲染方法的示例性流程图;
图2示出了根据本发明另一些实施例的页面渲染方法的示例性流程图;
图3示出了根据本发明实施例的页面渲染装置的结构示意图;
图4示出了能实施根据本发明实施例的方法的电子设备的示例性结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白,下面结合具体实施方式和附图,对本发明做进一步详细说明。在此,本发明的示意性实施方式及其说明用于解释本发明,但并不作为对本发明的限定。
在本发明实施例中,“Hippy”是指一种开源的跨端解决方案,与React Native相似。“预请求”是指提前进行数据请求。“正常渲染流程”是指Hippy业务渲染正常流程,先解析Javascript,后请求业务所需数据。
本发明实施例提供一种页面渲染方法,提升页面显示效率,方法包括:接收到用户访问页面的请求,根据用户的请求,判断该Hippy业务是否支持预先请求数据,用于后续的Hippy页面渲染。若支持,请求该业务数据的动作可以提前进行,无需等待代码解析执行到数据请求方法的时候才发起数据请求动作,从而提升用户访问体验。解决请求耦合的问题,通过配置文件的形式,将接口独立,且请求无需在经过后台服务转发,可以直达对应的后台服务,减少服务器的开支。
参照图1a,正常的渲染逻辑为,执行代码时遇到数据请求,客户端210发送给中转节点220,中转节点220,根据数据请求,转发给各个服务器230,各个服务器230将数据返回给中转节点220,中转节点220进行数据组合,然后返回给客户端210,客户端210进行页面渲染。参照图1b,本发明的实施例中的渲染逻辑为,客户端310启动时,从服务器320下载压缩包文件和业务链接信息,当选择某个业务启动时,客户端310根据配置文件,并行的从各个服务器320,获取预请求数据,当执行到页面请求数据时,优先从本地预请求数据中获取目标数据,失败之后再向服务器发起请求,最后进行渲染,整体渲染效率得到提升。
具体地,如图1c所示,本发明的实施例提供了页面渲染方法,包括如下步骤:
S110、响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息,所述目标业务链接信息中包括目标业务名和预请求支持参数;当用户在应用界面中点击某个业务时,例如点击“我的”,对应地,会跳转到“我的”页面,客户端查询与“我的”匹配的业务链接信息。通过业务链接信息中带有的业务名信息匹配找到对应的业务链接信息。业务链接信息中还有预请求支持参数信息,用于指示此业务是否支持预请求。例如针对“我的”业务,业务链接信息为:https://kg.qq.com?hippy=我的&preRequestCgi=1,其中,“hippy=我的”,代表与“我的”业务匹配,preRequestCgi=1代表支持预请求方案。有的链接中,没有这个参数或者为参数为0,代表不支持预请求方案。
S120、根据所述目标业务名,从本地获取预先下载的目标压缩包文件;客户端在启动APP的时候会提前将各个业务的压缩包文件下载到客户端本地,保存的时候会根据业务名进行保存。例如对于“我的”业务,从本地查询“我的”压缩包。压缩包文件中一般包括jsBundle文件、和signture文件,jsBundle文件包含了页面渲染的代码、数据请求的代码等信息,signture文件为网页请求的签名文件,为一个哈希值,客户端向服务器发送请求时,将会验证发送请求中的signture文件信息,以验证网页代码是否又被更改过;如果业务支持预请求数据,则压缩包文件中还会有native_Config文件(预请求配置文件),预请求配置文件中,设置有预请求标识fid,例如“我的”业务下面存在多个子路由,则有过的预请求标识,对应“我的粉丝”有预请求标识fid_my fans,对应“我的关注”有预请求标识fid_myfocus,后台针对不同的子路由对应的预请求数据,设置有不同的服务器存储位置。
S130、判断所述目标压缩包文件中存在预请求配置文件且所述预请求支持参数指示所述目标业务支持预请求时,根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集;客户端解析压缩包文件中存在有预请求配置文件,同时业务链接信息中也有预请求支持参数,或者预请求支持参数为1时,客户端开启预请求数据的工作,在实践中,两个判断可以同时进行判断,也可先进行参数判断,再判断是否存在预请求配置文件。通过两轮判断确定预请求能够可靠执行。本发明实施例中,后台服务器可以利用预请求支持参数,配置业务对应预请求是否开启;通过判断是否有预请求配置文件,获取执行的环境配置信息,避免出现执行报错信息。
在一些实施例中,根据预请求标识,访问服务器获取对应预请求数据。例如,预请求标识能够映射到对应服务器IP地址,能够根据服务器IP地址访问服务器,获取数据。
在一些实施例中,为了更加明确预请求数据的存储位置,提升返回数据的效率,在客户端维护更多的映射信息,具体地,所述预请求配置文件中包括:预请求标识集和与所述预请求标识集中的预请求标识对应的命名空间、命令字、结构体名;所述根据所述预请求配置文件中的预请求标识集访问目标服务器集,获取预请求数据集,包括:
根据所述预请求标识集中的预请求标识,获取命名空间、命令字和结构体名;
根据所述命名空间、命令字和结构体名,获取目标服务器;通过命名空间、命令字和结构体名,能够迅速定位到具体的数据存储位置,便于服务器快速返回预请求数据。能够保障在解析代码遇到数据请求时,预请求数据能够准备好;
向所述目标服务器直接发起请求,获取预请求数据,组成所述预请求数据集。
在一些实施例中,为了便于后续对预请求数据快速定位,可以通过预请求标识快速找到预请求数据,所述预请求配置文件中还设置有针对返回的预请求数据的存储参数。具体地,所述预请求配置文件中还包括:与所述预请求标识对应的数据返回对象参数;所述获取预请求数据,包括:
将从目标服务器获取的预请求数据存储到所述数据返回对象参数中。
S140、解析执行与所述目标业务对应的页面代码,响应于页面代码中数据请求,判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据;客户端在请求预请求数据的同时,也在同步解析执行与目标业务对应的页面代码,当页面代码中有数据请求时,优先根据数据请求中附带的预请求标识信息,从本地获取预请求数据,获取失败后再从远端服务器获取。例如,对于含有报表数据的业务,启动时,预请求报表的数据,存储到本地,当解析网页代码,遇到数据请求时,优先从本地获取报表数据,页面整体显示效率得到提升。
在一些实施例中,所述从所述预请求数据集中获取目标数据,包括:
从所述预请求配置文件中与所述预请求标识对应的数据返回对象参数中获取所述目标数据。根据预请求标识从预请求配置文件中获取对应数据返回对象参数,从中取出目标数据。
S150、根据目标数据进行页面渲染,显示与所述目标业务对应的页面。将目标数据填充到对应的dom节点,依次渲染dom节点,刷新页面,显示业务对应的页面。
本发明实施例中的页面渲染方法,通过预请求机制,预先将需要的数据快速加载到本地,当页面代码执行过程中,需要从服务器获取到数据,优先从本地查询获取,节省了数据传输的时间,也节省了后台服务器进行数据组合的时间,提升了页面显示的效率。
在本发明的一些实施例中,在响应于目标业务启动操作之前,所述页面渲染方法还包括:
S101、响应于目标应用启动操作,从服务器下载各个业务的压缩包和业务链接信息到本地,形成压缩包集合业务链接信息集,其中,当所述业务满足预请求条件时,所述压缩包中包括预请求配置文件。另外,当所述业务满足预请求条件时,业务链接信息中含有预请求支持参数。业务链接信息中带有业务名称,便于后续根据业务启动操作,索引到对应的业务链接信息。
在一些实施例中,所述响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息,包括:
响应于目标业务启动操作,获取目标业务名;
根据目标业务名从所述业务链接信息集中,找到与所述目标业务名匹配的目标业务链接信息。业务链接信息在APP启动的时,从后台服务器获取,或者在于一些实施例中,业务链接信息能够固化到页面代码中。通过后台获取业务链接信息,便于后台配置。
在本发明的一些实施例中,所述根据所述目标业务名,从本地获取预先下载的目标压缩包文件,包括:
根据所述目标业务名从所述压缩包集中,获取所述目标压缩包文件。
为了精确控制各个子路由的数据返回逻辑,节省不必要的数据传输开支,本发明的一些实施例中,可以针对各个子路由的预请求进行精确控制,具体地,所述预请求配置文件中还包括:与所述预请求标识对应的阻断请求;所述根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集,包括:
判断所述阻断请求开启时,停止获取与所述预请求标识对应的预请求数据;
判断所述阻断请求关闭时,获取与所述预请求标识对应的预请求数据。
例如,针对“我的”业务,存在子路由“我的关注”、“我的粉丝”,为了节省数据传输开销,提升页面渲染效率,对于用户不常点击的“我的粉丝”,配置对应的阻断请求为开启状态,这样,在发起数据预请求时,将不再提前获取“我的粉丝”对应的预请求数据。当后台根据需要,例如间隔一段时间后,更新策略,更改配置文件中的阻断开关,这时客户端即可预请求“我的粉丝”中的数据。这样设置,便于后台实现策略调整。
为了保证数据请求可靠执行,避免页面渲染失败,在不能预请求时,及时地进行正常数据请求。本发明的一些实施例中,如图2所示,还包括,
S160、在判断所述目标压缩包文件中不存在预请求配置文件或者所述预请求支持参数指示所述目标业务不支持预请求时,解析执行与所述目标业务对应的页面代码;
S170、响应于页面代码中数据请求,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
为了避免从本地取预请求数据过程失败时,造成页面渲染失败,本发明的一些实施例针对失败情况,提供常规的数据请求过程。具体地,所述判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据,包括:
响应于从所述预请求数据集中获取目标数据失败,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
本发明实施例的页面渲染方法,通过数据预请求,提升了页面渲染的效率,通过配置文件中阻断开关,可以精确控制各个子路由的预请求过程。
本发明实施例中的页面渲染方法,可以运行于各类终端上,不仅可以运用Android终端,也可运用于iOS终端,例如,可以运用Android手机、平板电脑、iPhone、车载终端、智能手表、iWatch、智能音箱、智能手环等终端上,使得页面加载速度得到有效提升。
本发明实施例中的应用的业务可以采用hippy框架编写,也可以采用其他前端架构编写。
下面以hippy框架编写业务为例,进行具体介绍。
本发明的一些实施例中,提供了页面渲染方法,具体步骤如下:
1、客户端在启动app的时候会提前将各个业务的Hippy压缩包下载下来。压缩包主要有以下几项内容:jsBundle文件(必要),signture文件(必要),native_Config文件(可选)。
2、用户点击Hippy业务入口,客户端会根据后台下发的Hippy业务链接进行解析,首先会根据链接中的hippy参数(Hippy业务名)找到对应的Hippy压缩包。客户端在启动时,会运行两个进程,执行下载hippy压缩包和对应的hippy业务链接。
3、如果链接带有preRequestCgi参数,则表明该Hippy业务支持预请求方案。如未携带,则进行正常渲染链路。
4、检查Hippy压缩包是否包含native_Config文件,不存在该文件则进行正常渲染链路。
5、如预请求配置文件存在,客户端开始解析预请求的配置文件,配置文件格式为preRequests数组的JSON对象。preRequests数组包含此对象,包含以下字段:fid(预请求的唯一标识),ns(请求接口的命名空间),cmd(请求接口的命令字),cmdName(请求接口的请求结构体名),rspStructName(请求接口的数据返回结构体名),data(数据对象),fileName(请求接口所存在的文件名),Block(阻断请求开关,为了子路由),limit(限制请求开关)。
6、先检查配置文件中的预请求配置项preRequests是否存在,如存在,解析各个请求配置项,否则进行正常渲染链路。
7、通过Block参数,实现了对子路由的预请求数据的精准控制,避免了数据的浪费。
8、通过preRequest数组,实现多个预请求数据并发请求,解耦了各个请求间的相互依赖,做到了灵活控制,降低了因其中某些接口导致页面渲染效率降低的风险。
9、通过ns(请求接口的命名空间),cmd(请求接口的命令字),cmdName(请求接口的请求结构体名)的组合,实现预请求数据直接访问对应的后台服务,无需经过中转,减少数据请求链路的浪费,加快数据返回。
10、检查预请求配置项,如预请求配置项符合要求,客户端发起对应的数据请求,否则略过该项。如存在多个配置项,重复1.4的流程,否则进行正常渲染链路。
11、客户端解析执行Javascript,如遇到数据请求,则判断fid参数是否存在,如存在则通过客户端的预请求接口获取数据,无需发起正常的数据请求。从而节省了以往正常请求所需要消耗的时间,达到提升用户体验的目的。
12、当存在fid,通过客户端预请求取出对应fid的数据失败时,则发起正常的数据请求,以保证用户所需的数据正常获取。
13、Hippy业务在拿到数据之后,进行页面渲染,向用户呈现页面。
本发明的实施例在运用到hippy业务之后达到的效果如下:提升Hippy业务渲染速度,提升用户体验;预请求文件实现配置化,减少开发成本;移除Node中转层(用于数据组合和数据请求转发),减少服务器开支。
在本发明实施例中,如图3所示,示出一种页面渲染装置900,所述页面渲染装置900包括:
业务链接信息获取模块910,配置为响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息,所述目标业务链接信息中包括目标业务名和预请求支持参数;
压缩包文件获取模块920,配置为根据所述目标业务名,从本地获取预先下载的目标压缩包文件;
预请求数据获取模块930,配置为判断所述目标压缩包文件中存在预请求配置文件且所述预请求支持参数指示所述目标业务支持预请求时,根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集;
目标数据获取模块940,配置为解析执行与所述目标业务对应的页面代码,响应于页面代码中数据请求,判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据;
渲染模块950,配置为根据目标数据进行页面渲染,显示与所述目标业务对应的页面。
在一些实施例中,所述页面渲染装置900,还包括预下载模块960,配置为在响应于目标页面启动操作之前,响应于目标应用启动操作,从服务器下载各个业务的压缩包和业务链接信息,其中,当所述业务满足预请求条件时,所述压缩包中包括预请求配置文件。
在一些实施例中,所述业务链接信息获取模块910具体被配置为:
响应于目标业务启动操作,获取目标业务名;
根据目标业务名从本地存储业务链接信息中,找到与所述目标业务名匹配的目标业务链接信息。
在一些实施例中,所述预请求配置文件中包括:预请求标识集和与所述预请求标识集中的预请求标识对应的命名空间、命令字、结构体名;所述预请求数据获取模块930具体配置为:
根据所述预请求标识集中的预请求标识,获取命名空间、命令字和结构体名;
根据所述命名空间、命令字和结构体名,获取目标服务器;
向所述目标服务器直接发起请求,获取预请求数据,组成所述预请求数据集。
在一些实施例中,所述预请求配置文件中还包括:与所述预请求标识对应的数据返回对象参数;所述预请求数据获取模块930具体还配置为:
将从目标服务器获取的预请求数据存储到所述数据返回对象参数中。
在一些实施例中,所述目标数据获取模块940,具体配置为:
从所述预请求配置文件中与所述预请求标识对应的数据返回对象参数中获取所述目标数据。
在一些实施例中,所述预请求配置文件中还包括:与所述预请求标识对应的阻断请求;所述预请求数据获取模块930具体还配置为:
判断所述阻断请求开启时,停止获取与所述预请求标识对应的预请求数据;
判断所述阻断请求关闭时,获取与所述预请求标识对应的预请求数据。
在一些实施例中,所述页面渲染装置900,还包括正常渲染模块970,配置为:判断所述目标压缩包文件中不存在预请求配置文件或者所述预请求支持参数指示所述目标业务不支持预请求时,解析执行与所述目标业务对应的页面代码;响应于页面代码中数据请求,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
在一些实施例中,所述目标数据获取模块940还被配置为:
响应于从所述预请求数据集中获取目标数据失败,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
在一些实施例中,所述页面渲染装置可以结合任一实施例的页面渲染方法的特征,反之亦然,在此不赘述。
在本发明实施例中,提供一种电子设备,包括:处理器和存储有计算机程序的存储器,所述处理器被配置为在运行计算机程序时执行任一本发明实施例的页面渲染方法。
图4示出了一种可以实施本发明实施例的方法或实现本发明实施例的电子设备1100的示意图,在一些实施例中可以包括比图示更多或更少的电子设备。在一些实施例中,可以利用单个或多个电子设备实施。在一些实施例中,可以利用云端或分布式的电子设备实施。
如图4所示,电子设备1100包括中央处理器(CPU)1101,其可以根据存储在只读存储器(ROM)1102中的程序和/或数据或者从存储部分1108加载到随机访问存储器(RAM)1103中的程序和/或数据而执行各种适当的操作和处理。CPU 1101可以是一个多核的处理器,也可以包含多个处理器。在一些实施例中,CPU 1101可以包含一个通用的主处理器以及一个或多个特殊的协处理器,例如图形处理器(GPU)、神经网络处理器(NPU)、数字信号处理器(DSP)等等。在RAM 1103中,还存储有电子设备1100操作所需的各种程序和数据。CPU 1101、ROM 1102以及RAM 1103通过总线1104彼此相连。输入/输出(I/O)接口1105也连接至总线1104。
上述处理器与存储器共同用于执行存储在存储器中的程序,所述程序被计算机执行时能够实现上述各实施例描述的高解析音频生成模型的训练方法、高解析音频生成方法、音效切换方法的步骤或功能。
以下部件连接至I/O接口1105:包括键盘、鼠标、触摸屏等的输入部分1106;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1107;包括硬盘等的存储部分1108;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1109。通信部分1109经由诸如因特网的网络执行通信处理。驱动器1110也根据需要连接至I/O接口1105。可拆卸介质1111,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器1110上,以便于从其上读出的计算机程序根据需要被安装入存储部分1108。图4中仅示意性示出部分组件,并不意味着计算机***1100只包括图4所示组件。
在一些实施例中所述电子设备1100指代的时移动终端,包括手机,车载终端,智能电视等,以手机为例,所述电子设备1100中还包括带触摸功能的显示屏,外放音响,陀螺仪,摄像头,4G/5G天线等装置模块。
上述实施例阐明的***、装置、模块或单元,可以由计算机或其关联部件实现。计算机例如可以为移动终端、智能电话、个人计算机、膝上型计算机、车载人机交互设备、个人数字助理、媒体播放器、导航设备、游戏控制台、平板电脑、可穿戴设备、智能电视、物联网***、智能家居、工业计算机、服务器或者其组合。
尽管未示出,在本发明实施例中,提供一种存储介质,所述存储介质存储有计算机程序,所述计算机程序配置成被运行时执行任一本发明实施例的页面渲染方法。
在本发明的实施例的存储介质包括永久性和非永久性、可移动和非可移动的可以由任何方法或技术来实现信息存储的物品。存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。
在本发明的实施例的方法、程序、***、装置等,可以在单个或多个连网的计算机中执行或实现,也可以在分布式计算环境中实践。在本说明书实施例中,在这些分布式计算环境中,可以由通过通信网络而被连接的远程处理设备来执行任务。
本领域技术人员应明白,本说明书的实施例可提供为方法、***或计算机程序产品。因此,本领域技术人员可想到,上述实施例阐明的功能模块/单元或控制器以及相关方法步骤的实现,可以用软件、硬件和软/硬件结合的方式实现。
除非明确指出,根据本发明实施例记载的方法、程序的动作或步骤并不必须按照特定的顺序来执行并且仍然可以实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
在本文中,针对本发明的多个实施例进行了描述,但为简明起见,各实施例的描述并不是详尽的,各个实施例之间相同或相似的特征或部分可能会被省略。在本文中,“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”意指适用于根据本发明的至少一个实施例或示例中,而非所有实施例。上述术语并不必然意味着指代相同的实施例或示例。在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
已参考上述实施例具体示出并描述了本发明的示例性***及方法,其仅为实施本***及方法的最佳模式的示例。本领域的技术人员可以理解的是可以在实施本***及/或方法时对这里描述的***及方法的实施例做各种改变而不脱离界定在所附权利要求中的本发明的精神及范围。
Claims (12)
1.一种页面渲染方法,其特征在于,包括如下步骤:
响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息,所述目标业务链接信息中包括目标业务名和预请求支持参数;
根据所述目标业务名,从本地获取预先下载的目标压缩包文件;
判断所述目标压缩包文件中存在预请求配置文件且所述预请求支持参数指示所述目标业务支持预请求时,根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集;
解析执行与所述目标业务对应的页面代码,响应于页面代码中数据请求,判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据;
根据目标数据进行页面渲染,显示与所述目标业务对应的页面。
2.根据权利要求1所述的页面渲染方法,其特征在于,在响应于目标业务启动操作之前,所述页面渲染方法还包括:
响应于目标应用启动操作,从服务器下载各个业务的压缩包和业务链接信息到本地,形成压缩包集和业务链接信息集,其中,当所述业务满足预请求条件时,所述压缩包中包括预请求配置文件。
3.根据权利要求2所述的页面渲染方法,其特征在于,所述响应于目标业务启动操作,从本地获取与所述目标业务关联的目标业务链接信息,包括:
响应于目标业务启动操作,获取目标业务名;
根据目标业务名从所述业务链接信息集中,找到与所述目标业务名匹配的目标业务链接信息。
4.根据权利要求2所述的页面渲染方法,其特征在于,所述根据所述目标业务名,从本地获取预先下载的目标压缩包文件,包括:
根据所述目标业务名从所述压缩包集中,获取所述目标压缩包文件。
5.根据权利要求1所述的页面渲染方法,其特征在于,所述预请求配置文件中包括:预请求标识集和与所述预请求标识集中的预请求标识对应的命名空间、命令字、结构体名;
所述根据所述预请求配置文件中的预请求标识集访问目标服务器集,获取预请求数据集,包括:
根据所述预请求标识集中的预请求标识,获取命名空间、命令字和结构体名;
根据所述命名空间、命令字和结构体名,获取目标服务器;
向所述目标服务器直接发起请求,获取预请求数据,组成所述预请求数据集。
6.根据权利要求5所述的页面渲染方法,其特征在于,所述预请求配置文件中还包括:与所述预请求标识对应的数据返回对象参数;
所述获取预请求数据,包括:
将从目标服务器获取的预请求数据存储到所述数据返回对象参数中。
7.根据权利要求5所述的页面渲染方法,其特征在于,所述从所述预请求数据集中获取目标数据,包括:
从所述预请求配置文件中与所述预请求标识对应的数据返回对象参数中获取所述目标数据。
8.根据权利要求1所述的页面渲染方法,其特征在于,所述预请求配置文件中包括:与所述预请求标识对应的阻断请求;
所述根据所述预请求配置文件中的预请求标识集访问目标服务器,获取预请求数据集,包括:
判断所述阻断请求开启时,停止获取与所述预请求标识对应的预请求数据;
判断所述阻断请求关闭时,获取与所述预请求标识对应的预请求数据。
9.根据权利要求1所述的页面渲染方法,其特征在于,判断所述目标压缩包文件中不存在预请求配置文件或者所述预请求支持参数指示所述目标业务不支持预请求时,
解析执行与所述目标业务对应的页面代码;
响应于页面代码中数据请求,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
10.根据权利要求1所述的页面渲染方法,其特征在于,所述判断所述数据请求中的预请求标识属于所述预请求标识集时,从所述预请求数据集中获取目标数据,包括:
响应于从所述预请求数据集中获取目标数据失败,根据数据请求访问服务器,获取目标数据,其中,所述目标数据由从多个服务器获取到的目标子数据组合生成。
11.一种计算机可读存储介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-10中任一所述的方法。
12.一种电子设备,其特征在于,包括:处理器和存储有计算机程序的存储器,所述处理器被配置为在运行计算机程序时执行权利要求1-10中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111050924.9A CN113761408A (zh) | 2021-09-08 | 2021-09-08 | 页面渲染方法、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111050924.9A CN113761408A (zh) | 2021-09-08 | 2021-09-08 | 页面渲染方法、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113761408A true CN113761408A (zh) | 2021-12-07 |
Family
ID=78793973
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111050924.9A Pending CN113761408A (zh) | 2021-09-08 | 2021-09-08 | 页面渲染方法、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113761408A (zh) |
-
2021
- 2021-09-08 CN CN202111050924.9A patent/CN113761408A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111581563B (zh) | 页面响应方法、装置、存储介质和电子设备 | |
CN109614162B (zh) | 基于组件开发模式下的前端加载优化方法、存储介质 | |
CN113468456B (zh) | 网页渲染方法及装置、电子设备和计算机可读存储介质 | |
CN107066631A (zh) | 页面的显示方法、装置及电子设备 | |
US9088462B2 (en) | Common web accessible data store for client side page processing | |
US11579902B2 (en) | User interface rendering performance | |
CN109032797A (zh) | 用于提供网页访问的方法及设备 | |
KR101785595B1 (ko) | 구조화 문서의 페이지렛의 캐싱 | |
CN107798064B (zh) | 页面处理方法、电子设备及计算机可读存储介质 | |
CN104516885A (zh) | 浏览程序双内核组件的实现方法及装置 | |
CN110795649A (zh) | 目标页面展示方法、装置、***及电子设备 | |
CN111367518B (zh) | 页面布局方法、装置、计算设备及计算机存储介质 | |
US20130318148A1 (en) | Serialization and distribution of serialized content using socket-based communication | |
CN112579928A (zh) | 页面跳转方法、装置、计算机设备及计算机可读存储介质 | |
CN109582317B (zh) | 用于调试寄宿应用的方法和装置 | |
CN113761412A (zh) | 应用页面的显示方法、装置、电子设备、介质及应用*** | |
CN110515631B (zh) | 应用安装数据包的生成方法、服务器及计算机存储介质 | |
CN113515717B (zh) | 导航页面更新方法、装置、电子设备及存储介质 | |
CN112804366B (zh) | 用于解析域名的方法和装置 | |
US20210185109A1 (en) | Page presentation method and system, computer system, and computer readable medium | |
CN111783010A (zh) | 网页空白页面监测方法、装置、终端及存储介质 | |
CN116821533A (zh) | 页面渲染方法、计算机设备和计算机可读存储介质 | |
CN113761408A (zh) | 页面渲染方法、电子设备及存储介质 | |
CN115421693A (zh) | 微前端架构的实现方法、装置、计算机设备和存储介质 | |
CN113315829B (zh) | 客户端离线化h5页面加载方法、装置、计算机设备及介质 |
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 |