CN115291876B - 一种表单设计工具构建方法、系统、电子设备和存储介质 - Google Patents

Abstract

本发明公开了一种表单设计工具构建方法、系统、电子设备和存储介质。包括：将表单设计组件进行组合，确定表单元素的布局；将每个所述表单元素进行标签、字段和数据模型绑定，并对每个所述表单元素的规则限制、显示方式和样式进行配置；将所述表单元素标签进行翻译，得到多个所述表单元素标签翻译组合；将表字段注释进行翻译，得到所述表字段翻译组合；对所述标签翻译组合和所述表字段翻译组合进行相似度计算，将相似度达到预设阈值的表字段设为优先与所述标签匹配；将生成的表单进行装载。能够提高表单设计工具的通用性，提高表单设计自动化程度，缩短设计时间，提升用户在构建表单的交互体验和效率。

Description

一种表单设计工具构建方法、系统、电子设备和存储介质

技术领域

本发明涉及计算机技术领域，特别涉及一种表单设计工具构建方法、系统、电子设备、存储介质和一种表单设计工具。

背景技术

目前的表单引擎系统，是通过各种组件进行可视化的组合来实现表单页面布局和交互方式的自由定制，通过对组件间依赖关系和逻辑关系的配置实现对表单元素之间的关联关系的自由定制，来实现表单灵活地自定义布局，通过对表单字段和数据字段的绑定，来实现数据的精准持久化。但是表单引擎与业务系统结合过程中会遇到以下几种问题：

（1）通用性问题。目前的表单引擎仅支持较为简单的表单，而业务系统往往对表单中的组件有很多定制化的需求，只能通过修改表单引擎源码来实现，导致业务周期和复杂度增加，完全不具备通用性。

（2）表单构建效率问题。针对表单迁移或者结合表单参照物进行表单设计的业务场景，只能逐一对照按部就班的进行表单的构建，耗费不短的时间；针对表单数据需要精准落入数据库的场景，则需要将表单元素标签字段和数据库字段一一对应，也非常耗时间。

发明内容

为解决上述问题，本发明提供了一种表单设计工具构建方法、系统、电子设备、存储介质和一种表单设计工具。

第一方面，本发明实施例提供一种表单设计工具构建方法，包括以下步骤：

构建表单设计组件，提取表单元素；

将表单设计组件进行组合，确定表单元素的布局；

将每个所述表单元素进行标签、字段和数据模型绑定，并对每个所述表单元素的规则限制、显示方式和样式进行配置；

将所述表单元素标签进行翻译，得到多个所述表单元素标签翻译组合；

将表字段注释进行翻译，得到所述表字段翻译组合；

对所述标签翻译组合和所述表字段翻译组合进行相似度计算，将相似度达到预设阈值的表字段设为优先与所述标签匹配；

将生成的表单进行装载。

在一些具体的实施例中，构建所述表单设计组件，包括以下步骤：

选择所述表单设计组件类型；

根据动态数据需求，构建数据模型，将所述数据模型与所述表单设计组件的选项进行绑定；

在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式；

将所述表单设计组件的操作节点进行组合，得到所述表单设计组件交互逻辑流程。

在一些具体的实施例中，还包括以下步骤：

当所述表单设计组件为自定义组件时，根据所述交互逻辑流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况；

当所述表单设计组件为第三方组件时，根据内置插件流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况。

在一些具体的实施例中，表单设计工具构建方法还包括以下步骤：

将所述表单设计组件进初始化装载，将装载好的所述布局和所述交互逻辑进行静态缓存。

在一些具体的实施例中，表单设计工具构建方法还包括以下步骤：

将自定义的表单设计组件导出为规范化插件。

在一些具体的实施例中，提取所述表单元素，包括以下步骤：

采用表单图像识别模型，对表单图像进行识别，输出圈定好的表单元素图像流；

对所述圈定好的表单元素图像流进行表单元素提取，得到所述表单元素的标签、类型和位置坐标；

根据所述表单元素的位置坐标，输入坐标运算模型，输出在同一水平线范围的表单元素组合。

在一些具体的实施例中，提取所述表单元素，还包括以下步骤：

根据所收集的表单渲染片段信息，确定现有的表单元素的标签和类型；

将现有的表单元素的标签和类型进行正则表达式封装，以Xpath语法和CSS选择器进行装载；

输入html片段，依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取，得到所述html片段的表单元素。

在一些具体的实施例中，提取所述表单元素，还包括以下步骤：

将提取的表单元素转换成表单设计器可识别的编码，并自动渲染至所述表单设计器中。

第二方面，本发明实施例提供一种表单设计工具构建系统，包括：

表单设计器，用于构建表单设计组件，提取表单元素，将表单设计组件进行组合，确定表单元素的布局，将每个所述表单元素进行标签、字段和数据模型绑定，并对每个所述表单元素的规则限制、显示方式和样式进行配置；

字段映射器，用于将所述表单元素标签进行翻译，得到多个所述表单元素标签翻译组合，将表字段注释进行翻译，得到所述表字段翻译组合，对所述标签翻译组合和所述表字段翻译组合进行相似度计算，将相似度达到预设阈值的表字段设为优先与所述标签匹配；

表单装载器，用于将生成的表单进行装载。

在一些具体的实施例中，所述系统还包括：

组件设计器，用于选择所述表单设计组件类型，根据动态数据需求，构建数据模型，将所述数据模型与所述表单设计组件的选项进行绑定，在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式，将所述表单设计组件的操作节点进行组合，得到所述表单设计组件交互逻辑流程；

组件装载器，用于进行表单设计组件的装载、预览和调试，当所述表单设计组件为自定义组件时，根据所述交互逻辑流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况，当所述表单设计组件为第三方组件时，根据内置插件流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况；

组件管理器，用于将所述表单设计组件进初始化装载，将装载好的所述布局和所述交互逻辑进行静态缓存，对自定义表单设计组件进行编辑、删除和发布，将自定义的表单设计组件导出为规范化插件；

表单元素提取器，用于采用表单图像识别模型，对表单图像进行识别，输出圈定好的表单元素图像流，对所述圈定好的表单元素图像流进行表单元素提取，得到所述表单元素的标签、类型和位置坐标，根据所述表单元素的位置坐标，输入坐标运算模型，输出在同一水平线范围的表单元素组合，根据所收集的表单渲染片段信息，确定现有的表单元素的标签和类型，将现有的表单元素的标签和类型进行正则表达式封装，以Xpath语法和CSS选择器进行装载，输入html片段，依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取，得到所述html片段的表单元素，将提取的表单元素转换成表单设计器可识别的编码，并自动渲染至所述表单设计器中；

表单管理器，用于将表单进行初始化加载，将装载好的布局和交互逻辑进行缓存，对表单进行编辑、删除和发布，将表单进行页面生成，在各业务之间进行表单共享。

基于同一发明构思，本发明实施例还提供一种电子设备，包括：存储器、处理器及存储于存储器上并在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现前述的表单设计工具构建方法。

基于同一发明构思，本发明实施例还提供一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，所述计算机可执行指令执行时实现前述的表单设计工具构建方法。

基于同一发明构思，本发明实施例还提供一种表单设计工具，所述表单设计工具通过前述的表单设计工具构建方法得到。

本发明实施例提供的上述技术方案的有益效果至少包括：

由本发明公开的技术方案构建的表单设计工具，能够提高表单设计工具的通用性，支持不停机完成特殊表单组件或者第三方组件的接入，来应对各种复杂的业务表单构建，实现真正的通用型；能够提高表单设计自动化程度，缩短设计时间，便于利用人工智能技术来实现表单的自动构建，字段的自动映射，提升了用户在构建表单的交互体验和效率。支持规范化组件插件，便于实现跨业务系统的组件共享。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明实施例而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。在附图中：

图1为本发明实施例中一种表单设计工具构建拓扑图；

图2为本发明实施例中一种电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开示例性实施例。虽然附图中显示了本公开示例性实施例，然而应当理解，可以以各种形式实现本发明技术方案而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本发明，并且能够将本发明的范围完整的传达给本领域的技术人员。

为了解决现有技术中存在的问题，本发明实施例提供一种表单设计工具构建方法、系统、电子设备、存储介质和一种表单设计工具。

实施例一

本发明实施例一提供一种表单设计工具构建方法，包括如下步骤：

步骤S1：构建表单设计组件。

在一些具体的实施例中，构建所述表单设计组件，包括以下步骤：

选择所述表单设计组件类型；

根据动态数据需求，构建数据模型，将所述数据模型与所述表单设计组件的选项进行绑定；

在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式；

将所述表单设计组件的操作节点进行组合，得到所述表单设计组件交互逻辑流程。

在一些具体的实施例中，构建所述表单设计组件，还包括以下步骤：

当所述表单设计组件为自定义组件时，根据所述交互逻辑流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况；

当所述表单设计组件为第三方组件时，根据内置插件流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况。

步骤S2：提取表单元素。

在一些具体的实施例中，提取所述表单元素，包括以下步骤：

采用表单图像识别模型，对表单图像进行识别，输出圈定好的表单元素图像流；

对所述圈定好的表单元素图像流进行表单元素提取，得到所述表单元素的标签、类型和位置坐标；

根据所述表单元素的位置坐标，输入坐标运算模型，输出在同一水平线范围的表单元素组合。

在一些具体的实施例中，提取所述表单元素，还包括以下步骤：

根据所收集的表单渲染片段信息，确定现有的表单元素的标签和类型；

将现有的表单元素的标签和类型进行正则表达式封装，以Xpath语法和CSS选择器进行装载；

输入html片段，依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取，得到所述html片段的表单元素。

在一些具体的实施例中，提取所述表单元素，还包括以下步骤：

将提取的表单元素转换成表单设计器可识别的编码，并自动渲染至所述表单设计器中。

步骤S3：将表单设计组件进行组合，确定表单元素的布局；将每个所述表单元素进行标签、字段和数据模型绑定，并对每个所述表单元素的规则限制、显示方式和样式进行配置。

在一些具体的实施例中，所述表单设计工具构建方法还包括以下步骤：

将所述表单设计组件进初始化装载，将装载好的所述布局和所述交互逻辑进行静态缓存。

在一些具体的实施例中，所述表单设计工具构建方法还包括以下步骤：

将自定义的表单设计组件导出为规范化插件。

步骤S4：将所述表单元素标签进行翻译，得到多个所述表单元素标签翻译组合；将表字段注释进行翻译，得到所述表字段翻译组合；对所述标签翻译组合和所述表字段翻译组合进行相似度计算，将相似度达到预设阈值的表字段设为优先与所述标签匹配。

步骤S5：将生成的表单进行装载。

在一些具体的实施例中，如图1所示，构建表单设计工具包括组件管理和表单管理。主要使用组件设计器进行自定义组件设计，为表单设计器提供自定义组件支持。具体设计步骤如下：进入组件设计器页面，选择组件类型，内置选择组件、分享组件、空白风格等组件风格，然后通过可视化拖拽的方式进行组件窗口的设计，比如窗口的大小、内部布局设置、选项配置等，再根据动态数据需求，构建数据模型（支持API、SQL语句、数据字典三种方式），并与组件选项进行绑定。进入交互流程设计页面，通过可视化拖拽方式组合每个操作节点，每个节点上可以配置触发事件（单击、双击、载入时、关闭时），触发方法、数据模型传入方式等。最终将组件交互逻辑以流程图形式表现出来。

采用组件装载器，进行组件的装载操作，支持组件设计器设计的组件装载和按照组件插件开放集成规范开发的组件装载。具体装载步骤如下：进入模型装载页面，点击装载调试按钮，进行组件预览。根据组件类型进行不同装载方法，如果是自定义模型，按照之前配置的交互流程进行逐步的自动化执行测试，会对每一步进行监控，返回每个步骤的执行情况。如果是三方插件，会按照装载器内置插件流程进行逐步执行测试，返回每个步骤的执行情况。

采用组件管理器，进行组件的管理，组件缓存是将自定义组件和三方插件进行初始化装载，并将装载好的布局、交互逻辑静态缓存，来提高下一次打开组件渲染的速度。在组件管理器中可以对所有的自定义组件进行编辑、删除、发布等操作，并可以将组件导出成本发明系统支持的规范化组件插件，实现跨业务系统的组件共享。

在表单设计器中，利用可视化拖拽的方式，容器类组件（栅格布局、表格布局、选项卡、动态列表）、普通组件（单行文本、多行文本、单选复选框，开关、时间选择器等）、载入型组件（附件、编辑器，图片、级联选择器）和自定义组件来自由组合完成表单元素的布局，并对每个元素进行标签、字段、数据模型绑定、规则限制、显示方式和样式进行配置，调用表单装载器进行实时预览调试。

在表单元素提取器中，包括表单图像提取表单元素方法和HTML片段提取表单元素方法。

表单图像识别方法是利用PaddleOCR技术来提取表单图像中表单元素标签、类型和位置，支持的表单图像有表单截图、原型图、表单手稿图或者有明显表单特征的图片。具体步骤如下：将表单图像上传至表单识别器，调用PaddleOCR图像识别模型，输出圈定好的表单元素图像流。再对圈定好的图像流进行元素提取，返回元素的标签、类型、位置坐标。根据坐标运算，输出在同一水平线范围的元素组合。最后将提取结果转换成表单设计器可以识别的JSON串，并自动渲染至表单设计器中，进行后续的表单设计。其中，PaddleOCR是一种开源的超轻量级OCR模型库，提供了数十种文本检测、识别模型。OCR（Optical CharacterRecognition，光学字符识别）是指电子设备（例如扫描仪或数码相机）检查纸上打印的字符，通过检测暗、亮的模式确定其形状，然后用字符识别方法将形状翻译成计算机文字的过程。

HTML片段提取表单元素主要利用是Xpath、CSS选择器、正则表达式等技术，输入html片段，输出元素标签、类型集合。具体步骤如下：表单提取器收集目前所有市面所有主流前端框架中的表单渲染片段信息，并对所有的表单元素类型及标签项进行正则表达式封装、xpath语法、CSS选择器进行装载；当输入html片段，会先通过依次利用装载好的CSS选择器、Xpath语法、正则表达式进行元素提取，输出标签类型结果。将输出结果转成表单设计可以识别的JSON串，并自动渲染至表单设计器中，进行后续表单设计。其中，Xpath（XML PathLanguage，XML路径语言）是一门从HTML中提取数据的语言，XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。可扩展标记语言 (Extensible Markup Language, XML)，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML是由HTML（Hyper Text Markup Language，超文本标记语言）发展而来。CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。CSS(Cascading Style Sheets，层叠样式表)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

在字段映射器中，将表单元素字段与数据库字段进行快速映射建议的方法。具体步骤如下：获取到表单元素的中文标签，调用翻译程序接口或者开源的翻译算法进行将标签翻译成英文，并进行多轮转换翻译，得出多个表单标签中英匹配组合。读取与该表单绑定的数据源表信息，如果有表字段注释则对注释进行中英文翻译，生成表字段中英匹配组合。在利用相似度算法进行标签翻译组合与表字段翻译组合进行相似度计算，推荐达到阈值的与标签最为匹配的数据表字段。

在表单装载器中，主要进行表单的装载操作，支持表单设计器的表单和三方表单装载，具体装载步骤如下：表单设计器会将整个自定义表单保存成一个JSON串，前端读取到JSON串会按照顺序解析来进行表单的布局、交互、数据模型渲染，渲染过程中遇到错误会将错误信息提示出来，能更好定位问题。根据提供的三方表单集成规范的表单上传至表单装载器中，装载器会对三方表单进行布局渲染调试、数据渲染调试，并提示错误信息及定位。

在表单管理器中，主要是进行表单的管理，表单缓存是将表单进行初始化加载，将装载好的布局、交互逻辑进行缓存，提高下一次打开表单进行渲染的速度。并可以对表单进行编辑、删除、发布等操作，还可以将表单进行页面生成来实现各业务之间的表单共享。

本实施例的上述方法中，由本发明公开的技术方案构建的表单设计工具，能够提高表单设计工具的通用性，支持不停机完成特殊表单组件或者第三方组件的接入，来应对各种复杂的业务表单构建，实现真正的通用型；能够提高表单设计自动化程度，缩短设计时间，便于利用人工智能技术来实现表单的自动构建，字段的自动映射，提升了用户在构建表单的交互体验和效率。支持规范化组件插件，便于实现跨业务系统的组件共享。

本领域技术人员能够对上述顺序进行变换而并不离开本发明的保护范围。

实施例二

本发明实施例二提供一种表单设计工具构建系统，包括：

表单设计器，用于将表单设计组件进行组合，确定表单元素的布局，将每个所述表单元素进行标签、字段和数据模型绑定，并对每个所述表单元素的规则限制、显示方式和样式进行配置；

字段映射器，用于将所述表单元素标签进行翻译，得到多个所述表单元素标签翻译组合，将表字段注释进行翻译，得到所述表字段翻译组合，对所述标签翻译组合和所述表字段翻译组合进行相似度计算，将相似度达到预设阈值的表字段设为优先与所述标签匹配；

表单装载器，用于将生成的表单进行装载。

在一些具体的实施例中，所述系统还包括：

组件设计器，用于选择所述表单设计组件类型，根据动态数据需求，构建数据模型，将所述数据模型与所述表单设计组件的选项进行绑定，在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式，将所述表单设计组件的操作节点进行组合，得到所述表单设计组件交互逻辑流程；

组件装载器，用于进行表单设计组件的装载、预览和调试，当所述表单设计组件为自定义组件时，根据所述交互逻辑流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况，当所述表单设计组件为第三方组件时，根据内置插件流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况；

组件管理器，用于将所述表单设计组件进初始化装载，将装载好的所述布局和所述交互逻辑进行静态缓存，对自定义表单设计组件进行编辑、删除和发布，将自定义的表单设计组件导出为规范化插件；

表单元素提取器，用于采用表单图像识别模型，对表单图像进行识别，输出圈定好的表单元素图像流，对所述圈定好的表单元素图像流进行表单元素提取，得到所述表单元素的标签、类型和位置坐标，根据所述表单元素的位置坐标，输入坐标运算模型，输出在同一水平线范围的表单元素组合，根据所收集的表单渲染片段信息，确定现有的表单元素的标签和类型，将现有的表单元素的标签和类型进行正则表达式封装，以Xpath语法和CSS选择器进行装载，输入html片段，依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取，得到所述html片段的表单元素，将提取的表单元素转换成表单设计器可识别的编码，并自动渲染至所述表单设计器中；

表单管理器，用于将表单进行初始化加载，将装载好的布局和交互逻辑进行缓存，对表单进行编辑、删除和发布，将表单进行页面生成，在各业务之间进行表单共享。

本实施例中，由本发明公开的技术方案构建的表单设计工具，能够提高表单设计工具的通用性，支持不停机完成特殊表单组件或者第三方组件的接入，来应对各种复杂的业务表单构建，实现真正的通用型；能够提高表单设计自动化程度，缩短设计时间，便于利用人工智能技术来实现表单的自动构建，字段的自动映射，提升了用户在构建表单的交互体验和效率。支持规范化组件插件，便于实现跨业务系统的组件共享。

基于同一发明构思，本发明实施例还提供一种电子设备，其结构如图2所示，包括：存储器、处理器及存储于存储器上并在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现前述的表单设计工具构建方法。

基于同一发明构思，本发明实施例还提供一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，所述计算机可执行指令执行时实现前述的表单设计工具构建方法。

基于同一发明构思，本发明实施例还提供一种表单设计工具，所述表单设计工具通过前述的表单设计工具构建方法得到。

关于上述实施例中的具体实施方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

凡在本发明技术方案的原则范围内做的任何修改、补充和等同替换等，均应仍归属于本发明技术方案的专利涵盖范围内。

Claims (9)

1.一种表单设计工具构建方法，其特征在于，包括以下步骤：

选择表单设计组件类型；

根据动态数据需求，构建数据模型，将所述数据模型与所述表单设计组件的选项进行绑定；

在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式；

将所述表单设计组件的操作节点进行组合，得到所述表单设计组件交互逻辑流程；

将自定义的表单设计组件导出为规范化插件；

采用表单图像识别模型，对表单图像进行识别，输出圈定好的表单元素图像流；

对所述圈定好的表单元素图像流进行表单元素提取，得到所述表单元素的标签、类型和位置坐标；

根据所述表单元素的位置坐标，输入坐标运算模型，输出在同一水平线范围的表单元素组合；

根据所收集的表单渲染片段信息，确定现有的表单元素的标签和类型；

将现有的表单元素的标签和类型进行正则表达式封装，以Xpath语法和CSS选择器进行装载；

输入html片段，依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取，得到所述html片段的表单元素；

将表单设计组件进行组合，确定表单元素的布局；

将每个所述表单元素进行标签、字段和数据模型绑定，并对每个所述表单元素的规则限制、显示方式和样式进行配置；

将所述表单元素标签进行翻译，得到多个所述表单元素标签翻译组合；

将表字段注释进行翻译，得到表字段翻译组合；

对所述标签翻译组合和所述表字段翻译组合进行相似度计算，将相似度达到预设阈值的表字段设为优先与所述标签匹配；

将生成的表单进行装载。

2.如权利要求1所述的方法，其特征在于，构建所述表单设计组件，还包括以下步骤：

当所述表单设计组件为自定义组件时，根据交互逻辑流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况；

当所述表单设计组件为第三方组件时，根据内置插件流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况。

3.如权利要求1所述的方法，其特征在于，所述表单设计工具构建方法还包括以下步骤：

将所述表单设计组件进初始化装载，将装载好的所述布局和所述交互逻辑进行静态缓存。

4.如权利要求1所述的方法，其特征在于，提取所述表单元素，还包括以下步骤：

将提取的表单元素转换成表单设计器可识别的编码，并自动渲染至所述表单设计器中。

5.一种表单设计工具构建系统，其特征在于，包括：

表单设计器，用于选择所述表单设计组件类型，根据动态数据需求，构建数据模型，将所述数据模型与所述表单设计组件的选项进行绑定，在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式，将所述表单设计组件的操作节点进行组合，得到所述表单设计组件交互逻辑流程；将自定义的表单设计组件导出为规范化插件，采用表单图像识别模型，对表单图像进行识别，输出圈定好的表单元素图像流，对所述圈定好的表单元素图像流进行表单元素提取，得到所述表单元素的标签、类型和位置坐标，根据所述表单元素的位置坐标，输入坐标运算模型，输出在同一水平线范围的表单元素组合，根据所收集的表单渲染片段信息，确定现有的表单元素的标签和类型，将现有的表单元素的标签和类型进行正则表达式封装，以Xpath语法和CSS选择器进行装载，输入html片段，依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取，得到所述html片段的表单元素，将提取的表单元素转换成表单设计器可识别的编码，并自动渲染至所述表单设计器中，将表单设计组件进行组合，确定表单元素的布局，将每个所述表单元素进行标签、字段和数据模型绑定，并对每个所述表单元素的规则限制、显示方式和样式进行配置；

字段映射器，用于将所述表单元素标签进行翻译，得到多个所述表单元素标签翻译组合，将表字段注释进行翻译，得到表字段翻译组合，对所述标签翻译组合和所述表字段翻译组合进行相似度计算，将相似度达到预设阈值的表字段设为优先与所述标签匹配；

表单装载器，用于将生成的表单进行装载。

6.如权利要求5所述的系统，其特征在于，所述系统还包括：组件装载器，用于进行表单设计组件的装载、预览和调试，当所述表单设计组件为自定义组件时，根据交互逻辑流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况，当所述表单设计组件为第三方组件时，根据内置插件流程，进行所述操作节点的自动化执行测试，返回每个所述操作节点的执行情况；

组件管理器，用于将所述表单设计组件进初始化装载，将装载好的所述布局和所述交互逻辑进行静态缓存，对自定义表单设计组件进行编辑、删除和发布；表单管理器，用于将表单进行初始化加载，将装载好的布局和交互逻辑进行缓存，对表单进行编辑、删除和发布，将表单进行页面生成，在各业务之间进行表单共享。

7.一种电子设备，其特征在于，包括：存储器、处理器及存储于存储器上并在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现权利要求1至4任一所述的表单设计工具构建方法。

8.一种计算机存储介质，其特征在于，所述计算机存储介质中存储有计算机可执行指令，所述计算机可执行指令执行时实现权利要求1至4任一所述的表单设计工具构建方法。

9.一种表单设计工具，其特征在于，所述表单设计工具通过权利要求1至4任一所述的表单设计工具构建方法得到。

Images