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

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

【技术实现步骤摘要】
一种表单设计工具构建方法、系统、电子设备和存储介质


[0001]本专利技术涉及计算机
,特别涉及一种表单设计工具构建方法、系统、电子设备、存储介质和一种表单设计工具。

技术介绍

[0002]目前的表单引擎系统,是通过各种组件进行可视化的组合来实现表单页面布局和交互方式的自由定制,通过对组件间依赖关系和逻辑关系的配置实现对表单元素之间的关联关系的自由定制,来实现表单灵活地自定义布局,通过对表单字段和数据字段的绑定,来实现数据的精准持久化。但是表单引擎与业务系统结合过程中会遇到以下几种问题:(1)通用性问题。目前的表单引擎仅支持较为简单的表单,而业务系统往往对表单中的组件有很多定制化的需求,只能通过修改表单引擎源码来实现,导致业务周期和复杂度增加,完全不具备通用性。
[0003](2)表单构建效率问题。针对表单迁移或者结合表单参照物进行表单设计的业务场景,只能逐一对照按部就班的进行表单的构建,耗费不短的时间;针对表单数据需要精准落入数据库的场景,则需要将表单元素标签字段和数据库字段一一对应,也非常耗时间。

技术实现思路

[0004]为解决上述问题,本专利技术提供了一种表单设计工具构建方法、系统、电子设备、存储介质和一种表单设计工具。
[0005]第一方面,本专利技术实施例提供一种表单设计工具构建方法,包括以下步骤:构建表单设计组件,提取表单元素;将表单设计组件进行组合,确定表单元素的布局;将每个所述表单元素进行标签、字段和数据模型绑定,并对每个所述表单元素的规则限制、显示方式和样式进行配置;将所述表单元素标签进行翻译,得到多个所述表单元素标签翻译组合;将表字段注释进行翻译,得到所述表字段翻译组合;对所述标签翻译组合和所述表字段翻译组合进行相似度计算,将相似度达到预设阈值的表字段设为优先与所述标签匹配;将生成的表单进行装载。
[0006]在一些具体的实施例中,构建所述表单设计组件,包括以下步骤:选择所述表单设计组件类型;根据动态数据需求,构建数据模型,将所述数据模型与所述表单设计组件的选项进行绑定;在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式;将所述表单设计组件的操作节点进行组合,得到所述表单设计组件交互逻辑流程。
[0007]在一些具体的实施例中,还包括以下步骤:当所述表单设计组件为自定义组件时,根据所述交互逻辑流程,进行所述操作节点的自动化执行测试,返回每个所述操作节点的执行情况;当所述表单设计组件为第三方组件时,根据内置插件流程,进行所述操作节点的自动化执行测试,返回每个所述操作节点的执行情况。
[0008]在一些具体的实施例中,表单设计工具构建方法还包括以下步骤:将所述表单设计组件进初始化装载,将装载好的所述布局和所述交互逻辑进行静态缓存。
[0009]在一些具体的实施例中,表单设计工具构建方法还包括以下步骤:将自定义的表单设计组件导出为规范化插件。
[0010]在一些具体的实施例中,提取所述表单元素,包括以下步骤:采用表单图像识别模型,对表单图像进行识别,输出圈定好的表单元素图像流;对所述圈定好的表单元素图像流进行表单元素提取,得到所述表单元素的标签、类型和位置坐标;根据所述表单元素的位置坐标,输入坐标运算模型,输出在同一水平线范围的表单元素组合。
[0011]在一些具体的实施例中,提取所述表单元素,还包括以下步骤:根据所收集的表单渲染片段信息,确定现有的表单元素的标签和类型;将现有的表单元素的标签和类型进行正则表达式封装,以Xpath语法和CSS选择器进行装载;输入html片段,依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取,得到所述html片段的表单元素。
[0012]在一些具体的实施例中,提取所述表单元素,还包括以下步骤:将提取的表单元素转换成表单设计器可识别的编码,并自动渲染至所述表单设计器中。
[0013]第二方面,本专利技术实施例提供一种表单设计工具构建系统,包括:表单设计器,用于构建表单设计组件,提取表单元素,将表单设计组件进行组合,确定表单元素的布局,将每个所述表单元素进行标签、字段和数据模型绑定,并对每个所述表单元素的规则限制、显示方式和样式进行配置;字段映射器,用于将所述表单元素标签进行翻译,得到多个所述表单元素标签翻译组合,将表字段注释进行翻译,得到所述表字段翻译组合,对所述标签翻译组合和所述表字段翻译组合进行相似度计算,将相似度达到预设阈值的表字段设为优先与所述标签匹配;表单装载器,用于将生成的表单进行装载。
[0014]在一些具体的实施例中,所述系统还包括:组件设计器,用于选择所述表单设计组件类型,根据动态数据需求,构建数据模型,将所述数据模型与所述表单设计组件的选项进行绑定,在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式,将所述表单设计组件的操作节点进行组合,得到所述表单设计组件交互逻辑流程;
组件装载器,用于进行表单设计组件的装载、预览和调试,当所述表单设计组件为自定义组件时,根据所述交互逻辑流程,进行所述操作节点的自动化执行测试,返回每个所述操作节点的执行情况,当所述表单设计组件为第三方组件时,根据内置插件流程,进行所述操作节点的自动化执行测试,返回每个所述操作节点的执行情况;组件管理器,用于将所述表单设计组件进初始化装载,将装载好的所述布局和所述交互逻辑进行静态缓存,对自定义表单设计组件进行编辑、删除和发布,将自定义的表单设计组件导出为规范化插件;表单元素提取器,用于采用表单图像识别模型,对表单图像进行识别,输出圈定好的表单元素图像流,对所述圈定好的表单元素图像流进行表单元素提取,得到所述表单元素的标签、类型和位置坐标,根据所述表单元素的位置坐标,输入坐标运算模型,输出在同一水平线范围的表单元素组合,根据所收集的表单渲染片段信息,确定现有的表单元素的标签和类型,将现有的表单元素的标签和类型进行正则表达式封装,以Xpath语法和CSS选择器进行装载,输入html片段,依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单元素提取,得到所述html片段的表单元素,将提取的表单元素转换成表单设计器可识别的编码,并自动渲染至所述表单设计器中;表单管理器,用于将表单进行初始化加载,将装载好的布局和交互逻辑进行缓存,对表单进行编辑、删除和发布,将表单进行页面生成,在各业务之间进行表单共享。
[0015]基于同一专利技术构思,本专利技术实施例还提供一种电子设备,包括:存储器、处理器及存储于存储器上并在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现前述的表单设计工具构建方法。
[0016]基于同一专利技术构思,本专利技术实施例还提供一种计算机存储介质,所述计算机存储介质中存储有计算机可执行指令,所述计算机可执行指令执行时实现前述的表单设计工具构建方法。
[0017]基于同一专利技术构思,本专利技术实施例还提供一种表单设计工具,所述表单设计工具通过前述的表单设计工具构建方法得到。
[0018]本专利技术实施例提供的上述本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种表单设计工具构建方法,其特征在于,包括以下步骤:构建表单设计组件,提取表单元素;将表单设计组件进行组合,确定表单元素的布局;将每个所述表单元素进行标签、字段和数据模型绑定,并对每个所述表单元素的规则限制、显示方式和样式进行配置;将所述表单元素标签进行翻译,得到多个所述表单元素标签翻译组合;将表字段注释进行翻译,得到表字段翻译组合;对所述标签翻译组合和所述表字段翻译组合进行相似度计算,将相似度达到预设阈值的表字段设为优先与所述标签匹配;将生成的表单进行装载。2.如权利要求1所述的方法,其特征在于,构建所述表单设计组件,包括以下步骤:选择所述表单设计组件类型;根据动态数据需求,构建数据模型,将所述数据模型与所述表单设计组件的选项进行绑定;在所述表单设计组件的操作节点上配置触发事件、触发方法、数据模型传入方式;将所述表单设计组件的操作节点进行组合,得到所述表单设计组件交互逻辑流程。3.如权利要求2所述的方法,其特征在于,构建所述表单设计组件,还包括以下步骤:当所述表单设计组件为自定义组件时,根据交互逻辑流程,进行所述操作节点的自动化执行测试,返回每个所述操作节点的执行情况;当所述表单设计组件为第三方组件时,根据内置插件流程,进行所述操作节点的自动化执行测试,返回每个所述操作节点的执行情况。4.如权利要求2所述的方法,其特征在于,所述表单设计工具构建方法还包括以下步骤:将所述表单设计组件进初始化装载,将装载好的所述布局和所述交互逻辑进行静态缓存。5.如权利要求2所述的方法,其特征在于,所述表单设计工具构建方法还包括以下步骤:将自定义的表单设计组件导出为规范化插件。6.如权利要求1至5任一所述的方法,其特征在于,提取所述表单元素,包括以下步骤:采用表单图像识别模型,对表单图像进行识别,输出圈定好的表单元素图像流;对所述圈定好的表单元素图像流进行表单元素提取,得到所述表单元素的标签、类型和位置坐标;根据所述表单元素的位置坐标,输入坐标运算模型,输出在同一水平线范围的表单元素组合。7.如权利要求6所述的方法,其特征在于,提取所述表单元素,还包括以下步骤:根据所收集的表单渲染片段信息,确定现有的表单元素的标签和类型;将现有的表单元素的标签和类型进行正则表达式封装,以Xpath语法和CSS选择器进行装载;输入html片段,依次采用装载好的所述CSS选择器、Xpath语法和正则表达式进行表单
元素提取,得到所述html片段的表单元素。8.如权利要求7所述的方法,其特征在于,提取所述表单元素,还包括以下步骤:将提取的表单元素转换成表单设计器可识别的编码,并自动渲染至所述表单设计器中。9.一种表单设计工具构建系统,其特征在于,包括:表单设计器,用于构建表单设计组件,提取表单元素,将表单设计组件进行组合,确定表单元素的布局,将每个所述表...

【专利技术属性】
技术研发人员:许建兵李军冯伟陶飞
申请(专利权)人:安徽商信政通信息技术股份有限公司
类型:发明
国别省市:

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

1