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

技术编号:38498806 阅读:13 留言:0更新日期:2023-08-15 17:07
本发明专利技术实施例公开了一种页面渲染方法、装置、电子设备及存储介质。该方法包括获取待调用的共享页面的服务标识和路由信息;根据所述服务标识获取所述共享页面对应的系统访问地址,根据所述系统访问地址获取至少一个备选共享页面的页面信息;根据所述备选共享页面的页面信息更新页面的路由表,根据所述路由表和路由信息渲染所述待调用的共享页面。本发明专利技术实施例的技术方案,解决了相关技术中的页面渲染方案存在的资源占用以及交互性方面的问题,实现对相同业务的页面共享同一份页面代码,且无需新建窗口显示该共享页面,可以无障碍的执行页面交互。面交互。面交互。

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


[0001]本专利技术涉及数据处理
,尤其涉及一种页面渲染方法、装置、电子设备及存储介质。

技术介绍

[0002]目前,不同系统软件之间会存在相互关联,可能存在相同业务的页面。如果对相同业务的页面都写一份同样的代码,当页面出现bug或需要更新的情况下,就得逐个更新页面代码,增加开发工作量和维护工作量。
[0003]通常采用iframe(一种HTML标签,用于创建包含另外一个文档的内联框架)在当前的页面内加载其他服务地址的网站,加载的时候指定待调用的页面。在当前的页面上新加载一个窗口,在该窗口中渲染指定的页面,从而,避免为相同业务的每个页面编写一份相同的代码。
[0004]然而,由于iframe加载的是整个网站,而需要展示的是其中的某一个页面,所以该方式会占用许多不必要的资源,并且,iframe是在原始网页上新加载一个窗口,以展示相同业务的页面,该新页面与原有的页面两者的交互性很差,无法实现全面性的融合。

技术实现思路

[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]可选地,所述地址获取模块具体用于:
[0045]根据服务标识与系统访问地址之间的关联关系,获取与所述共享页面对应的系统访问地址;
[0046]根据所述系统访问地址访问对应的目标系统,从所述目标系统获取与所述服务标识对应的至少一个备选共享页面的页面文件;
[0047]获取所述页面文件中各备选共享页面的页面信息。
[0048]可选地,还包括:
[0049]页面文件确定模块,用于根据预设的共享函数生成目标脚本文件;根据各备选共享页面的页面访问路径和页面代码,生成所述共享函数的对象内容,根据所述对象内容更新所述目标脚本文件;根据更新后的目标脚本文件生成至少一个备选共享页面的页面文件。
[0050]可选地,所述地址获取模块具体还用于:
[00本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面渲染方法,其特征在于,包括:获取待调用的共享页面的服务标识和路由信息;根据所述服务标识获取所述共享页面对应的系统访问地址,根据所述系统访问地址获取至少一个备选共享页面的页面信息;根据所述备选共享页面的页面信息更新页面的路由表,根据所述路由表和路由信息渲染所述待调用的共享页面。2.根据权利要求1所述的方法,其特征在于,在获取待调用的共享页面的服务标识和路由信息之后,还包括:根据所述路由信息匹配页面的路由表;在所述路由表中包含所述路由信息的情况下,执行根据所述路由表和路由信息渲染所述待调用的共享页面。3.根据权利要求1所述的方法,其特征在于,所述获取待调用的共享页面的服务标识和路由信息,包括:根据页面的跳转事件确定待调用的共享页面,获取所述共享页面的服务名称和路由地址。4.根据权利要求1所述的方法,其特征在于,所述根据所述服务标识获取所述共享页面对应的系统访问地址,根据所述系统访问地址获取至少一个备选共享页面的页面信息,包括:根据服务标识与系统访问地址之间的关联关系,获取与所述共享页面对应的系统访问地址;根据所述系统访问地址访问对应的目标系统,从所述目标系统获取与所述服务标识对应的至少一个备选共享页面的页面文件;获取所述页面文件中各备选共享页面的页面信息。5.根据权利要求4所述的方法,其特征在于,所述至少一个备选共享页面的页面文件的确定方式包括:根据预设的共享函数生成目标脚本文件;根据各备选共享页面的页面访问路径和页面代码,生成所述共享函数的对象内容,根据所述对象内容更新所述目标脚本文件;根据更新后的目标脚本文件生成至少一个备选共享页面的页面文件。6.根据权利要求5所述的方法,其...

【专利技术属性】
技术研发人员:李伍尧孙会首李明达
申请(专利权)人:曙光云计算集团有限公司
类型:发明
国别省市:

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

1