[发明专利]基于自定义配置属性字段的页面动态渲染方法及系统

权利要求书

1.一种基于自定义配置属性字段的页面动态渲染方法，其特征在于，包括：

将待配置的表单或列表文件读入内存，并基于预封装的组件在图形化界面中进行显示；其中，所述表单及列表文件中的各配置项分别与其对应的预封装组件相关联；

在所述图形化界面中通过拖拽属性字段、修改字段名称以及自定义排序，实现表单或列表文件中各配置项所对应资产属性值的动态配置；

获取配置的表单或列表的资产属性值，基于表单或列表的预封装组件实现相关页面中表单或列表的动态渲染；

其中，对于所述表单，采用预置表单项的方式封装动态表单组件，其中，所述表单基于JSON格式文件进行表示；对于所述列表，采用JSX与渲染器结合的方式进行动态列表封装；所述封装的动态表单组件及动态列表均在所述图形化界面中进行展示。

2.如权利要求1所述的一种基于自定义配置属性字段的页面动态渲染方法，其特征在于，所述采用预置表单项的方式封装动态表单组件，具体为：预先将表单常用项封装为表单组件，所述表单常用项包括文本框、下拉框、级联选择器、文本域以及日期选择器。

3.如权利要求1所述的一种基于自定义配置属性字段的页面动态渲染方法，其特征在于，所述实现表单或列表文件中各配置项所对应资产属性值的动态配置，具体为：通过在所述图形化界面中拖拽属性字段、修改字段名称以及自定义排序，实现表单或列表对应配置项的修改，并将修改后的配置项属性值返回至内存中的表单或列表文件中。

4.如权利要求1所述的一种基于自定义配置属性字段的页面动态渲染方法，其特征在于，获取配置的表单或列表的资产属性值，基于表单或列表的预封装组件实现相关页面中表单或列表的动态渲染，具体为：从表单或列表文件中读取修改后的配置项，并进行相关校验判断后，通过循环遍历表单或列表相关组件的方式完成表单或列表在页面上的渲染。

5.如权利要求4所述的一种基于自定义配置属性字段的页面动态渲染方法，其特征在于，所述相关校验判断包括表单项类型、是否必填、限制字长、是否超链接、是否校验特殊字符以及一行展示几个表单项的属性值逻辑判断。

6.如权利要求1所述的一种基于自定义配置属性字段的页面动态渲染方法，其特征在于，所述采用JSX与渲染器结合的方式进行动态列表封装，具体为：采用vxe-table组件结合JSX+渲染器方式实现表头字段筛选以及单元格格式化的复用。

7.如权利要求1所述的一种基于自定义配置属性字段的页面动态渲染方法，其特征在于，所述列表的动态渲染具体为：利用vxe-table中的cell-render属性，通过computed函数计算判断出数据是否为超链接、图标或操作项；通过读取全局注册的渲染器，获取对应render函数的返回结果；当存在固定列且列数超过预设阈值时，采用组件自带的loadData/loadColumn函数完成动态列表的渲染。

8.一种基于自定义配置属性字段的页面动态渲染系统，其特征在于，包括：

数据导入单元，其用于将待配置的表单或列表文件读入内存，并基于预封装的组件在图形化界面中进行显示；其中，所述表单及列表文件中的各配置项分别与其对应的预封装组件相关联；

动态配置单元，其用于在所述图形化界面中通过拖拽属性字段、修改字段名称以及自定义排序，实现表单或列表文件中各配置项所对应资产属性值的动态配置；

页面渲染单元，其用于获取配置的表单或列表的资产属性值，基于表单或列表的预封装组件实现相关页面中表单或列表的动态渲染；

其中，对于所述表单，采用预置表单项的方式封装动态表单组件，其中，所述表单基于JSON格式文件进行表示；对于所述列表，采用JSX与渲染器结合的方式进行动态列表封装；所述封装的动态表单组件及动态列表均在所述图形化界面中进行展示。

9.一种计算机可读存储介质，其上存储有程序，其特征在于，该程序被处理器执行时实现如权利要求1-7任一项所述的一种基于自定义配置属性字段的页面动态渲染方法。

10.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-7任一项所述的一种基于自定义配置属性字段的页面动态渲染方法。