[发明专利]一种支持前后端解耦的在线表单设计的实现方法及系统

说明书

本发明公开了一种支持前后端解耦的在线表单设计的实现方法及系统，属于WEB开发技术领域，本发明要解决的技术问题为当填写完表单数据后，如何将数据保存至数据库中实现支持前后端解耦的在线表单设计，采用的技术方案为：在后台中，建立业务模型各元素与数据库表各元素的对应关系；在前端，建立表单页面各元素与后台业务模型各元素的对应关系；在线表单设计时，在页面上设置表单页面各元素与业务模型各元素的对应关系；在表单设计完毕后进行发布时，后台会对表单页面进行解析从而将表单页面各元素与业务模型各元素的对应关系写入数据库表中。本发明公开了一种支持前后端解耦的在线表单设计的实现系统。

技术领域

本发明涉及WEB开发技术领域，具体地说是一种支持前后端解耦的在线表单设计的实现方法及系统。

背景技术

众所周知，负责数据采集的表单在互联网应用中的作用不容小觑，而随着互联网应用在人们生活中扮演的角色越来越举足轻重，表单的复杂度也随之变大。通过编写HTML、JSP等代码的方式去开发复杂的表单不仅效率低下，而且不易维护。

作为一种便捷工具，所见即所得的在线表单开发工具应运而生。用户使用时，通过简单拖拽即可快速设计出符合业务需求的复杂表单，设计完毕，既可以下载表单，也可以将表单主动推送到各个业务系统。

然而，当填写完表单数据后，如何将数据保存至数据库中实现支持前后端解耦的在线表单设计亟需解决的问题。

发明内容

本发明的技术任务是提供一种支持前后端解耦的在线表单设计的实现方法及系统，来解决当填写完表单数据后，如何将数据保存至数据库中实现支持前后端解耦的在线表单设计的问题。

本发明的技术任务是按以下方式实现的，一种支持前后端解耦的在线表单设计的实现方法，该方法具体如下：

在后台中，建立业务模型各元素与数据库表各元素的对应关系；

在前端，建立表单页面各元素与后台业务模型各元素的对应关系；

在线表单设计时，在页面上设置表单页面各元素与业务模型各元素的对应关系；

在表单设计完毕后进行发布时，后台会对表单页面进行解析从而将表单页面各元素与业务模型各元素的对应关系写入数据库表中；

在使用表单填报数据时，后台根据已解析的表单页面各元素与业务模型各元素对应关系将数据自动存储至各个业务数据库表中，从而大大减少了开发表单数据保存代码的工作量，实现前端表单与后台业务表之间的解耦。

作为优选，所述业务模型各元素包括主业务模型、子业务模型和业务模型项。

作为优选，所述数据库表各元素包括主表、从表和表字段。

更优地，所述表单页面各元素包括表单、区域和域。

更优地，所述业务表包括未设计存储表单数据的业务表和已知存储表单数据的业务表。

更优地，所述已知存储表单数据的业务表实现表单数据保存的前后端解耦的具体如下：

(1)、使用数据源管理功能，填写数据源类型、数据库IP、端口号、数据库/实例名称、用户名及密码后即可进行对数据源的连接；

(2)、使用业务模型管理功能，填写数据库名称后将已管理的数据源中的数据库表映射为业务模型，并自动地将数据库表中的字段映射为业务模型项；

(3)、使用表单设计工具将预置的表单页面元素按需拖入表单设计区，即得到一张表单；将表单页面各元素(表单、区域及域)与业务模型各元素(主业务模型、子业务模型及业务模型项)进行关联，关联关系将会保存为表单HTML中标签上的属性；