[发明专利]基于网格化设计的动态表单生成方法及系统

权利要求书

1.一种基于网格化设计的动态表单生成方法，其特征在于，包括以下步骤：

S100，通过交互界面设计表单页面，包括：拖曳控件至第一页面，对所述第一页面进行网格化排版，以及，配置所述第一页面中的所述控件的属性，并将所述控件与相应的字段进行绑定；

S200，根据所述第一页面的网格化排版信息及配置，生成相应的表单数据模型；

S300，根据所述表单数据模型生成相应的第二页面，进行发布展示。

2.根据权利要求1所述的基于网格化设计的动态表单生成方法，其特征在于，所述第一页面为行列式布局，包括若干单元格，每个所述单元格对应一个所述控件。

3.根据权利要求2所述的基于网格化设计的动态表单生成方法，其特征在于，所述步骤S100包括：

S110，若所述控件被拖曳至所述单元格，则更新所述单元格的属性为当前拖曳的所述控件的属性；

S120，若所述字段被拖拽至所述单元格，则将所述单元格与所述字段关联，记录所述字段在数据库中的位置信息。

4.根据权利要求2所述的基于网格化设计的动态表单生成方法，其特征在于，所述表单数据模型以json数据格式保存，一个所述单元格对应一个json对象。

5.根据权利要求2所述的基于网格化设计的动态表单生成方法，其特征在于，多个所述单元格可被合并为一个所述单元格。

6.根据权利要求1所述的基于网格化设计的动态表单生成方法，所述步骤S300还包括：

根据所述表单数据模型，以HTML方式生成第二页面，包括：根据所述控件的类型及属性信息进行显示，以及，根据与所述控件绑定的所述字段从数据库中获取相应的字段数据进行展示。

7.根据权利要求1所述的基于网格化设计的动态表单生成方法，所述控件包括：文本标签、文本框、文本域、单选框、多选框、下拉框、按钮、时间选择框、输入下拉框、数据选择框、数字输入框、货币输入框、附件上传、图片上传、富文本框及列表。

8.一种基于网格化设计的动态表单生成系统，使用权利要求1至7中任一项的方法，其特征在于，包括：

页面设计模块，用于提供交互界面对表单页面进行设计，包括：拖曳控件至第一页面，对所述第一页面进行网格化排版，以及，配置所述第一页面中的所述控件的属性，并将所述控件与相应的字段进行绑定；

数据生成模块，用于根据所述第一页面的网格化排版信息及配置，生成相应的表单数据模型；

页面发布模块，用于根据所述表单数据模型生成相应的第二页面，进行发布展示。

9.根据权利要求8所述的基于网格化设计的动态表单生成系统，其特征在于，还包括：

实时更新模块，用于检测所述第二页面对应的所述表单数据模型是否已更新，若存在更新，则调用所述页面发布模块，对第二页面进行更新。

10.一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至7中任一项的方法。