[发明专利]一种编程平台下的表单的自动生成方法及电子设备

说明书

本发明公开一种编程平台下的表单的自动生成方法及电子设备，其中，方法包括步骤：A、根据不同的表单需求设置对应的配置数组；B、根据所述配置数组生成表单；C、当提交所述表单时，验证提交的表单是否符合表单规则，若是则自动保存所述表单，若否则提示所述表单不符合表单规则。本发明统一项目表单项样式布局，让表单样式易于维护；减少大量的表单html代码和表单值操作代码，使代码更加简洁易于维护，提高至少50％的开发效率；表单页面更加灵活，适用于更多场景，比如动态表单和根据后端数据生成表单。

技术领域

本发明涉及计算机技术领域，尤其涉及一种编程平台下的表单的自动生成方法及电子设备。

背景技术

表单用于收集不同类型的用户输入。表单是一个包含表单元素的区域，表单元素是允许用户在表单(比如文本域、下拉列表、单选框、复选框等等)中输入信息的元素。表单使用表单标签(<form>)定义。

HTML5拥有多个新的表单输入类型，这些新特性提供了更好的输入控制和验证。例如，email类型用于应该包含e-mail地址的输入域，url类型用于应该包含URL地址的输入域，number类型用于应该包含数值的输入域等等。

后台管理系统的表单数量较多，并且表单可能会包含很多不同的字段。

而代码中有大段的html代码和事件绑定，表单值操作等重复代码，代码很多冗余且不易维护。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种编程平台下的表单的自动生成方法及电子设备，旨在解决现有技术中表单不易维护、开发效率低等问题。

本发明的技术方案如下：

一种编程平台下的表单的自动生成方法，其中，包括步骤：

A、根据不同的表单需求设置对应的配置数组；

B、根据所述配置数组生成表单；

C、当提交所述表单时，验证提交的表单是否符合表单规则，若是则自动保存所述表单，若否则提示所述表单不符合表单规则。

所述的编程平台下的表单的自动生成方法，其中，所述步骤A之前还包括：

预先封装表单组件。

所述的编程平台下的表单的自动生成方法，其中，所述步骤C之后还包括：

将不符合验证规则的表单交由封装的表单组件进行处理。

所述的编程平台下的表单的自动生成方法，其中，封装不同类型的表单项和表单布局，形成表单组件。

所述的编程平台下的表单的自动生成方法，其中，所述步骤C中，当提交所述表单时，验证提交的表单是否符合表单规则，若是则自动保存所述表单的步骤具体包括：

当提交所述表单时，验证提交的表单是否符合表单规则；

若提交的表单符合表单规则，则通过请求接口保存并输出所述所述表单。

一种电子设备，其中，包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

根据不同的表单需求设置对应的配置数组；

根据所述配置数组生成表单；

当提交所述表单时，验证提交的表单是否符合表单规则，若是则自动保存所述表单，若否则提示所述表单不符合表单规则。

所述的电子设备，其中，所述指令还适于由处理器加载并执行：