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

说明书

本发明公开了基于网格化设计的动态表单生成方法及系统，该方法包括：S100，通过交互界面设计表单页面，包括：拖曳控件至第一页面，对第一页面进行网格化排版，以及，配置第一页面中的控件的属性，并将控件与相应的字段进行绑定；S200，根据第一页面的网格化排版信息及配置，生成相应的表单数据模型；S300，根据表单数据模型生成相应的第二页面，进行发布展示。本发明至少具有以下有益效果：通过简单配置，拖放及网格化排版，可智能化生成一个表单页面，便于非计算机专业开发的运维人员进行操作，降低使用门槛，节省人力物力。

技术领域

本发明涉及表单动态生成的技术领域，特别涉及一种基于网格化设计的动态表单生成方法及系统。

背景技术

传统表单页面的生成方法通常需要专业的IDEA插件，且需要专业人员敲打命令代码深入开发才能制作表单页面。在该模式下，对于非计算机专业开发的运维人员，往往需要先进行专业培训，才能进行开发，从学习到表单页面能被开发出来，时间周期非常长。且每次编程后，都需要运行一次，操作繁琐，容易出错，调试复杂。对于个性定制页面，如果数量较多，则需要更多的时间开发，效率低下；且版面排版复杂，位置、大小、增减行列都需要编写调试代码，开发困难重重。

发明内容

本发明旨在至少解决现有技术中存在的技术问题之一。为此，本发明提出一种基于网格化设计的动态表单生成方法，能够为非计算机专业开发人员快速生成定制的表单页面。

本发明还提出一种具有上述基于网格化设计的动态表单生成方法的基于网格化设计的动态表单生成系统。

本发明还提出一种具有上述基于网格化设计的动态表单生成方法的计算机可读存储介质。

根据本发明的第一方面实施例的基于网格化设计的动态表单生成方法，包括以下步骤：S100，通过交互界面设计表单页面，包括：拖曳控件至第一页面，对所述第一页面进行网格化排版，以及，配置所述第一页面中的所述控件的属性，并将所述控件与相应的字段进行绑定；S200，根据所述第一页面的网格化排版信息及配置，生成相应的表单数据模型；S300，根据所述表单数据模型生成相应的第二页面，进行发布展示。

根据本发明实施例的基于网格化设计的动态表单生成方法，至少具有如下有益效果：通过简单配置，拖放及网格化排版，可智能化生成一个表单页面，便于非计算机专业开发的运维人员进行操作，降低使用门槛，节省人力物力。

根据本发明的一些实施例，所述第一页面为行列式布局，包括若干单元格，每个所述单元格对应一个所述控件。

根据本发明的一些实施例，所述步骤S100包括：S110，若所述控件被拖曳至所述单元格，则更新所述单元格的属性为当前拖曳的所述控件的属性；S120，若所述字段被拖拽至所述单元格，则将所述单元格与所述字段关联，记录所述字段在数据库中的位置信息。

根据本发明的一些实施例，所述表单数据模型以json数据格式保存，一个所述单元格对应一个json对象。

根据本发明的一些实施例，多个所述单元格可被合并为一个所述单元格。

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

根据本发明的一些实施例，所述控件包括：文本标签、文本框、文本域、单选框、多选框、下拉框、按钮、时间选择框、输入下拉框、数据选择框、数字输入框、货币输入框、附件上传、图片上传、富文本框及列表。