[发明专利]基于可视化拖拽实现自定义表单系统

说明书

本发明涉及表单系统技术领域，尤其是一种基于可视化拖拽实现自定义表单系统，包括表单设计工具和表单运行平台，表单设计工具和表单运行平台之间进行数据互通连接，表单设计工具包括自定义字段、标注字段和布局字段，表单运行平台用于表单的解析，本发明能够提高表单的开放效率，给使用者带来极大的便利。

技术领域

本发明涉及表单系统技术领域，具体领域为基于可视化拖拽实现自定义表单系统。

背景技术

传统的软件开发，基本都是对明确功能需求的“定制”开发，如果需要调整系统功能，比如表单上增加一个备注字段，都需要前端开发人员调整前端页面，后端开发人员在数据库里添加字段，调整数据的保存、更新、查询相关代码，工作相对比较重复，且比较耗时，不能及时响应客户的需求。也有少量平台，可以灵活设计表单，最终生成的是HTML页面，但更像是代码生成工具，在灵活性，功能完整性上都有所不足，因此需要更加方便灵活的表单工具。

发明内容

本发明的目的在于提供一种基于可视化拖拽实现自定义表单系统，以解决现有技术中表单系统完整性差，人员使用体验效果差的问题。

为实现上述目的，本发明提供如下技术方案：一种基于可视化拖拽实现自定义表单系统，包括表单设计工具和表单运行平台，表单设计工具和表单运行平台之间进行数据互通连接，

表单设计工具包括自定义字段、标注字段和布局字段，所述的自定义字段包括单选框、多选框、单行文本、多行文本、富文本、计数器、日期选择框、时间选择框、评分、下拉选择框、开关和图片；

所述的标注字段包括姓名、电话、性别、年龄、邮箱、公司和工作地址；

所述的布局字段包括栅格布局、页签布局；

表单运行平台用于表单的解析，创建表结构，保存、更新、查询填写的表单数据。

优选的，表单设计方法为：

①在表单设计工具中，填写表单基本信息；

②添加表单字段；

③设置字段属性；

④保存表单设计信息；

⑤发布保存的表单设计值表单运行平台；

⑥用户填写表单信息；

⑦查看平台上发布的表单信息。

优选的，表单设计工具基于VUE+Element-UI框架形成前端操作系统。

优选的，表单运行平台包括云服务器和设置在云服务器内的表单解析库。

优选的，根据步骤④，保存的表单设计信息为通过表单设计工具生成具有字段信息的JSON数据。

与现有技术相比，本发明的有益效果是：使用自定义表单系统大大的提高了表单的开发效率，不懂开发技能的人，通过简单的培训也能够使用该系统，客户也可以方便的使用表单设计工具对表单进行调整，使得能够快速适应用户的需求，给客户，给开发人员都带来了极大的便利。

附图说明

图1为本发明的表单系统流程图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明提供一种技术方案：一种基于可视化拖拽实现自定义表单系统，其特征在于：包括表单设计工具和表单运行平台，表单设计工具和表单运行平台之间进行数据互通连接，