CN111414365A - 一种高适应性的智能表单系统及智能表单生成方法 - Google Patents

Abstract

本发明公开了一种高适应性的智能表单系统及智能表单生成方法，涉及数据统计技术领域，旨在解决上述表单在制作完成之后其内容和字段长均已固定，如果遇到项目更换或者业务变更，则需要联系开发人员对表单的源代码进行修改，其操作性较为复杂的技术问题，其技术方案要点是包括存储数据库、表单设计模块、表单编译模块、表单解析模块、系统管理模块和表单发布模块；所述存储数据库包括表单元素库，所述表单元素库用于存储有可在表单设计和修改时直接进行拖拽的表单组件；达到了能够快速生成表单以及便于对表单进行编辑修改的效果。

Description

一种高适应性的智能表单系统及智能表单生成方法

技术领域

本发明涉及数据统计的技术领域，尤其是涉及一种高适应性的智能表单系统及智能表单生成方法。

背景技术

表单在网页中主要负责数据采集功能；一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

现有公开号为CN104869128B的中国专利，公开了一种上传表单附件的方法、系统和web服务器，其中方法包括：接收第一终端发送的表单页面访问请求；将第一终端所请求打开的表单页面以及所述表单页面对应的表单附件上传地址返回给第一终端；接收第二终端获取所述表单附件上传地址后发送的附件上传页面访问请求；向第二终端返回附件上传页面；接收并存储第二终端通过附件上传页面提交的表单附件。通过本发明的实现方式，用户通过智能终端获取浏览器上的表单附件上传地址后，就能够打开附件上传页面将智能终端的数据作为附件直接上传至表单，无需PC端进行附件的存储和在PC上的上传操作，简化了用户操作，提高了安全性。

上述中的现有技术方案存在以下缺陷：上述表单在制作完成之后其内容和字段长均已固定，如果遇到项目更换或者业务变更，则需要联系开发人员对表单的源代码进行修改，其操作性较为复杂，故有待改善。

发明内容

针对现有技术存在的不足，本发明的目的一是在于提供一种高适应性的智能表单系统，其具有能够快速生成表单以及便于对表单进行编辑修改的优势。

本发明的上述发明目的一是通过以下技术方案得以实现的：

一种高适应性的智能表单系统，包括存储数据库、表单设计模块、表单编译模块、表单解析模块、系统管理模块和表单发布模块；所述存储数据库用于存储表单数据，所述表单设计模块用于根据需求生成表单，所述表单编译模块与存储数据库通信连接以对表单进行编译生成表单代码并存储在存储数据库中，所述表单解析模块通信连接于存储数据库以从存储数据库中调用表单数据以解析成为表单，所述系统管理模块用于对整个系统进行管理，所述表单发布模块连接于表单解析模块用于将制作好的表单发布给使用者进行使用；所述存储数据库包括表单元素库，所述表单元素库用于存储有可在表单设计和修改时直接进行拖拽的表单组件。

通过采用上述技术方案，用于在需要修改或者创建表单时，只需要从表单元素库中将表单组件拖拽至布局的需要位置，系统可以通过表单编译模块自动将所有的表单代码生成，然后通过表单发布模块发布给其他用户进行使用或者加入第三方系统中，从而省去了用户需要联系开发人员对源代码进行修改的时间，提高了表单生成的智能性，便于对表单进行修改和建立，大大提高了工作效率；用户在访问表单时通过表单解析模块将存储数据库中的表单数据进行解析形成操作页面上的表单，以便于进行输入等操作。

本发明进一步设置为：所述表单组件为文本框、数字输入框、选择器、单选框、复选框、日期选择、时间选择、上传选项、开关或隐藏域。

通过采用上述技术方案，通过各个表单组件实现表单的各项数据的录入，并将各个组件封装的代码形成固定的模块，从而便于后期编译时自动生成源代码。

本发明进一步设置为：所述表单设计模块包括用于修改表单基础信息的表单信息管理单元、用于修改表单布局的布局管理单元、用于将表单布局存储的布局模板单元、用于将制作之后的表单存储为模板的表单模板单元以及应用表单模板修改或者新建表单的表单设计单元。

通过采用上述技术方案，表单信息管理单元便于对修改或者新建的表单基础信息进行修改和编辑；表单设计单元用于在操作页面上直接对表单组件进行拖拽进表单的布局中，从而形成所需要的表单格式；而布局模板单元可以将新建的布局保存为布局模板，便于后面直接应用；表单模板单元则将设计好的表单保存为模板，便于后期设计表单时直接在表单模板上进行修改，提高了表单生成的效率。

本发明进一步设置为：所述表单解析模块包括用于将存储在存储数据库中的表单数据解析成表单的表单解析单元、用于预览表单的表单预览单元和用于保存接口调用的数据绑定单元。

通过采用上述技术方案，表单解析单元对表单编译模块形成的表单数据进行解析，从而能够在操作页面上形成便于操作人员直接输入的表单形式；表单预览单元用于在表单解析单元解析之前对表单进行预览，从而保证操作人员选中的表单即是操作人员所需要的表单，从而对检索和查询的结果进行确认，提高了解析的准确性；数据绑定单元将表单数据存储的结构与调用页面进行绑定，从而建立一种映射关系，从而在接口改变时绑定的内容也会随之变化，从而保证了对存储数据库中表单数据的实时修改。

本发明进一步设置为：所述系统管理模块包括用于查询、编辑和删除表单的表单管理单元、用于对表单进行分类的表单分类单元以及用于管理用户的用户管理单元。

通过采用上述技术方案，表单管理单元可以对表单进行查询、编辑和删除等操作，从而便于对表单进行操作；而表单分类单元可以对不同的表单进行分门别类，从而便于对表单进行快速检索，快速找到需要的表单；用户管理单元便于对访问表单的用户进行管理，提高表单数据的安全性。

本发明进一步设置为：所述表单管理单元中设置有用于检索表单信息的搜索装置和模糊查询组件。

通过采用上述技术方案，搜索装置为elasticsearch技术的搜索引擎，提高elasticsearch技术，便于对不同类别的数据格式的数据，从而能够对表单名称和表单内部的内容均进行查询；而模糊查询组件可以对表单名称进行查询，从而便于迅速找到用户想要的表单。

本发明进一步设置为：所述用户管理单元包括用于对访问的用户进行身份验证的身份验证组件和将身份与权限进行匹配的权限管理组件。

通过采用上述技术方案，身份验证组件便于对用户的身份进行验证，以阻挡一些闲杂人员访问存储数据库中的表单；而权限管理组件便于对验证完身份之后的用户赋予权限，从而提高了表单的安全性。

本发明的目的二是在于提供一种高适应性的智能表单生成方法，其具有能够快速生成模块化的表单，从而便于编辑和修改的优势。

本发明的上述发明目的一是通过以下技术方案得以实现的：包括下列步骤：

S100、建立存储数据库并将表单用到的表单组件封装成表单组件，将表单组件存储在存储数据库的表单元素库中以备调用，通过vue.js搭建前端页面，通过api建立后端存储数据库与前端连接的入口；

S200、通过表单设计模块直接调用存储数据库中的表单组件，在前端页面直接拖拽进行设计表单，设计完成的表单通过表单编译模块存储在存储数据库中；

S300、表单发布模块将存储数据库内部的表单生成URL地址并可复制发送给用户以访问使用；

S400、用户访问表单存储数据库时预先通过身份验证组件进行验证，验证之后通过权限管理组件匹配权限并通过表单解析模块解析形成表单。

通过采用上述技术方案，通过搭建的前端页面，并在页面上直接对表单进行拖拽以实现对表单的设计，无论是在新建表单还是在表单修改时都通过模块化移动和修改，便于对表单进行操作；而表单设计完成之后通过表单编译模块编译形成表单代码，无需开发人员再进行编程，提高了表单生成的智能性。

本发明进一步设置为：步骤S200还包括下列子步骤：

S210、通过搜索装置搜索需要的表单，如没有需要的表单则可以在现有的表单基础上修改或者新建一个表单并通过表单信息管理单元编辑表单的基础信息；

S220、通过布局管理单元生成表单的布局，根据需求对布局进行修改；

S230、通过拖拽的方式从表单元素库中直接将表单组件拖拽至布局中，根据需求对表单组件进行修改；

S240、将表单基础信息存储为关系型数据库，将表单组件以及表单组件内部内容存储为非关系型数据库，分别存储在存储数据库中。

通过采用上述技术方案，由于关系型数据库存储表单名称从而便于通过模糊查询进行查找，而通过非关系型数据库存储表单内容以及表单内的内容从而使得表单可以存储更多种类的数据，从而提高了表单的多样性；便于表单从调用页面存储到存储数据库中。

本发明进一步设置为：步骤S400还包括下列子步骤：

S410、用户登录，身份验证组件对身份进行验证，权限管理组件根据用户的身份匹配对应的管理权限；

S420、通过搜索装置搜索需要的表单，并将表单中的表单组件和布局进行解析从而能够对表单进行预览；

S430、解析表单数据形成表单，并对验证规则进行绑定，后续访问表单时需要对验证规则进行解析。

通过采用上述技术方案，表单解析模块对表单数据进行解析，从而使得表单数据恢复成调用页面上的表单，从而便于用户直观地操作。

综上所述，本发明的有益效果为：

1、通过将表单中的各种组件封装形成固定的模块并能够进行调用，从而产生便于无编程开发基础的工作人员都能够对表单的结构进行修改并自动生成代码，从而更便于对表单进行修改和新建，降低了开发的要求门槛的效果；

2、采用了表单编译模块和表单解析模块相配合的技术，从而产生便于表单在调用页面与存储数据库的数据之间灵活切换的效果；

3、采用了关系型数据库和非关系型数据库配合存储的技术，从而产生一方面便于查询另一方面便于存储多种格式数据的效果。

附图说明

图1为实施例中一种高适应性的智能表单系统的结构框图；

图2为实施例中一种高适应性的智能表单系统的智能表单生成方法的流程意图；

图3为实施例中步骤S200的流程示意图；

图4为实施例中步骤S400的流程示意图。

图中：1、存储数据库；2、表单设计模块；21、表单信息管理单元；22、布局管理单元；23、布局模板单元；24、表单模板单元；25、表单设计单元；3、表单编译模块；4、表单解析模块；41、表单解析单元；42、表单预览单元；43、数据绑定单元；5、系统管理模块；51、表单管理单元；511、搜索装置；512、模糊查询组件；52、表单分类单元；53、用户管理单元；531、身份验证组件；532、权限管理组件；6、表单发布模块。

具体实施方式

以下结合附图对本发明作进一步详细说明。

实施例：

一种高适应性的智能表单系统，参照图1，其包括存储数据库1、表单设计模块2、表单编译模块3、表单解析模块4、系统管理模块5和表单发布模块6。存储数据库1用于存储表单数据，存储数据库1包括表单元素库，表单元素库用于存储可在表单设计和修改时直接进行拖拽的表单组件。

表单组件为文本框、数字输入框、选择器、单选框、复选框、日期选择、时间选择、上传选项、开关或隐藏域，上述表单组件通过编程封装形成表单组件，可以在表单设计或者表单修改时直接进行拖拽。

表单设计模块2用于根据需求生成表单，表单设计模块2包括用于修改表单基础信息的表单信息管理单元21、用于修改表单布局的布局管理单元22、用于将表单布局存储的布局模板单元23、用于将制作之后的表单存储为模板的表单模板单元24以及应用表单模板或者新建表单的表单设计单元25。

表单设计单元25用于新建表单或者在现有的表单的基础上对表单的结构进行修改。表单的基础信息包括表单名称、表单描述、布局设置和接口绑定等，表单信息管理单元21在表单设计或者编辑的过程中对表单的基础信息进行修改并保存。布局管理单元22在表单设计时对已有的表单布局进行修改，修改的内容包括布局的位置和大小占比。布局模板单元23在表单设计的过程中将设计好的布局保存为布局模板存储在存储数据库1中以备后续直接进行调用。表单模板单元24用于将设计好的表单直接保存为模板，便于后期设计时直接调用或者在现有的模板基础上进行修改。

表单编译模块3与存储数据库1通信连接以对表单进行编译生成表单代码并存储在存储数据库1中。表单的名称采用mySQL关系型数据库进行存储，而表单内部的内容采用Redis非关系型数据库进行存储，因而在表单设计完成之后需要对表单进行编译，以便于存储在存储数据库1中。

表单解析模块4通信连接于存储数据库1以从存储数据库1中调用表单数据以解析成为表单，由于表单以数据形式存储在存储数据库1中，因而需要解析之后才能成为用户直接接触到的表单形式。表单解析模块4包括用于将存储在存储数据库1中的表单数据解析成表单的表单解析单元41、用于预览表单的表单预览单元42和用于保存接口调用的数据绑定单元43。表单解析单元41对存储数据库1中的数据进行解析，形成可操作性和输入的表单。表单预览单元42在查询表单时对表单进行预览，从而供用户进行选择。数据绑定单元43可对将表单数据存储的结构与页面调用进行绑定，并可以进行修改，从而建立表单数据与页面调用的映射关系，便于在页面调用时直接迅速响应进行解析。

表单发布模块6连接于表单解析模块4用于将制作好的表单发布给使用者进行使用，表单发布模块6生成表单对应端口的URL地址以及表单编辑的URL地址，用户可以通过这些URL地址直接对表单进行使用。

系统管理模块5用于对整个系统进行管理，系统管理模块5包括用于查询、编辑和删除表单的表单管理单元51、用于对表单进行分类的表单分类单元52以及用于管理用户的用户管理单元53。

表单管理单元51中设置有用于检索表单信息的搜索装置511和模糊查询组件512，搜索装置511为应用elasticsearch技术的搜索引擎。elasticsearch搜索引擎通过索引查询数据且可适用于不同的数据格式，从而提高了查询的速度和灵活性。

表单分类单元52对保存的各种表单进行分组、分类以便于进行管理，便于后期需要调用表单时能够快速检索。用户管理单元53包括用于对访问的用于进行身份验证的身份验证组件531和将身份与权限进行匹配的权限管理组件532。身份验证可采用多种验证形式，一般采用账号密码登陆形式。权限管理组件532则根据身份提供只读、编辑、可见或者不可见等权限，提高了表单的安全性。

参照图2，一种高适应性的智能表单系统的智能表单生成方法，包括下列步骤：

S100、建立存储数据库1并将表单用到的表单组件封装成表单组件，表单组件为文本框、数字输入框、选择器、单选框、复选框、日期选择、时间选择、上传选项、开关或隐藏域等，可在表单设计时直接作为模块进行拖拽运用；将表单组件存储在存储数据库1的表单元素库中以备调用，并通过vue.js搭建前端页面，通过api建立后端存储数据库1与前端连接的入口，便于用户在前端页面进行操作。

S200、通过表单设计模块2直接调用存储数据库1中的表单组件，在前端页面直接拖拽进行设计表单，设计完成的表单通过表单编译模块3存储在存储数据库1中，具体操作步骤如下：

参照图2和图3，S210、通过搜索装置511搜索需要的表单，如没有需要的表单则可以在现有的表单基础上修改或者新建一个表单并通过表单信息管理单元21编辑表单的基础信息，修改或者填写表单名称、表单描述、布局设置和绑定的接口等；

S220、通过布局管理单元22生成表单的布局，根据需求对布局进行修改，包括布局的位置和大小占比等；

S230、通过拖拽的方式从表单元素库中直接将表单组件拖拽至布局中，根据需求对表单组件进行修改，并根据需求对字段名称、标签（label）名称和标签（label）长度等表单内容进行修改，编辑完成之后保存表单的截图作为表单预览时的缩略图；

S240、将表单基础信息存储为关系型数据库，将表单组件以及表单组件内部内容存储为非关系型数据库，分别存储在存储数据库1中；表单编译模块3根据之前封装的表单组件，自动生成整张表单的代码，而无需开发人员再进行复杂的编程。

参照图2，S300、表单发布模块6将存储数据库1内部的表单生成URL地址并可复制发送给用户以访问使用，URL地址包括表单地址以及对表单编辑的地址。

S400、用户访问表单存储数据库1时预先通过身份验证组件531进行验证，验证之后通过权限管理组件532匹配权限并通过表单解析模块4解析形成表单，具体步骤如下：

参照图2和图4，S410、用户登录，身份验证组件531对身份进行验证，用户输入用户名和密码，权限管理组件532根据用户的身份匹配对应的管理权限，赋予只读、编辑、可见或者不可见等对表单的操作；

S420、通过搜索装置511搜索需要的表单，并将表单中的表单组件和布局进行解析从而能够对表单进行预览；

S430、表单解析模块4解析表单数据形成表单，并对验证规则进行绑定，绑定调用页面与表单数据存储结构进行绑定，后续访问表单时需要对验证规则进行解析。

本具体实施方式的实施例均为本发明的较佳实施例，并非依此限制本发明的保护范围，故：凡依本发明的结构、形状、原理所做的等效变化，均应涵盖于本发明的保护范围之内。

Claims (10)

1.一种高适应性的智能表单系统，其特征在于：包括存储数据库(1)、表单设计模块(2)、表单编译模块(3)、表单解析模块(4)、系统管理模块(5)和表单发布模块(6)；所述存储数据库(1)用于存储表单数据，所述表单设计模块(2)用于根据需求生成表单，所述表单编译模块(3)与存储数据库(1)通信连接以对表单进行编译生成表单代码并存储在存储数据库(1)中，所述表单解析模块(4)通信连接于存储数据库(1)以从存储数据库(1)中调用表单数据以解析成为表单，所述系统管理模块(5)用于对整个系统进行管理，所述表单发布模块(6)连接于表单解析模块(4)用于将制作好的表单发布给使用者进行使用；所述存储数据库(1)包括表单元素库，所述表单元素库用于存储有可在表单设计和修改时直接进行拖拽的表单组件。

2.根据权利要求1所述的高适应性的智能表单系统，其特征在于：所述表单组件为文本框、数字输入框、选择器、单选框、复选框、日期选择、时间选择、上传选项、开关或隐藏域。

3.根据权利要求1所述的高适应性的智能表单系统，其特征在于：所述表单设计模块(2)包括用于修改表单基础信息的表单信息管理单元(21)、用于修改表单布局的布局管理单元(22)、用于将表单布局存储的布局模板单元(23)、用于将制作之后的表单存储为模板的表单模板单元(24)以及应用表单模板修改或者新建表单的表单设计单元(25)。

4.根据权利要求1所述的高适应性的智能表单系统及智能表单生成方法，其特征在于：所述表单解析模块(4)包括用于将存储在存储数据库(1)中的表单数据解析成表单的表单解析单元(41)、用于预览表单的表单预览单元(42)和用于保存接口调用的数据绑定单元(43)。

5.根据权利要求1所述的高适应性的智能表单系统及智能表单生成方法，其特征在于：所述系统管理模块(5)包括用于查询、编辑和删除表单的表单管理单元(51)、用于对表单进行分类的表单分类单元(52)以及用于管理用户的用户管理单元(53)。

6.根据权利要求5所述的高适应性的智能表单系统及智能表单生成方法，其特征在于：所述表单管理单元(51)中设置有用于检索表单信息的搜索装置(511)和模糊查询组件(512)。

7.根据权利要求5所述的高适应性的智能表单系统及智能表单生成方法，其特征在于：所述用户管理单元(53)包括用于对访问的用于进行身份验证的身份验证组件(531)和将身份与权限进行匹配的权限管理组件(532)。

8.根据权利要求1-7任一所述的高适应性的智能表单系统的智能表单生成方法，其特征在于：包括下列步骤：

S100、建立存储数据库(1)并将表单用到的表单组件封装成表单组件，将表单组件存储在存储数据库(1)的表单元素库中以备调用，通过vue.js搭建前端页面，通过api建立后端存储数据库(1)与前端连接的入口；

S200、通过表单设计模块(2)直接调用存储数据库(1)中的表单组件，在前端页面直接拖拽进行设计表单，设计完成的表单通过表单编译模块(3)存储在存储数据库(1)中；

S300、表单发布模块(6)将存储数据库(1)内部的表单生成URL地址并可复制发送给用户以访问使用；

S400、用户访问表单存储数据库(1)时预先通过身份验证组件(531)进行验证，验证之后通过权限管理组件(532)匹配权限并通过表单解析模块(4)解析形成表单。

9.根据权利要求8所述的高适应性的智能表单系统的智能表单生成方法，其特征在于：步骤S200还包括下列子步骤：

S210、通过搜索装置(511)搜索需要的表单，如没有需要的表单则可以在现有的表单基础上修改或者新建一个表单并通过表单信息管理单元(21)编辑表单的基础信息；

S220、通过布局管理单元(22)生成表单的布局，根据需求对布局进行修改；

S230、通过拖拽的方式从表单元素库中直接将表单组件拖拽至布局中，根据需求对表单组件进行修改；

S240、将表单基础信息存储为关系型数据库，将表单组件以及表单组件内部内容存储为非关系型数据库，分别存储在存储数据库(1)中。

10.根据权利要求8所述的高适应性的智能表单系统的智能表单生成方法，其特征在于：步骤S400还包括下列子步骤：

S410、用户登录，身份验证组件(531)对身份进行验证，权限管理组件(532)根据用户的身份匹配对应的管理权限；

S420、通过搜索装置(511)搜索需要的表单，并将表单中的表单组件和布局进行解析从而能够对表单进行预览；

S430、解析表单数据形成表单，并对验证规则进行绑定，后续访问表单时需要对验证规则进行解析。

Images