CN116501318B - 表单创建方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本申请提供了一种表单创建方法、装置、电子设备及计算机可读存储介质，涉及互联网技术领域。其中，该方法包括：获取目标数组，所述目标数组中包括目标表单的各个表格的表格配置项；根据表单组件还原所述目标数组中的每个所述表格配置项，所述表单组件为表单通用配置信息封装的组件；根据还原后的表格配置项和所述表单组件创建所述目标表单。本申请通过在进行表单创建前，先将多个表单的表单通用配置信息封装成表单组件。进而在进行表单创建时，仅需要创建各个表格各自的表格配置项，不需要再对通用的表单配置信息相应的代码进行重复编辑，可以减少代码的重复率，进而可以增加sonar代码扫描的通过率。

Description

表单创建方法、装置、电子设备及计算机可读存储介质

技术领域

本申请涉及互联网技术领域，具体而言，涉及一种表单创建方法、装置、电子设备及计算机可读存储介质。

背景技术

在前端开发的工作当中，表单页面是中后台业务的主要展现形式之一。目前常见的表单创建模式为：根据业务需求，编写相应的代码，再进行相应的渲染后，对表单内容进行校验和数据整合。但是这种表单构建方法用起来比较繁琐冗余，写出来的内容在进行sonar代码扫描时，经常因为相似功能的书写而拉高了重复率，导致扫描通过率较低。

发明内容

有鉴于此，本申请实施例的目的在于提供一种表单创建方法、装置、电子设备及计算机可读存储介质，能够减少代码的重复率，进而可以增加sonar代码扫描的通过率。

第一方面，本申请实施例提供了一种表单创建方法，包括：获取目标数组，所述目标数组中包括目标表单的各个表格的表格配置项；根据表单组件还原所述目标数组中的每个所述表格配置项，所述表单组件为表单通用配置信息封装的组件；根据还原后的表格配置项和所述表单组件创建所述目标表单。

在上述实现过程中，在进行表单创建前，先将多个表单的表单通用配置信息封装成表单组件。进而在进行表单创建时，仅需要创建各个表格各自的表格配置项，不需要再对通用的表单配置信息相应的代码进行重复编辑，可以减少代码的重复率，进而可以增加sonar代码扫描的通过率。

在一个实施例中，所述根据表单组件还原所述目标数组中的每个所述表格配置项，包括：根据所述表单组件遍历所述目标数组，并将所述目标数组中的每个所述表格配置项还原为antd可解析形式。

在上述实现过程中，由于表单组件在封装时，是基于antd进行封装的。通过将每个表格配置项还原为antd可解析形式，可以使得还原后的表格配置项和将表单通用配置信息为统一的形式，有利于表单的渲染和生成，提高表单创建效率。

在一个实施例中，所述根据表单组件还原所述目标数组中的每个所述表格配置项之前，所述方法还包括：通过itemType对所述表格配置项中的各个表格进行分类。

在上述实现过程中，由于itemType在进行配置时，配置简单，且灵活性较高，通过简单的配置便可以建立相应的目标属性，因而通过itemType对表格配置项中的各个表格进行分类，可以在提高配置的便捷性的同时，增加分类的灵活性。

在一个实施例中，所述根据表单组件还原所述目标数组中的每个所述表格配置项之前，所述方法还包括：通过render对所述表格配置项中的各个表格进行分类。

在上述实现过程中，由于使用render方法可以自定义表单项，对于不常用的分类类型也能进行配置和分类，可以提高表单配置的灵活性。

在一个实施例中，所述方法还包括：根据columnsLayout参数确定每个表格在目标区域显示的宽度参数。

在上述实现过程中，通过columnsLayout参数确定每个表格在目标区域显示的宽度参数，可以使得表格在不同显示区域上可以更好地适应，使得表单的样式整齐统一，可以提高表显示的美观性。也可以通过用户参数进行样式修改，可以提高表单配置的灵活性。

在一个实施例中，所述方法还包括：若获取到span值，根据所述span值确定与所述span值关联的所述表格在所述目标区域显示的宽度参数；其中，与所述span值关联的所述表格在所述目标区域显示的宽度参数优先通过所述span值确定。

在上述实现过程中，在确定表单中各个表格的宽度参数时，若获取到span值，根据span值确定与span值关联的表格在目标区域显示的宽度参数。可以对这种有特殊宽度需求的表格进行个性化配置，可以提高表单配置的灵活性。

在一个实施例中，所述根据表单组件还原所述目标数组中的每个所述表格配置项之前，所述方法还包括：若所述表单组件不满足所述目标数组使用，通过fieldProps配置所述目标表单的表格信息。

在上述实现过程中，通过fieldProps配置目标表单的表格信息，由于fieldProps可以自定义表单元素的样式、行为和验证规则等，从而可以增加表单配置的灵活性。另外，由于fieldProps可以方便地添加新的表单元素类型，而不需要修改现有的代码，进而可以保留原有的表单配置项，可以减少代码进行重复编辑，进而减少代码的重复率。

第二方面，本申请实施例还提供一种表单创建装置，包括：获取模块，用于获取目标数组，所述目标数组中包括目标表单的各个表格的表格配置项；还原模块，用于根据表单组件还原所述目标数组中的每个所述表格配置项，所述表单组件为表单通用配置信息封装的组件；创建模块，用于根据还原后的表格配置项和所述表单组件创建所述目标表单。

第三方面，本申请实施例还提供一种电子设备，包括：处理器、存储器，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面的任一种可能的实施方式中的方法的步骤。

第四方面，本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面，或第一方面的任一种可能的实施方式中表单创建方法的步骤。

为使本申请的上述目的、特征和优点能更明显易懂，下文特举实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的表单创建方法的流程图；

图2为本申请实施例提供的表单创建装置的功能模块示意图；

图3为本申请实施例提供的电子设备的方框示意图。

具体实施方式

下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行描述。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

本申请发明人经长期研究发现，目前常用的表单创建方式，常常需要根据表单所需内容编辑大量的代码，使得编程人员的工作量巨大，且项目后期维护时，由于代码过长，阅读和维护也比较困难。另外，写出来的内容在进行sonar代码扫描时，经常因为相似功能的书写而拉高了重复率，导致扫描通过率较低。

有鉴于此，本申请发明人提出一种表单创建方法，通过将表单的表单通用配置信息封装成表单组件，进而在进行表单创建时，仅需要输入各个表格各自的表格配置项，可以极大的减少编程人员的代码输入。

另外，通过增加流式布局配置，可根据columnsLayout进行整体列数配置，若某项想自定义宽度，还可在columns里通过span进行宽度设定。而且，设置不同的分类方式，使得不同分类类型的信息都能进行分类，增加了表单配置的灵活性。

请参阅图1，是本申请实施例提供的表单创建方法的流程图。下面将对图1所示的具体流程进行详细阐述。

步骤201，获取目标数组。

其中，目标数组中包括目标表单的各个表格的表格配置项。该表格配置项为每个表格个性化配置信息。

这里的目标数组可以是columns数组、column数组等。该目标数组可以为一个，也可以为多个，该目标数组的数量可以根据实际情况进行调整。

上述的表格配置项为目标表单中各个表格的名称、类型、布局等配置信息。该表格配置项中可以包括一种或多种配置信息。

可以理解地，该目标数组中的各个表格的表格配置项为各个表格独有的配置信息。例如，各个表格各自的名称、表格类型、表格宽度等信息。

在一些实施例中，可以在获取到目标表单创建信息时触发获取该目标数组。

步骤202，根据表单组件还原目标数组中的每个表格配置项。

这里的表单组件为表单通用配置信息封装的组件。

可以理解地，在进行表单创建时，多个表单之间存在相同的部分和各自表单独有的部分，这些相同的部分一般为表单创建时的通用配置信息。在进行表单创建之前，可以将这些通用配置信息进行封装构建成表单组件。

由于目标数组中仅包括了表单中各个表格的独有的配置信息，在进行表单创建时，需要将目标数组中目标表单的各个表格的表格配置项和表单组件中的表单通用配置信息进行匹配，以创建完整的表单。

在将目标数组中目标表单的各个表格的表格配置项和表单组件中的表单通用配置信息进行匹配时，可以通过表单组件还原该目标数组中的每个表格配置项。

在一些实施例中，在将表单通用配置信息封装为表单组件时，可以基于antd进行封装。

步骤203，根据还原后的表格配置项和表单组件创建目标表单。

可以理解地，还原后的表格配置项中的各个表格的表格配置项与表单组件中的表单通用配置信息相互匹配。即，将各个表格的表格配置项与表单通用配置信息进行相应匹配后，还原得到该表单的整体的创建代码，基于该创建代码可以创建目标表单。

在上述实现过程中，在进行表单创建前，先将多个表单的表单通用配置信息封装成表单组件。进而在进行表单创建时，仅需要创建各个表格各自的表格配置项，不需要再对通用的表单配置信息相应的代码进行重复编辑，可以减少代码的重复率，进而可以增加sonar代码扫描的通过率。

在一种可能的实现方式中，步骤202，包括：根据表单组件遍历目标数组，并将目标数组中的每个表格配置项还原为antd可解析形式。

这里的根据表单组件遍历目标数组可以通过map、filter、forEach、find、every、some、reduce等方式实现。

可以理解地，在根据表单组件遍历目标数组时，会将该目标数组中的每个表格配置项与表单组件中对应的表单通用配置信息进行匹配，以确定出每个表格配置项与表单组件中对应表单通用配置信息的相互关系，进而能够还原完整的表单代码。

上述的还原为antd可解析形式的每个表格配置项可以通过将Col中包裹Form.Item标签形式进行表示。

示例性地，该表单组件的源码架构可以如下：

<Row gutter={24}>

{

colums.filter((item) =>item)

map(item =>{

//

return(

<Col

Key={item name as string}

{ colProps}

Style={{display:hideWithElement?‘none’:‘block’}}

>

{‘WithFormItem’ in item&&!item withFormItem？

（jsx） :

(<Form.Item {itemProps}>{jsx}</Form.Item>)}

</Col>

})

}

这里的源码架构仅是示例性地，该源码结构的具体结构可以根据实际情况进行调整，本申请不做具体限制。

在上述实现过程中，由于表单组件在封装时，是基于antd进行封装的。通过将每个表格配置项还原为antd可解析形式，可以使得还原后的表格配置项和将表单通用配置信息为统一的形式，有利于表单的渲染和生成，提高表单创建效率。

在一种可能的实现方式中，步骤202之前，该方法还包括：通过itemType对表格配置项中的各个表格进行分类。

这里的各个表格的类型可以包括输入框、文本域、单选、多选、下拉项、级联选择以及日期等，各个表格的类型可以根据实际情况进行选择，本申请不做具体限制。

在一些实施例中，同一表单中的不同表格的类型可能会存在不同。因而，在创建表格的表格配置项时，还需要对各个表格进行分类。

可以理解地，itemType是一个用来定义业务类型的对象类。该itemType可以通过定义每个业务的名称、标签、类结构等信息对各个业务进行分类。因而，对于如输入框、下拉项等这种常见的分类类型，由于这些分类类型比较常见，其对应的名称、标签、类结构等信息通常为常识信息。对于这种分类类型可以通过itemType进行简单的配置，进而可以建立各个类型的属性，方便快捷。

在上述实现过程中，由于itemType在进行配置时，配置简单，且灵活性较高，通过简单的配置便可以建立相应的目标属性，因而通过itemType对表格配置项中的各个表格进行分类，可以在提高配置的便捷性的同时，增加分类的灵活性。

在一种可能的实现方式中，步骤202之前，该方法还包括：通过render对表格配置项中的各个表格进行分类。

可以理解地，组件可以通过调用render方法来渲染其内部状态在这个过程中，组件会根据其属性获取到的数据进行布局、样式设置等操作，最终呈现给用户。因而，对于一些不常用的分类类型，可以通过render方法传入，组件在接收到render参数传入时，可直接渲染。进而可以通过该render方法对一些不常用的分类类型进行配置和分类。

在上述实现过程中，由于使用render方法可以自定义表单项，对于不常用的分类类型也能进行配置和分类，可以提高表单配置的灵活性。

在一种可能的实现方式中，该方法还包括：根据columnsLayout参数确定每个表格在目标区域显示的宽度参数。

其中，该宽度参数可以是每个表格的宽度值。

这里的目标区域可以是电子设备的显示屏，如计算机的显示器、手机的屏幕等。该目标区域为用于显示创建的表单的区域。该目标区域的长度可以提前设置并存储。

在对表单中的各个表格的宽度参数进行配置时，可以根据目标区域的长度和目标表单中的表格数量计算每个表格在目标区域显示的宽度参数。

上述的columnsLayout是一种将页面分成多列的结构化布局方式，每个列可以包含不同的内容或元素。这种布局方式通常用于创建多列的网格布局。该columnsLayout可以使用百分比或者一个固定值指定每一列的宽度。该百分比可以是目标区域中的表格数与表单中的总表格数的比值，也可以是每个表格的宽度占目标区域的长度的比值。该百分比可以根据实际情况进行调整，本申请不做具体限制。

示例性地，若columnsLayout参数为一个固定值，则可以直接确定该固定值为每个表格在目标区域显示的宽度参数。

若columnsLayout参数为一个百分比，则可以直接根据该百分比和母线区域的宽度参数计算每个表格在目标区域显示的宽度参数。

在上述实现过程中，通过columnsLayout参数确定每个表格在目标区域显示的宽度参数，可以使得表格在不同显示区域上可以更好地适应，使得表单的样式整齐统一，可以提高表显示的美观性。也可以通过用户参数进行样式修改，可以提高表单配置的灵活性。

在一种可能的实现方式中，该方法还包括：若获取到span值，根据span值确定与span值关联的表格在目标区域显示的宽度参数。

其中，与span值关联的表格在目标区域显示的宽度参数优先通过span值确定。

可以理解地，上述的columnsLayout参数用于确定该表单在目标区域整体的宽度参数。但是，在实际的表单创建中，每个表单中的各个表格的宽度参数并不是完全相同的。对于部分有特殊宽度参数需求的表格来说，在进行创建时，需要另外配置其宽度参数。

对于这些有特殊宽度参数需求的表格，通过span值对其宽度参数进行配置。在进行数组遍历时，若检测到该目标数组中有span值传入，则有限使用该span值确定与span值关联的表格在目标区域显示的宽度参数。

示例性地，该表单的宽度参数可以通过以下架构实现：

Let colProps: any = {};

If (‘span’ in item) {

colProps span = item span;

eals if (typeof columnsLayout !==‘undefined’) {

colProps span = 24/ columnsLayout;

} eals {

colProps = defaultlayout;

}

这里的表单的宽度参数确定架构仅是示例性地，该表单的宽度参数确定架构的具体结构可以根据实际情况进行调整，本申请不做具体限制。

在一些实施例中，若该目标数据中既无columnsLayout参数传入，也无span值传入，则可以使用默认值。采用这种默认样式可以使得表单的样式整齐统一，美观性较好。

在上述实现过程中，在确定表单中各个表格的宽度参数时，若获取到span值，根据span值确定与span值关联的表格在目标区域显示的宽度参数。可以对这种有特殊宽度需求的表格进行个性化配置，可以提高表单配置的灵活性。

在一种可能的实现方式中，步骤202之前，该方法还包括：若表单组件不满足目标数组使用，通过fieldProps配置目标表单的表格信息。

这里的fieldProps是一个组件的属性，用于指定在表单元素上显示的字段属性。它通常被用于自定义表单元素，例如日期选择器、下拉列表等。通过设置fieldProps属性，可以控制表单元素的样式、行为和验证规则等。

可以理解地，该表单组件主要用于一些常用的表单通用配置信息进行封装获得的。但是，在实际的表单创建中，也会遇到一些不常用的表单。对于这类型的表单的创建，该表单组件不能满足该目标数组的使用。此时，可以通过fieldProps进行自定以配置。

或者，在实际创建中，某一表单中的同一配置信息对应多种不同类型的具体参数，该表单组件不能进一步还原，即该表单组件不能满足该目标数组的使用。此时，可以通过fieldProps对这些不同类型的具体参数进行配置。

示例性地，某一表单为某学校人员表单，该表单中包括学生和老师人员。该表单中的表格类型可以包括老师姓名和学生姓名。但是，封装的表单组件中仅有姓名这一种配置。因而，该表单组件不能满足当前表单的目标组件使用。此时，可以分别将老师姓名和学生姓名输入fieldProps，通过该fieldProps对老师姓名和学生姓名进一步分类。

在上述实现过程中，通过fieldProps配置目标表单的表格信息，由于fieldProps可以自定义表单元素的样式、行为和验证规则等，从而可以增加表单配置的灵活性。另外，由于fieldProps可以方便地添加新的表单元素类型，而不需要修改现有的代码，进而可以保留原有的表单配置项，可以减少代码进行重复编辑，进而减少代码的重复率。

基于同一申请构思，本申请实施例中还提供了与表单创建方法对应的表单创建装置，由于本申请实施例中的装置解决问题的原理与前述的表单创建方法实施例相似，因此本实施例中的装置的实施可以参见上述方法的实施例中的描述，重复之处不再赘述。

请参阅图2，是本申请实施例提供的表单创建装置的功能模块示意图。本实施例中的表单创建装置中的各个模块用于执行上述方法实施例中的各个步骤。表单创建装置包括获取模块301、还原模块302、创建模块303；其中，

获取模块301用于获取目标数组，所述目标数组中包括目标表单的各个表格的表格配置项。

还原模块302用于根据表单组件还原所述目标数组中的每个所述表格配置项，所述表单组件为表单通用配置信息封装的组件。

创建模块303用于根据还原后的表格配置项和所述表单组件创建所述目标表单。

一种可能的实施方式中，还原模块302，还用于：根据所述表单组件遍历所述目标数组，并将所述目标数组中的每个所述表格配置项还原为antd可解析形式。

一种可能的实施方式中，该表单创建装置还包括分类模块，用于：通过itemType对所述表格配置项中的各个表格进行分类。

一种可能的实施方式中，分类模块，还用于：通过render对所述表格配置项中的各个表格进行分类。

一种可能的实施方式中，该表单创建装置还包括计算模块，用于：根据columnsLayout参数确定每个表格在目标区域显示的宽度参数。

一种可能的实施方式中，该表单创建装置还包括确定模块，用于：若获取到span值，根据所述span值确定与所述span值关联的所述表格在所述目标区域显示的宽度参数；其中，与所述span值关联的所述表格在所述目标区域显示的宽度参数优先通过所述span值确定

一种可能的实施方式中，该表单创建装置还包括配置模块，用于：若所述表单组件不满足所述目标数组使用，通过fieldProps配置所述目标表单的表格信息。

为便于对本实施例进行理解，下面对执行本申请实施例所公开的表单创建方法的电子设备进行详细介绍。

如图3所示，是电子设备的方框示意图。电子设备100可以包括存储器111、处理器113。本领域普通技术人员可以理解，图3所示的结构仅为示意，其并不对电子设备100的结构造成限定。例如，电子设备100还可包括比图3中所示更多或者更少的组件，或者具有与图3所示不同的配置。

上述的存储器111和处理器113相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。上述的处理器113用于执行存储器中存储的可执行模块。

其中，存储器111可以是，但不限于，随机存取存储器（Random Access Memory，简称RAM），只读存储器（Read Only Memory，简称ROM），可编程只读存储器（ProgrammableRead-Only Memory，简称PROM），可擦除只读存储器（Erasable Programmable Read-OnlyMemory，简称EPROM），电可擦除只读存储器（Electric Erasable Programmable Read-OnlyMemory，简称EEPROM）等。其中，存储器111用于存储程序，所述处理器113在接收到执行指令后，执行所述程序，本申请实施例任一实施例揭示的过程定义的电子设备100所执行的方法可以应用于处理器113中，或者由处理器113实现。

上述的处理器113可能是一种集成电路芯片，具有信号的处理能力。上述的处理器113可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(digital signalprocessor，简称DSP)、专用集成电路(Application Specific Integrated Circuit，简称ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

本实施例中的电子设备100可以用于执行本申请实施例提供的各个方法中的各个步骤。

此外，本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的表单创建方法的步骤。

本申请实施例所提供的表单创建方法的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行上述方法实施例中所述的表单创建方法的步骤，具体可参见上述方法实施例，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (6)

1.一种表单创建方法，其特征在于，包括：

获取目标数组，所述目标数组中包括目标表单的各个表格的表格配置项；

根据表单组件还原所述目标数组中的每个所述表格配置项，所述表单组件为表单通用配置信息封装的组件；

根据还原后的表格配置项和所述表单组件创建所述目标表单；

根据columnsLayout参数确定每个表格在目标区域显示的宽度参数，所述columnsLayout参数用于确定所述表单在所述目标区域整体的所述宽度参数；

若获取到span值，根据所述span值确定与所述span值关联的所述表格在所述目标区域显示的宽度参数；

其中，与所述span值关联的所述表格在所述目标区域显示的宽度参数优先通过所述span值确定；

所述根据表单组件还原所述目标数组中的每个所述表格配置项之前，所述方法还包括：

通过render方法对一些不常用的分类类型进行配置和分类。

2.根据权利要求1所述的方法，其特征在于，所述根据表单组件还原所述目标数组中的每个所述表格配置项，包括：

根据所述表单组件遍历所述目标数组，并将所述目标数组中的每个所述表格配置项还原为antd可解析形式。

3.根据权利要求1所述的方法，其特征在于，所述根据表单组件还原所述目标数组中的每个所述表格配置项之前，所述方法还包括：

若所述表单组件不满足所述目标数组使用，通过fieldProps配置所述目标表单的表格信息。

4.一种表单创建装置，其特征在于，包括：

获取模块，用于获取目标数组，所述目标数组中包括目标表单的各个表格的表格配置项；

还原模块，用于根据表单组件还原所述目标数组中的每个所述表格配置项，所述表单组件为表单通用配置信息封装的组件；

分类模块，用于通过render方法对一些不常用的分类类型进行配置和分类；

创建模块，用于根据还原后的表格配置项和所述表单组件创建所述目标表单；

计算模块，用于根据columnsLayout参数确定每个表格在目标区域显示的宽度参数，所述columnsLayout参数用于确定所述表单在所述目标区域整体的所述宽度参数；

确定模块，用于若获取到span值，根据所述span值确定与所述span值关联的所述表格在所述目标区域显示的宽度参数；

其中，与所述span值关联的所述表格在所述目标区域显示的宽度参数优先通过所述span值确定。

5.一种电子设备，其特征在于，包括：处理器、存储器，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述机器可读指令被所述处理器执行时执行如权利要求1至3任一所述的方法的步骤。

6.一种计算机可读存储介质，其特征在于，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如权利要求1至3任一所述的方法的步骤。