一种网页页面的显示方法、装置、系统、设备及存储介质制造方法及图纸

技术编号:36351386 阅读:26 留言:0更新日期:2023-01-14 18:06
本发明专利技术公开了一种网页页面的显示方法、装置、系统、设备及存储介质,该方法包括:基于接收到的网页部署包,生成网页部署数据;获取与网页容器发送的网页加载请求中网页地址标识对应的目标网页部署数据,并将目标网页部署数据中的目标网页渲染文件发送给网页容器,以使网页容器基于目标网页渲染文件,生成初始网页页面;从业务服务器端获取与目标网页部署数据中的目标服务器访问数据对应的业务数据,并将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器,以使网页容器基于目标网页回填数据、业务数据以及初始网页页面,生成目标网页页面,并将目标网页页面进行显示。本发明专利技术实施例在提高了网页页面的开发效率。率。率。

【技术实现步骤摘要】
一种网页页面的显示方法、装置、系统、设备及存储介质


[0001]本专利技术涉及移动终端
,尤其涉及一种网页页面的显示方法、装置、系统、设备及存储介质。

技术介绍

[0002]在移动APP(Application,应用程序)的开发过程中,通常会采用web技术开发网页页面。
[0003]目前,为了提高网页页面的显示效率,一般在移动APP发版时,需要将访问业务服务器端所需的服务器访问数据、以及将业务数据回填到H5容器时所需的网页回填数据提前写入到客户端程序中。其中,H5容器是内嵌在客户端中用于运行和展示页面的网页视图组件。
[0004]在H5容器需要显示网页页面时,H5容器从部署服务器端下载网页渲染文件并执行渲染操作,同时,H5容器通过调用客户端接口,使得客户端基于服务器访问数据从业务服务器端获取业务数据,并将网页回填数据和业务数据发送给H5容器,H5容器基于网页回填数据将业务数据回填到渲染完成的网页页面中。
[0005]在实现本专利技术的过程中,发现现有技术中至少存在以下技术问题:
[0006]上述方法需要网页本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页页面的显示方法,其特征在于,应用于部署服务器端,包括:基于接收到的网页部署包,生成网页部署数据;其中,所述网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据;响应于检测到网页容器发送的网页加载请求,获取与所述网页加载请求中网页地址标识对应的目标网页部署数据,并将目标网页部署数据中的目标网页渲染文件发送给所述网页容器,以使所述网页容器基于所述目标网页渲染文件,生成初始网页页面;从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据,并将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器,以使所述网页容器基于所述目标网页回填数据、业务数据以及初始网页页面,生成目标网页页面,并将所述目标网页页面进行显示。2.根据权利要求1所述的方法,其特征在于,所述基于接收到的网页部署包,生成网页部署数据,包括:对接收到的网页部署包中的超文本标记语言文件进行解析,得到服务器访问数据以及网页回填数据;删除所述超文本标记语言文件中与所述服务器访问数据对应的代码数据以及删除所述超文本标记语言文件中与所述网页回填数据对应的代码数据,得到网页渲染文件。3.根据权利要求1所述的方法,其特征在于,所述目标服务器访问数据包括至少一个服务器接口数据以及与各所述服务器接口数据分别对应的业务请求参数,所述业务数据包括与各所述服务器接口数据分别对应的子业务数据,相应的,所述从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据,包括:针对每个服务器接口数据,基于与所述服务器接口数据对应的业务请求参数,生成业务数据请求;通过调用业务服务器端中与所述服务器接口数据对应的服务器接口,将所述业务数据请求发送给业务服务器端,并接收所述业务服务器端基于所述业务数据请求中业务请求参数返回的子业务数据。4.根据权利要求3所述的方法,其特征在于,所述目标网页回填数据包括与各所述服务器接口数据分别对应的网页接口数据以及业务返回参数,相应的,将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器,包括:针对每个服务器接口数据,基于与所述服务器接口数据对应的网页接口数据、业务返回参数以及子业务数据,生成网页传输数据;其中,所述网页传输数据中的key值为所述网页接口数据和业务返回参数,与所述key值对应的value值为所述子业务数据;基于各网页传输数据,生成网页传输请求,并将所述网页传输请求发送给所述网页容器。5.一种网页页面的显示方法,其特征在于,应用于网页容器,包括:响应于检测到网页加载指令,基于所述网页加载指令中的网页地址标识,生成网页加载请求,并将所述网页加载请求发送给部署服务器端;响应于接收到所述部署服务器端发送的目标网页渲染文件,基于所述目标网页渲染文件,生成初始网页页面;响应于接收到所述部署服务器端发送的业务数据以及目标网页回填数据,基于所述目
标网页回填数据、业务数据以及初始网页页面,生成目标网页页面,并将所述目标网页页面进行显示;其中,所述业务数据是所述部署服务器端基于与所述网页地址标识对应的目标服务器访问数据从业务服务器端获取到的,所述目标网页渲染文件、所述目标服务器访问数据以及所述目标网页回填数据是所述部署服务器端基于接收到的网页部署包生成的。6.根据权利要求5所述的方法,其特征在于,所述目标网页回填数据包括至少一个网页接口数据以及与各所述网页接口数据分别对应的业务返回参数,所述业务数据包括与各所述网页接口数据分别对应的子业务数据,相应的,所述基于所述目标网页回填数据、业务数据以及初始网页页面,生成目标网页页面,包括:针对每个网页接口数据,获取所述业务数据中与所述网页接口数据对应的子业务数据;通过调用网页加载完成方法中的脚本处理方法,基于所述网页...

【专利技术属性】
技术研发人员:张发星
申请(专利权)人:京东科技信息技术有限公司
类型:发明
国别省市:

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

1