[发明专利]基于组件模板的页面渲染方法、设备及可读存储介质

说明书

本发明公开了一种基于组件模板的页面渲染方法、设备及可读存储介质，所述方法包括：确定基于组件配置所构建页面中包含的待渲染组件，并从封装的各预设组件模板中确定出与各所述待渲染组件分别对应的目标组件模板；获取各所述待渲染组件的属性信息，并将各所述属性信息分别输入到各所述目标组件模板进行渲染，获得各所述待渲染组件的渲染结果；将各所述渲染结果显示在所述页面中，完成所述页面的渲染。本发明通过封装预设组件模板对各种类型的组件进行渲染，对于由各种组件构建得到的各种样式页面中的同类组件，调用相同的预设组件模板即可进行渲染处理，提高了对各种样式页面渲染的效率。

技术领域

本发明涉及金融科技(Fintech)技术领域，尤其涉及一种基于组件模板的页面渲染方法、设备及可读存储介质。

背景技术

随着金融科技(Fintech)，尤其是互联网科技金融的不断发展，越来越多的技术(如人工智能、大数据、云存储等)应用在金融领域，但金融领域也对各类技术提出了更高的要求，如要求提高渲染各种样式页面的效率。

目前，页面通常以页面组件的形式构建，但是现有页面组件是固定的，支持组件选择但不支持自定义组件，以此所构建的页面通常以页面维度进行渲染。即，不同样式页面建立各自的渲染逻辑，且每个页面上的各个组件逐一设定各自的渲染机制进行渲染。但无论是对不同样式页面建立渲染逻辑，还是对每个页面中的组件设定各自的渲染机制，都存在重复建立相同渲染机制进行渲染的情形，影响了对各种样式页面的渲染效率。

因此，如何提高对各种样式页面渲染的效率是当前亟待解决的技术问题。

发明内容

本发明的主要目的在于提供一种基于组件模板的页面渲染方法、设备及可读存储介质，旨在解决现有技术中如何提高对各种样式页面渲染的效率的技术问题。

为实现上述目的，本发明提供一种基于组件模板的页面渲染方法，所述基于组件模板的页面渲染方法包括以下步骤：

确定基于组件配置所构建页面中包含的待渲染组件，并从封装的各预设组件模板中确定出与各所述待渲染组件分别对应的目标组件模板；

获取各所述待渲染组件的属性信息，并将各所述属性信息分别输入到各所述目标组件模板进行渲染，获得各所述待渲染组件的渲染结果；

将各所述渲染结果显示在所述页面中，完成所述页面的渲染。

可选地，所述将各所述渲染结果显示在所述页面中，完成所述页面的渲染的步骤之后，所述方法还包括：

当接收到基于所述页面中按钮组件触发的查询请求时，获取与所述查询请求对应的结果数据；

将所述结果数据存入预设存储单元，并查找与所述按钮组件对应的关联组件模板；

将所述预设存储单元中的结果数据，传输到所述关联组件模板渲染，获得数据渲染结果显示在所述页面中，更新所述页面。

可选地，所述待渲染组件至少包括第一类待渲染组件；

所述当接收到基于所述页面中按钮组件触发的查询请求时，获取与所述查询请求对应的结果数据的步骤之前，所述方法还包括：

当侦测到各所述第一类待渲染组件中任一所述第一类待渲染组件的第一属性信息变化时，分别获取各所述第一类待渲染组件的第一输出数据；

基于各所述第一类待渲染组件的预设字段对获取的各所述第一类待渲染组件的第一输出数据进行存储，形成为请求参数对象，并基于所述请求参数对象形成所述查询请求。

可选地，所述获取与所述查询请求对应的结果数据的步骤包括：

根据所述查询请求中的各第一输出数据，对所述查询请求中的请求参数进行限定，并基于限定的所述请求参数，获取所述结果数据；