一种自定义表单设计系统技术方案

本发明专利技术提供了一种自定义表单设计系统，其系统包括自定义组件模块和自定义模版模块；所述自定义组件模块包括基础组件模块和新控件组件模块；自定义模版模块包括模版预设模块和模版生成模块；所述基础组件模块用于将不同的基础组件以同样的组件形式呈现；所述新控件组件模块用于将具有相同组件形式的若干基础组件进行组合生成新控组件；所述模版预设模块用于根据预设需求在本地数据库中的选择对应的基础组件模块；所述模版生成模块用于根据所述新控组件和所述基础组件模块绘制表单生成新的模版；通过自定义组件模块和自定模版模块可自定义不同类型的表单，提高了表单编写效率。提高了表单编写效率。提高了表单编写效率。

【技术实现步骤摘要】
一种自定义表单设计系统


[0001]本专利技术涉及计算机应用
，尤其涉及一种自定义表单设计系统。

技术介绍

[0002]表单主要在网页中担当数据采集的角色，由表单标签、表单域和表单按钮三个基本部分组成，它可以满足人们在线实时获取数据和传播数据的功能，优化工作流程。
[0003]在具体的实施中根据业务需求的不同，电子表单呈现出不同的格式。在现有的电子表单软件开发中，通常根据业务需求针对性开发固定格式的表单。但是固定的电子表单格式固定，其格式在软件开发时就已经设计完成，后续不能根据业务变化和需求来进行修改和定制。由于仅针对某一种固定格式的表单设计编码，结构死板、局限性大。每修改一个地方或者想使用一种新的表单，都必须修改源码或者从源码中重新添加一种表单模版，修改使用均不灵活，并且在制作新表单时设置表单中每个字段的默认值、原数据、校验规则、提示信息等比较繁琐。

技术实现思路

[0004]有鉴于此，有必要提供一种自定义表单设计系统用于解决现有技术中表单绘制比较繁琐的问题。
[0005]本专利技术提供了一种自定义表单设计系统，包括：自定义组件模块和自定义模版模块；所述自定义组件模块包括基础组件模块和新控件组件模块；自定义模版模块包括模版预设模块和模版生成模块；
[0006]所述基础组件模块用于将不同格式的基础组件以同样的组件形式呈现；
[0007]所述新控件组件模块用于将具有相同组件形式的若干基础组件进行组合生成新控组件；
[0008]所述模版预设模块用于根据预设需求在本地数据库中的选择对应的表单模版；
[0009]所述模版生成模块用于根据所述新控组件和所述表单模版绘制表单生成新的模版。
[0010]在一些可能的实现方式中，所述自定义模版模块还包括模版去重合并模块和模版管理模块；
[0011]所述模版去重合并模块用于将不同的表单进行去重合并生成一个新表单；
[0012]所述模版管理模块用于对表单模版进行删除处理以及存储处理。
[0013]在一些可能的实现方式中，所述基础组件模块包括格式统一模块；
[0014]所述格式统一模块用于将格式不同的基础组件统一为同样的格式。
[0015]在一些可能的实现方式中，所述新控件组件模块包括控件参数设定模块和组件排版模块；
[0016]所述控件参数设定模块用于对基础组件的默认值和校验规则进行设定生成新的控件组；
[0017]所述组件排版模块用于通过addEventListene方法监听以及计算拖动组件移动距离以实现新的控件组的排版。
[0018]在一些可能的实现方式中，所述模版预设模块包括模版调用模块；
[0019]所述模版调用模块用于从本地数据库中通过密钥调用选择与所述预设需求匹配的表单模版。
[0020]在一些可能的实现方式中，所述模版去重合并模块包括模版去重模块和模版合并模块；
[0021]所述模版去重模块用于将不同的模版通过differenceWith方法进行比较处理，进行去重；
[0022]所述模版合并模块用于将不同的模版数据放入同一个数据组中实现模版合并。
[0023]在一些可能的实现方式中，所述模版管理模块包括模版删除模块以及模版存储模块；
[0024]所述模版删除模块用于通过密钥在本地数据库实现表单模版的删除；
[0025]所述模版存储模块用于将模版数据以storage存储方法将模版所有的信息以json字符串的形式存储到本地数据库。
[0026]在一些可能的实现方式中，所述自定义模版模块还包括模版遍历模块；
[0027]所述模版遍历模块用于从数据库中获取要显示的初始化的数据，并循环遍历后渲染到页面上。
[0028]在一些可能的实现方式中，所述自定义模版模块还包括模版更新模块；
[0029]所述模版更新模块用于接收到新的组件后，将所述新的控件组的数据添加到模版数据中，并监听所述模版数据且在监听到所述模版数据改变时，重新渲染页面。
[0030]在一些可能的实现方式中，所述表单设计系统还包括：第三方接口模块；
[0031]所述第三方接口模块，用于提供具有标准格式的API接口，并通过所述API接口接入第三方接口数据。
[0032]采用上述实施例的有益效果是：本专利技术提供的一种自定义表单设计系统，通过设置基础组件模块、新控件组件模块、模版预设模块和模版生成模块实现表单组件的自定义以及表单模版的自定义，根据不同的业务需求来自定义不同的表单模版以实现表单绘制。
[0033]进一步地，新控件组模块中还设置有控件参数设定模块用于对基础组件的默认值、校验规则进行设定使表单的每个字段的默认值、校验规则设置更加方便，同时通过自定义模版模块中还设置有模版去重合并模块可以将不同的模版根据业务需求进行去重合并生成新的表单使绘制更加灵活。
附图说明
[0034]图1为本专利技术提供的自定义表单设计系统一实施例的系统架构图；
[0035]图2为本专利技术提供的自定义模版模块一实施例的结构示意图；
[0036]图3为本专利技术提供的基础组件模块的一实施例的结构示意图；
[0037]图4为本专利技术提供的新控组件模块的一实施例的结构示意图；
[0038]图5为本专利技术提供的模版预设模块一实施例的结构示意图；
[0039]图6为本专利技术提供的模版去重合并模块的一实施例的结构示意图；
[0040]图7为本专利技术提供的模版管理模块一实施例的结构示意图；
[0041]图8为本专利技术提供的自定义表单设计系统另一实施例的系统架构图。
具体实施方式
[0042]下面结合附图来具体描述本专利技术的优选实施例，其中，附图构成本申请一部分，并与本专利技术的实施例一起用于阐释本专利技术的原理，并非用于限定本专利技术的范围。
[0043]本专利技术实施例提供了一种自定义表单设计系统，以下进行说明。
[0044]图1为本专利技术提供的一种自定义表单设计系统的一实施例的系统架构图，如图1所示，自定义表单设计系统10包括自定义组件模块200和自定义模版模块100；所述自定义组件模块200包括基础组件模块210和新控件组件模块220；自定义模版模块100包括模版预设模块110和模版生成模块120；
[0045]所述基础组件模块210用于将不同格式的基础组件以同样的组件形式呈现；
[0046]所述新控件组件模块220用于将具有相同组件形式的若干基础组件进行组合生成新控组件；
[0047]所述模版预设模块110用于根据预设需求在本地数据库中的选择对应的表单模版；
[0048]所述模版生成模块120用于根据所述新控组件和所述表单模版绘制表单以生成新的模版。
[0049]在具体的实施例中，所述基础组件模块210将基础组件，例如单行文本、时间选择器、滑块、评分、级联、颜色选择器等以tags的形式呈现出来。
[0050]所述新控组件模块220本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种自定义表单设计系统，其特征在于，包括：自定义组件模块和自定义模版模块；所述自定义组件模块包括基础组件模块和新控件组件模块；自定义模版模块包括模版预设模块和模版生成模块；所述基础组件模块用于将不同格式的基础组件以同样的组件形式呈现；所述新控件组件模块用于将具有相同组件形式的若干基础组件进行组合生成新控组件；所述模版预设模块用于根据预设需求在本地数据库中的选择对应的表单模版；所述模版生成模块用于根据所述新控组件和所述表单模版绘制表单以生成新的模版。2.根据权利要求1所述的一种自定义表单设计系统，其特征在于，所述自定义模版模块还包括模版去重合并模块和模版管理模块；所述模版去重合并模块用于将不同的表单进行去重合并生成一个新表单；所述模版管理模块用于对表单模版进行删除处理以及存储处理。3.根据权利要求1所述的一种自定义表单设计系统，其特征在于，所述基础控件模块包括格式统一模块；所述格式统一模块用于将格式不同的基础组件统一为同样的格式。4.根据权利要求1所述的一种自定义表单设计系统，其特征在于，所述新控件组件模块包括控件参数设定模块和组件排版模块；所述控件参数设定模块用于对基础组件的默认值和校验规则进行设定生成新的控件组；所述组件排版模块用于通过addEventListene方法监听以及计算拖动组件移动距离以实现新的控件组的排版。5.根据权利要求1所述的一种自定义表单设计系统，其特征在于，所述模版预设模块包括模版调用模块；所述模版调用模块用...

【专利技术属性】
技术研发人员：凌文杰，徐斌，何怀兵，周雨，王骏涛，吴一凡，胡亚林，明小民，
申请(专利权)人：武汉大数据产业发展有限公司，
类型：发明
国别省市：