表单可视化配置方法、系统、可读存储介质及电子设备与流程

1.本发明涉及it信息系统开发技术领域，特别是涉及一种表单可视化配置方法、系统、可读存储介质及电子设备。


背景技术：

2.表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用cgi程序的url以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的cgi脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
3.现有技术中，在表单的设计过程中，一般需要员工手动去编写大量的源代码，并包括处理逻辑、调试等工作，整个开发过程大约需要2天时间，存在工作效率低，开发周期较长的问题。


技术实现要素：

4.本发明的目的在于提出一种表单可视化配置方法、系统、可读存储介质及电子设备，以解决传统采用纯手动编写大量代码的方式开发表单而存在的工作效率低以及开发周期较长的问题。
5.本发明提出一种表单可视化配置方法，应用于配置化平台，所述方法包括：
6.根据第一数据库中的表单数据信息建立数据结构表，根据所述数据结构表提取单个或多个表单字段，以根据单个或多个表单字段制成目标表单，并在前端配置界面对所述目标表单进行功能配置；
7.根据第二数据库中的视图数据信息编写sql语句，对所述sql语句进行解析以提取并生成目标视图的视图字段，在所述前端配置界面对所述目标视图进行功能配置；
8.在所述前端配置界面将配置后的所述目标表单与配置后的所述目标视图进行关联以得到关联后的表单视图，并将所述表单视图发布在应用目录上。
9.综上，根据上述的表单视图可视化配置方法，通过将表单视图基于前后端分离开发，使得该配置化平台无需编码或少量代码就可以快速生成高体验的应用程序，可敏捷响应用户对数字化转型过程中的各种应用开发。具体为，首先基于第一数据库中的表单数据信息建立数据结构表，进而制成满足开发需求的目标表单，同时对目标表单进行功能配置，而后再根据第二数据库中的视图数据信息编写sql语句，进而对该sql语句解析以提取出视图字段，进而生成目标视图，而后再对目标视图进行功能配置，再将完成配置的目标表单而目标视图进行关联，进而生成表单视图，以完成软件的开发，由于开发过程中几乎无需编写代码，整个过程大约1小时就能完成，极大地提高了开发效率，缩短了设计周期。
10.进一步地，所述根据第一数据库中的表单数据信息建立数据结构表，根据所述数据结构表提取单个或多个表单字段，以根据单个或多个表单字段制成目标表单，并在前端
配置界面对所述目标表单进行功能配置的步骤包括：
11.收集多种形式下的待输入数据样本，并对所有形式的各种待输入数据样本进行整理，以将整理后的待输入数据样本进行定义数据结构属性，所述数据结构属性包括数据名称、数据id、数据类型、录入形式以及数据长度；
12.从所述待输入数据样本中包含的数据信息中依次提取与每种数据结构属性对应的表单字段，并将获得的单个或多个表单字段封装组合成目标表单。
13.进一步地，所述从所述待输入数据样本中包含的数据信息中依次提取与每种数据结构属性对应的表单字段，并将获得的单个或多个表单字段封装组合成目标表单的步骤还包括：
14.根据所述数据结构属性获取存在并列关系或从属关系的数据信息，并根据具有并列关系或从属关系的数据信息将数据信息标注成混排结构对象或主从结构对象；
15.根据混排结构对象或主从结构对象生成多个目标表单，并基于所述并列关系或所述从属关系将生成的多个目标表单进行关联。
16.进一步地，所述根据混排结构对象或主从结构对象生成多个目标表单，并基于所述并列关系或所述从属关系将生成的多个目标表单进行关联的步骤之后还包括：
17.将目标表单引入前端表单页面，并根据目标表单之间的关联关系，通过图形化组件对目标表单中表单字段进行拖拉以调整显示位置，并对调整显示位置的目标表单进行第一功能项配置，所述第一功能项配置包括第一字段配置、第一按钮配置、触发事件配置以及菜单树配置；
18.将配置完成后的页面进行预览，并根据第一数据库中的表单数据信息对展示效果进行验证。
19.进一步地，所述根据第二数据库中的视图数据信息编写sql语句，对所述sql语句进行解析以提取并生成目标视图的视图字段，在所述前端配置界面对所述目标视图进行功能配置的步骤包括：
20.根据预设sql语法信息将所述sql语句转换为所述视图字段，所述视图字段包括视图名称、视图类型以及视图长度，以根据视图名称、视图类型以及视图长度将所述目标视图引入到前端配置页面；
21.在所述前端配置页面对所述目标视图进行第二功能项配置，所述第二功能项配置包括第二字段配置、第二按钮配置、查询条件配置；
22.将完成功能项配置的目标视图进行预览，并根据第二数据库中的视图数据信息对展示效果进行验证。
23.进一步地，所述在所述前端配置界面将配置后的所述目标表单与配置后的所述目标视图进行关联以得到关联后的表单视图，并将所述表单视图发布在应用目录上的步骤包括：
24.根据第一按钮配置为所述目标表单选择对应的第一按钮类型，根据第二按钮配置为所述目标视图选择对应的第二按钮类型，所述第一按钮类型为关联视图，所述第二按钮类型为关联视图。
25.进一步地，所述在所述前端配置界面将配置后的所述目标表单与配置后的所述目标视图进行关联以得到关联后的表单视图，并将所述表单视图发布在应用目录上的步骤之
后还包括：
26.在所述应用目录上创建登入账号，并对账号进行赋权，以通过赋权后的账号进入所述应用目录中对表单视图的功能进行查看和验证。
27.本发明还提出一种表单视图关联系统，所述系统包括：
28.表单构建模块，用于根据第一数据库中的表单数据信息建立数据结构表，根据所述数据结构表提取单个或多个表单字段，以根据单个或多个表单字段制成目标表单，并在前端配置界面对所述目标表单进行功能配置；
29.视图构建模块，用于根据第二数据库中的视图数据信息编写sql语句，对所述sql语句进行解析以提取并生成目标视图的视图字段，在所述前端配置界面对所述目标视图进行功能配置；
30.表单视图生成模块，用于在所述前端配置界面将配置后的所述目标表单与配置后的所述目标视图进行关联以得到关联后的表单视图，并将所述表单视图发布在应用目录上。
31.本发明还提出一种可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述的表单可视化配置方法。
32.本发明还提出一种电子设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述的表单可视化配置方法。
33.本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。
附图说明
34.本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：
35.图1为本发明第一实施例表单可视化配置方法的流程图；
36.图2为本发明第二实施例表单可视化配置方法的流程图；
37.图3为本发明第三实施例表单可视化配置系统的结构示意图。
具体实施方式
38.为了便于理解本发明，下面将参照相关附图对本发明进行更全面的描述。附图中给出了本发明的若干实施例。但是，本发明可以以许多不同的形式来实现，并不限于本文所描述的实施例。相反地，提供这些实施例的目的是使对本发明的公开内容更加透彻全面。
39.需要说明的是，当元件被称为“固设于”另一个元件，它可以直接在另一个元件上或者也可以存在居中的元件。当一个元件被认为是“连接”另一个元件，它可以是直接连接到另一个元件或者可能同时存在居中元件。本文所使用的术语“垂直的”、“水平的”、“左”、“右”以及类似的表述只是为了说明的目的。
40.除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本发明。本文所使用的术语“及/或”包括一个或多个相关的所列项目的任意的和所有的组合。
41.请参阅图1，所示为本发明第一实施例中的表单视图可视化配置方法，该方法应用于一配置化平台，该方法包括步骤s01至步骤s03，其中：
42.步骤s01：根据第一数据库中的表单数据信息建立数据结构表，根据所述数据结构表提取单个或多个表单字段，以根据单个或多个表单字段制成目标表单，并在前端配置界面对所述目标表单进行功能配置；
43.第一数据库和第二数据库中的待输入数据格式往往是通过纸质表单、基于计算机本地的存储和录入的桌面应用，或者用户和数据使用者来进行目标数据的描述这几种方式来获取的。为了将这些数据通过web表单应用的形式进行更多地增量采集，需要通过获取第一数据库中的表单数据信息以及第二数据库中的视图数据信息，并进行相应的表结构的设计，来建立web端存储数据结构的依据，从而进一步进行数据对象分析。
44.步骤s02：根据第二数据库中的视图数据信息编写sql语句，对所述sql语句进行解析以提取并生成目标视图的视图字段，在所述前端配置界面对所述目标视图进行功能配置；
45.步骤s03：在所述前端配置界面将配置后的所述目标表单与配置后的所述目标视图进行关联以得到关联后的表单视图，并将所述表单视图发布在应用目录上。
46.综上，根据上述的表单视图可视化配置方法，通过将表单视图基于前后端分离开发，使得该配置化平台无需编码或少量代码就可以快速生成高体验的应用程序，可敏捷响应用户对数字化转型过程中的各种应用开发。具体为，首先基于第一数据库中的表单数据信息建立数据结构表，进而制成满足开发需求的目标表单，同时对目标表单进行功能配置，而后再根据第二数据库中的视图数据信息编写sql语句，进而对该sql语句解析以提取出视图字段，进而生成目标视图，而后再对目标视图进行功能配置，再将完成配置的目标表单而目标视图进行关联，进而生成表单视图，以完成软件的开发，由于开发过程中几乎无需编写代码，整个过程大约1小时就能完成，极大地提高了开发效率，缩短了设计周期。
47.请参阅图2，所示为本发明第二实施例中的表单视图可视化配置方法的流程图，该方法包括步骤s101至步骤s109，其中：
48.步骤s101：收集多种形式下的待输入数据样本，并对所有形式的各种待输入数据样本进行整理，以将整理后的待输入数据样本进行定义数据结构属性，所述数据结构属性包括数据名称、数据id、数据类型、录入形式以及数据长度；
49.需要说明的是，在本步骤中，收集并整理线下待输入数据样本，可以是纸质、电子文档等多种形式，通过整理可以保证数据的完整性，避免后期因数据字段缺失和修改造成较大的改动。
50.根据整理的数据样本，对各类字段进行数据结构的设计，包括数据名称、数据id、数据类型、录入形式、以及长达限制等属性的设定。对于存在并列关系或从属关系的数据，可以设计为更复杂的采集形式，如表格。
51.步骤s102：从所述待输入数据样本中包含的数据信息中依次提取与每种数据结构属性对应的表单字段，并将获得的单个或多个表单字段封装组合成目标表单；
52.具体地，在本步骤中，首先根据所述数据结构属性获取存在并列关系或从属关系的数据信息，并根据具有并列关系或从属关系的数据信息将数据信息标注成混排结构对象或主从结构对象；
53.根据混排结构对象或主从结构对象生成多个目标表单，并基于所述并列关系或所述从属关系将生成的多个目标表单进行关联。
54.示例而非限定，需要配置一个一对多的关联，以ab表为例，其中a表为主表，b表为附表，a表与b表的关联关系为一对多，b中有关联a表的外键。通过选择模型，先配置ab表，并选择主键，再在a表中新增字段，关联b表，勾选外键子段，即可配置好ab表之间一对多的关联关系。
55.步骤s103：将目标表单引入前端表单页面，并根据目标表单之间的关联关系，通过图形化组件对目标表单中表单字段进行拖拉以调整显示位置，并对调整显示位置的目标表单进行第一功能项配置，所述第一功能项配置包括第一字段配置、第一按钮配置、触发事件配置以及菜单树配置；
56.需要说明的是，该图形化组件包括：
57.1.基础组件:基础组件用于常见的页面输入类型组件，包括单行文本框，长文本，日期，数值，单选框，复选框，下拉框，弹出框，逻辑框，富文本框，附件，图片，地图；
58.2.布局组件:布局组件用于常见的页面的展示组件，包括分组标题，描述说明，子表，标签页以及列容器；
59.3.流程组件:流程组件用于常见的流程输入类型组件，包括审批意见和工作标准；
60.4.高级组件:高级组件用于常见的业务输入类型组件，包括操作日志；
61.图形化组件的设计遵循单一职责和低耦合的原则，尽量保证各个组件职能区分明显，不会互相影响。组件有一些共有的接口，用于显示数据字段的一些基本信息，其他扩展信息使用不同json对象进行存储。各种类型组件存储方式以及展现方式不同，基础组件与响应的数据字段进行关联。
62.在本步骤中，进入前端表单设计页面，通过拖拉调整字段显示位置，通过配置修改表单组件类型，并可拖入其他类型组件，进行组合。
63.步骤s104：将配置完成后的页面进行预览，并根据第一数据库中的表单数据信息对展示效果进行验证；
64.在本步骤中，为了检验生成的表单是否需要要求，一般还会对配置完成的页面进行预览，以根据预览效果进行验证，以判断是否符合前期设计。
65.步骤s105：根据预设sql语法信息将所述sql语句转换为所述视图字段，所述视图字段包括视图名称、视图类型以及视图长度，以根据视图名称、视图类型以及视图长度将所述目标视图引入到前端配置页面；
66.在本步骤中，同样需要根据整理的数据样本，对各类字段进行数据结构的设计，包括名称、id、类型、录入形式、以及长度限制等属性的设定。对相对应的数据进行sql的编写，支持多表复杂查询，支持参数化查询。对设计的sql进行解析，通过对设计的表结构生成对应的字段信息。
67.步骤s106：在所述前端配置页面对所述目标视图进行第二功能项配置，所述第二功能项配置包括第二字段配置、第二按钮配置、查询条件配置；
68.视图字段即为数据结构对象，作为需要进行设计的数据对象引入前端设计界面中，利用数据结构对象默认生成视图配置页面的字段；根据实际业务类型，对数据结构对象进行参数配置，位置的拖拽，查询条件，分组，固定列功能，以完成对目标视图的配置。
69.步骤s107：将完成功能项配置的目标视图进行预览，并根据第二数据库中的视图数据信息对展示效果进行验证；
70.步骤s108：根据第一按钮配置为所述目标表单选择对应的第一按钮类型，根据第二按钮配置为所述目标视图选择对应的第二按钮类型，所述第一按钮类型为关联视图，所述第二按钮类型为关联视图；
71.步骤s109：在所述应用目录上创建登入账号，并对账号进行赋权，以通过赋权后的账号进入所述应用目录中对表单视图的功能进行查看和验证。
72.通过从前端录入数据，而后将表单和视图进行关联，进而完成一个系统的零代码开发。通过这种方式，开发者可以专注于数据处理和业务的设计，并可以不断进行迭代开发，进一步完善可复用性。
73.综上，根据上述的表单视图可视化配置方法，通过将表单视图基于前后端分离开发，使得该配置化平台无需编码或少量代码就可以快速生成高体验的应用程序，可敏捷响应用户对数字化转型过程中的各种应用开发。具体为，首先基于第一数据库中的表单数据信息建立数据结构表，进而制成满足开发需求的目标表单，同时对目标表单进行功能配置，而后再根据第二数据库中的视图数据信息编写sql语句，进而对该sql语句解析以提取出视图字段，进而生成目标视图，而后再对目标视图进行功能配置，再将完成配置的目标表单而目标视图进行关联，进而生成表单视图，以完成软件的开发，由于开发过程中几乎无需编写代码，整个过程大约1小时就能完成，极大地提高了开发效率，缩短了设计周期。
74.请参阅图3，所示为本发明第三实施例中的表单视图可视化配置系统的结构示意图，该系统包括：
75.表单构建模块10，用于根据第一数据库中的表单数据信息建立数据结构表，根据所述数据结构表提取单个或多个表单字段，以根据单个或多个表单字段制成目标表单，并在前端配置界面对所述目标表单进行功能配置；
76.进一步地，所示表单构建模块10还包括：
77.第一数据整理单元，用于收集多种形式下的待输入数据样本，并对所有形式的各种待输入数据样本进行整理，以将整理后的待输入数据样本进行定义数据结构属性，所述数据结构属性包括数据名称、数据id、数据类型、录入形式以及数据长度；
78.第一提取单元，用于从所述待输入数据样本中包含的数据信息中依次提取与每种数据结构属性对应的表单字段，并将获得的单个或多个表单字段封装组合成目标表单；
79.第一配置单元，用于将目标表单引入前端表单页面，并根据目标表单之间的关联关系，通过图形化组件对目标表单中表单字段进行拖拉以调整显示位置，并对调整显示位置的目标表单进行第一功能项配置，所述第一功能项配置包括第一字段配置、第一按钮配置、触发事件配置以及菜单树配置；
80.第一验证单元，用于将配置完成后的页面进行预览，并根据第一数据库中的表单数据信息对展示效果进行验证。
81.视图构建模块20，用于根据第二数据库中的视图数据信息编写sql语句，对所述sql语句进行解析以提取并生成目标视图的视图字段，在所述前端配置界面对所述目标视图进行功能配置；
82.进一步地，所示视图构建模块20还包括：
83.解析转换单元，用于根据预设sql语法信息将所述sql语句转换为所述视图字段，所述视图字段包括视图名称、视图类型以及视图长度，以根据视图名称、视图类型以及视图长度将所述目标视图引入到前端配置页面；
84.第二配置单元，用于在所述前端配置页面对所述目标视图进行第二功能项配置，所述第二功能项配置包括第二字段配置、第二按钮配置、查询条件配置；
85.第二验证单元，用于将完成功能项配置的目标视图进行预览，并根据第二数据库中的视图数据信息对展示效果进行验证。
86.表单视图生成模块30，用于在所述前端配置界面将配置后的所述目标表单与配置后的所述目标视图进行关联以得到关联后的表单视图，并将所述表单视图发布在应用目录上。
87.进一步地，所示表单视图生成模块30还包括：
88.关联视图单元，用于根据第一按钮配置为所述目标表单选择对应的第一按钮类型，根据第二按钮配置为所述目标视图选择对应的第二按钮类型，所述第一按钮类型为关联视图，所述第二按钮类型为关联视图。
89.进一步地，在本发明一些可选的实施例中，该系统还包括：
90.标注模块，用于根据所述数据结构属性获取存在并列关系或从属关系的数据信息，并根据具有并列关系或从属关系的数据信息将数据信息标注成混排结构对象或主从结构对象；
91.表单关联模块，用于根据混排结构对象或主从结构对象生成多个目标表单，并基于所述并列关系或所述从属关系将生成的多个目标表单进行关联。
92.进一步地，在本发明一些可选的实施例中，该系统还包括：
93.表单视图效果验证模块，用于在所述应用目录上创建登入账号，并对账号进行赋权，以通过赋权后的账号进入所述应用目录中对表单视图的功能进行查看和验证。
94.综上，根据上述的表单视图可视化配置系统，通过将表单视图基于前后端分离开发，使得该配置化平台无需编码或少量代码就可以快速生成高体验的应用程序，可敏捷响应用户对数字化转型过程中的各种应用开发。具体为，首先基于第一数据库中的表单数据信息建立数据结构表，进而制成满足开发需求的目标表单，同时对目标表单进行功能配置，而后再根据第二数据库中的视图数据信息编写sql语句，进而对该sql语句解析以提取出视图字段，进而生成目标视图，而后再对目标视图进行功能配置，再将完成配置的目标表单而目标视图进行关联，进而生成表单视图，以完成软件的开发，由于开发过程中几乎无需编写代码，整个过程大约1小时就能完成，极大地提高了开发效率，缩短了设计周期。
95.本发明另一方面还提出计算机可读存储介质，其上存储有一个或多个程序，该程序给处理器执行时实现上述的表单可视化配置方法。
96.本发明另一方面还提出一种电子设备，包括存储器和处理器，其中存储器用于存放计算机程序，处理器用于执行存储器上所存放的计算机程序，以实现上述的表单可视化配置方法。
97.本领域技术人员可以理解，在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器
的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，“计算机可读介质”可以是任何可以包含存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。
98.计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(ram)，只读存储器(rom)，可擦除可编辑只读存储器(eprom或闪速存储器)，光纤装置，以及便携式光盘只读存储器(cdrom)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。
99.应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或它们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(pga)，现场可编程门阵列(fpga)等。
100.在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
101.以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。