页面渲染方法、装置、设备及计算机可读存储介质制造方法及图纸

技术编号:26375446 阅读:35 留言:0更新日期:2020-11-19 23:44
本发明专利技术涉及金融科技技术领域,公开了一种页面渲染方法、装置、设备及计算机可读存储介质。该页面渲染方法包括:在接收到浏览器页面跳转请求时,根据浏览器页面跳转请求获取待跳转页面地址;从预先生成的路由配置文件中获取与待跳转页面地址相匹配的路由,并获取相匹配的路由的匹配路由路径;根据匹配路由路径对各相匹配的路由进行评分,并根据评分结果确定目标路由;根据路由配置文件确定目标路由对应的目标组件,加载目标组件,以渲染得到待跳转页面地址对应的目标页面。本发明专利技术能够解决前端渲染过程中路由匹配方案不准确的问题。

【技术实现步骤摘要】
页面渲染方法、装置、设备及计算机可读存储介质
本专利技术涉及金融科技(Fintech)
,尤其涉及一种页面渲染方法、装置、设备及计算机可读存储介质。
技术介绍
随着计算机技术的发展,越来越多的技术应用在金融领域,传统金融业正在逐步向金融科技(Fintech)转变,但由于金融行业的安全性、实时性要求,也对技术提出了更高的要求。现有的页面渲染方式包括服务端渲染和客户端渲染,分别适用于不同的开发与业务场景。其中,服务端渲染又称为后端渲染,可基于SpringMVC(一种java框架)框架实现,在页面渲染过程中,浏览器请求服务端,服务端先匹配到对应路由,执行路由对应的处理器,以在处理器中处理业务逻辑,再根据数据和渲染模板生成HTML(HyperTextMark-upLanguage,超文本标记语言)文件内容返回给浏览器,整个流程耗时较长,导致打开页面很慢,用户体验不够好。对此,目标通常会采用客户端渲染的方式进行页面渲染。客户端渲染又称为前端渲染,可基于ReactRouter(一种路由解决方案)应用程序来实现。在页面渲染过程中,会通过本文档来自技高网...

【技术保护点】
1.一种页面渲染方法,其特征在于,所述页面渲染方法包括:/n在接收到浏览器页面跳转请求时,根据所述浏览器页面跳转请求获取待跳转页面地址;/n从预先生成的路由配置文件中获取与所述待跳转页面地址相匹配的路由,并获取所述相匹配的路由的匹配路由路径;/n根据所述匹配路由路径对各相匹配的路由进行评分,并根据评分结果确定目标路由;/n根据所述路由配置文件确定所述目标路由对应的目标组件,加载所述目标组件,以渲染得到所述待跳转页面地址对应的目标页面。/n

【技术特征摘要】
1.一种页面渲染方法,其特征在于,所述页面渲染方法包括:
在接收到浏览器页面跳转请求时,根据所述浏览器页面跳转请求获取待跳转页面地址;
从预先生成的路由配置文件中获取与所述待跳转页面地址相匹配的路由,并获取所述相匹配的路由的匹配路由路径;
根据所述匹配路由路径对各相匹配的路由进行评分,并根据评分结果确定目标路由;
根据所述路由配置文件确定所述目标路由对应的目标组件,加载所述目标组件,以渲染得到所述待跳转页面地址对应的目标页面。


2.如权利要求1所述的页面渲染方法,其特征在于,所述根据所述匹配路由路径对各相匹配的路由进行评分,并根据评分结果确定目标路由的步骤包括:
对所述匹配路由路径进行拆分,得到各相匹配的路由的子项数量,根据所述子项数量和第一预设分值计算得到第一得分;
获取各相匹配的路由的各子项的子项类型,并根据所述子项类型确定各相匹配的路由的各子项的第二得分;
对所述第一得分和所述第二得分进行加和,得到各相匹配的路由的评分;
将所述评分中最大值所对应的路由确定为目标路由。


3.如权利要求2所述的页面渲染方法,其特征在于,所述获取各相匹配的路由的各子项的子项类型,并根据所述子项类型确定各相匹配的路由的各子项的第二得分的步骤包括:
检测各相匹配的路由的各子项中是否包括预设特殊字符,得到第一检测结果;
检测各相匹配的路由的各子项是否为根端,得到第二检测结果;
根据所述第一检测结果和所述第二检测结果确定各子项的子项类型;
根据所述子项类型和预设子项类型与分值之间的映射关系,确定各相匹配的路由的各子项的第二得分。


4.如权利要求1至3中任一项所述的页面渲染方法,其特征在于,所述从预先生成的路由配置文件中获取与所述待跳转页面地址相匹配的路由,并获取所述相匹配的路由的匹配路由路径的步骤之前,还包括:
在接收到路由设置请求时,根据所述路由设置请求显示页面目录设置界面;
在接收到用户基于所述页面目录设置界面触发的输入完成指令时,获取用户输入的页面目录;
遍历所述页面目录,检测当前遍历的页面目录所对应的文件夹中是否存在子路由文件;
若存在子路由文件,则获取当前遍历的子路由文件的文件名,根据所述文件名确定路由类型,并根据所述路由类型和所述文件名生成第二路由数据;
获取所述子路由文件对应的布局文件及其第一路由数据,并根据所述第二路由数据对所述第一路由数据进行更新;
根据更新后的第一路由数据和所述第二路由数据生成所述路由配置文件。


5.如权利要求4所述的页面渲染方法,其特征在于,所述获取所述子路由文件对应的布局文件及其第一路由数据,并根据所述第二路由数据对所述第一路由数据进行更新的步骤包括:
检测当前遍历的页面目录所对应的文件夹中是否存在布局文件;
若当前遍历的页...

【专利技术属性】
技术研发人员:万纯林挺
申请(专利权)人:深圳前海微众银行股份有限公司
类型:发明
国别省市:广东;44

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

1