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

权利要求书

1.一种基于组件模板的页面渲染方法，其特征在于，所述基于组件模板的页面渲染方法包括以下步骤：

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

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

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

2.如权利要求1所述的基于组件模板的页面渲染方法，其特征在于，所述将各所述渲染结果显示在所述页面中，完成所述页面的渲染的步骤之后，所述方法还包括：

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

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

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

3.如权利要求2所述的基于组件模板的页面渲染方法，其特征在于，所述待渲染组件至少包括第一类待渲染组件；

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

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

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

4.如权利要求3所述的基于组件模板的页面渲染方法，其特征在于，所述获取与所述查询请求对应的结果数据的步骤包括：

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

所述结果数据为多项，所述关联组件模板为多个，所述将所述预设存储单元中的结果数据，传输到所述关联组件模板渲染的步骤包括：

将所述预设存储单元中的各结果数据，分别传输到各所述关联组件模板，替换各所述关联组件模板的预设变量；

基于各所述关联组件模板将各所述结果数据分别填充至待渲染字段，以基于各所述待渲染字段对各所述结果数据进行渲染。

5.如权利要求2所述的基于组件模板的页面渲染方法，其特征在于，所述将所述结果数据存入预设存储单元，并查找与所述按钮组件对应的关联组件模板的步骤之前，所述方法还包括：

基于预设请求序列号，建立所述页面中的按钮组件与所述预设组件模板之间的关联关系，以基于所述关联联系，查找与所述按钮组件对应的关联组件模板。

6.如权利要求1-5任一项所述的基于组件模板的页面渲染方法，其特征在于，所述待渲染组件至少包括第二类待渲染组件；

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

当侦测到各所述第二类待渲染组件中任一所述第二类待渲染组件的第二属性信息变化时，触发实时更新事件；

从各所述待渲染组件的预设字段中获取与所述实时更新事件对应的第二输出数据，并对各所述第二输出数据渲染后显示在所述页面。

7.如权利要求1-5任一项所述的基于组件模板的页面渲染方法，其特征在于，所述从封装的各预设组件模板中确定出与各所述待渲染组件分别对应的目标组件模板的步骤包括：

读取各所述待渲染组件中预设属性字段内的模板关联标识，以及封装的各所述预设组件模板的模板标识；

将各所述模板关联标识分别和各所述模板标识对比，确定与各所述模板关联标识匹配的目标模板标识；

将封装的各所述预设组件模板中与所述目标模板标识对应的预设组件模板，确定为与各所述待渲染组件分别对应的目标组件模板。