一种编程平台下的表单的自动生成方法及电子设备技术

技术编号:20425565 阅读:25 留言:0更新日期:2019-02-23 08:38
本发明专利技术公开一种编程平台下的表单的自动生成方法及电子设备,其中,方法包括步骤:A、根据不同的表单需求设置对应的配置数组;B、根据所述配置数组生成表单;C、当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单,若否则提示所述表单不符合表单规则。本发明专利技术统一项目表单项样式布局,让表单样式易于维护;减少大量的表单html代码和表单值操作代码,使代码更加简洁易于维护,提高至少50%的开发效率;表单页面更加灵活,适用于更多场景,比如动态表单和根据后端数据生成表单。

【技术实现步骤摘要】
一种编程平台下的表单的自动生成方法及电子设备
本专利技术涉及计算机
,尤其涉及一种编程平台下的表单的自动生成方法及电子设备。
技术介绍
表单用于收集不同类型的用户输入。表单是一个包含表单元素的区域,表单元素是允许用户在表单(比如文本域、下拉列表、单选框、复选框等等)中输入信息的元素。表单使用表单标签(<form>)定义。HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证。例如,email类型用于应该包含e-mail地址的输入域,url类型用于应该包含URL地址的输入域,number类型用于应该包含数值的输入域等等。后台管理系统的表单数量较多,并且表单可能会包含很多不同的字段。而代码中有大段的html代码和事件绑定,表单值操作等重复代码,代码很多冗余且不易维护。因此,现有技术还有待于改进和发展。
技术实现思路
鉴于上述现有技术的不足,本专利技术的目的在于提供一种编程平台下的表单的自动生成方法及电子设备,旨在解决现有技术中表单不易维护、开发效率低等问题。本专利技术的技术方案如下:一种编程平台下的表单的自动生成方法,其中,包括步骤:A、根据不同的表单需求设置对应的配置数组;B、根据所述配置数组生成表单;C、当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单,若否则提示所述表单不符合表单规则。所述的编程平台下的表单的自动生成方法,其中,所述步骤A之前还包括:预先封装表单组件。所述的编程平台下的表单的自动生成方法,其中,所述步骤C之后还包括:将不符合验证规则的表单交由封装的表单组件进行处理。所述的编程平台下的表单的自动生成方法,其中,封装不同类型的表单项和表单布局,形成表单组件。所述的编程平台下的表单的自动生成方法,其中,所述步骤C中,当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单的步骤具体包括:当提交所述表单时,验证提交的表单是否符合表单规则;若提交的表单符合表单规则,则通过请求接口保存并输出所述所述表单。一种电子设备,其中,包括:处理器,适于实现各指令,以及存储设备,适于存储多条指令,所述指令适于由处理器加载并执行:根据不同的表单需求设置对应的配置数组;根据所述配置数组生成表单;当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单,若否则提示所述表单不符合表单规则。所述的电子设备,其中,所述指令还适于由处理器加载并执行:预先封装表单组件。所述的电子设备,其中,所述指令还适于由处理器加载并执行:将不符合验证规则的表单交由封装的表单组件进行处理。一种非易失性计算机可读存储介质,其中,所述非易失性计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令被一个或多个处理器执行时,可使得所述一个或多个处理器执行所述的编程平台下的表单的自动生成方法。一种计算机程序产品,其中,计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序,计算机程序包括程序指令,当程序指令被处理器执行时,使所述处理器执行所述的编程平台下的表单的自动生成方法。有益效果:本专利技术统一项目表单项样式布局,让表单样式易于维护;减少大量的表单html代码和表单值操作代码,使代码更加简洁易于维护,提高至少50%的开发效率;表单页面更加灵活,适用于更多场景,比如动态表单和根据后端数据生成表单。附图说明图1为本专利技术一种编程平台下的表单的自动生成方法较佳实施例的流程图。图2为本专利技术一种电子设备较佳实施例的结构框图。具体实施方式本专利技术提供一种编程平台下的表单的自动生成方法及电子设备,为使本专利技术的目的、技术方案及效果更加清楚、明确,以下对本专利技术进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。请参阅图1,图1为本专利技术一种编程平台下的表单的自动生成方法较佳实施例的流程图,如图所示,其包括步骤:S1、根据不同的表单需求设置对应的配置数组;S2、根据所述配置数组生成表单;S3、当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单,若否则提示所述表单不符合表单规则。本专利技术统一项目表单项样式布局,让表单样式易于维护;减少大量的表单html代码和表单值操作代码,使代码更加简洁易于维护,提高至少50%的开发效率;表单页面更加灵活,适用于更多场景,比如动态表单和根据后端数据生成表单。具体地,所述步骤S1之前还包括:预先封装表单组件。其中的表单组件即为form组件,form是指表单,其是HTML中的基本标签,需要使用表单向后台提交数据。form组件具有2大功能:1是验证(显示错误信息),2是保留用户上次输入的信息,从而生成html标签。对于验证功能,form的实例具有一个is_valid()方法,它会对输入的字段进行校验,如果所有的字段都合法,那么就会返回True,将表单的数据放到cleaned_data属性中。对于保存功能,如果进行的是提交操作,则再次实例化一个对象,但与get请求不同的是,form_obj是有值。封装表单组件时,定义表单组件传入的属性,该属性包括表单项数组和表单布局对象,每一个表单项配置包括:1、表单项名称;2、表单项key值;3、该表单的组件,默认为输入框;4、可选项包括默认值等;5、表单验证规则。最后遍历表单项数组。属性还包括:method属性、action属性、Enctype属性、Target属性、Autocomplete属性等等。method属性:设置值可以是post(向服务器上传数据)和get(从服务器获取数据),get方式发送数据时会直接加在URL之后,post方式是将数据封装之后再发送,字符串长度没有限制,数据安全性比较高。action属性:表单通常会与asp或php等数据库程序配合使用,用来指出发送的目的地。Enctype属性:entype=”multipart/form-data”:用于上传文件的时候。Entype=”text/plain”:将表单属性发送到电子信箱。Target属性:指定提交到哪一个窗口,如,blank指打开新窗口,self指当前的窗口,parent指上一层的窗口,top指最上层的窗口。Autocomplete属性:用来设置input组件是否使用自动完成功能,有on和off两种。Novalidate:用来设置是否要在发送表单时候验证表单。输入组件:文本框text:<inputtype=”text”name=”username”value=”guest”size=”10”maxlength=”10>type=”text”:输入方式为文本框name=”username”文本框的名称value=”guest”默认值size=”10”文本框长度maxlength=”10限制文本框的字数Autofocus:指加载网页之后,自动将光标移动到此文本框多行文本框textarea:<textareaname=”name”cols=”20”rows=”4”wrap=”virtual”>name=”name”文本框的名字cols=”20”文本框的宽度rows=”4”文本框的行数wrap=”virtual”是否换行,hard是换行,soft是不换行密码域p本文档来自技高网...

【技术保护点】
1.一种编程平台下的表单的自动生成方法,其特征在于,包括步骤:A、根据不同的表单需求设置对应的配置数组;B、根据所述配置数组生成表单;C、当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单,若否则提示所述表单不符合表单规则。

【技术特征摘要】
1.一种编程平台下的表单的自动生成方法,其特征在于,包括步骤:A、根据不同的表单需求设置对应的配置数组;B、根据所述配置数组生成表单;C、当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单,若否则提示所述表单不符合表单规则。2.根据权利要求1所述的编程平台下的表单的自动生成方法,其特征在于,所述步骤A之前还包括:预先封装表单组件。3.根据权利要求2所述的编程平台下的表单的自动生成方法,其特征在于,所述步骤C之后还包括:将不符合验证规则的表单交由封装的表单组件进行处理。4.根据权利要求2所述的编程平台下的表单的自动生成方法,其特征在于,封装不同类型的表单项和表单布局,形成表单组件。5.根据权利要求1所述的编程平台下的表单的自动生成方法,其特征在于,所述步骤C中,当提交所述表单时,验证提交的表单是否符合表单规则,若是则自动保存所述表单的步骤具体包括:当提交所述表单时,验证提交的表单是否符合表单规则;若提交的表单符合表单规则,则通过请求接口保存并输出所述所述表单。6.一种电子设备,其特征在于,包括:处理器,适...

【专利技术属性】
技术研发人员:李天驰孙悦罗倩
申请(专利权)人:深圳点猫科技有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1