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

权利要求书

1.一种支持前后端解耦的在线表单设计的实现方法，其特征在于，该方法具体如下：

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

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

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

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

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

2.根据权利要求1所述的支持前后端解耦的在线表单设计的实现方法，其特征在于，所述业务模型各元素包括主业务模型、子业务模型和业务模型项。

3.根据权利要求1所述的支持前后端解耦的在线表单设计的实现方法，其特征在于，所述数据库表各元素包括主表、从表和表字段。

4.根据权利要求1或2或3所述的支持前后端解耦的在线表单设计的实现方法，其特征在于，所述表单页面各元素包括表单、区域和域。

5.根据权利要求4所述的支持前后端解耦的在线表单设计的实现方法，其特征在于，所述业务表包括未设计存储表单数据的业务表和已知存储表单数据的业务表。

6.根据权利要求5所述的支持前后端解耦的在线表单设计的实现方法，其特征在于，所述已知存储表单数据的业务表实现表单数据保存的前后端解耦的具体如下：

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

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

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

(4)、在保存并发布表单时，后台解析前端传至后台的HTML中的各个属性，将映射关系写入数据库表中；在填写表单数据并提交至后台时，根据映射关系自动将表单数据保存至对应的业务表中，从而实现表单数据保存的前后端解耦。

7.根据权利要求6所述的支持前后端解耦的在线表单设计的实现方法，其特征在于，所述步骤(3)HTML的元素包括表格、文本框、单选框和复选框。

8.根据权利要求5所述的支持前后端解耦的在线表单设计的实现方法，其特征在于，所述未设计存储表单数据的业务表实现表单数据保存的前后端解耦是表单设计完毕后，自动创建与表单页面各元素关联的业务模型的元素及其关联关系，具体如下：

①、使用表单设计工具将预置的表单页面各元素按需拖入表单设计区，即得到一张表单；

②、对表单进行保存并发布时，后台根据前端传来的表单HTML中的各个元素进行解析，自动创建对应的数据表及字段、业务模型及业务模型项和表单元素与业务模型元素间的映射关系；

③、在填写表单数据并提交至后台时，根据映射关系自动将表单数据保存至对应的业务表中，从而实现表单数据保存的前后端解耦。

9.一种支持前后端解耦的在线表单设计的实现系统，其特征在于，该系统包括，

后台，用于建立业务模型各元素与数据库表各元素的对应关系；具体是业务模型抽象为主业务模型、子业务模型和业务模型项三个概念，分别与数据库表中的主表、从表、表字段进行对应；并在发布表单时，从表单HTML中解析出表单元素与业务模型元素间的映射关系，并将该关系保存至数据库中；

前端，用于建立表单页面各元素与后台业务模型各元素的对应关系；具体是在前端，将表单页面元素抽象为表单、区域、域三级分别对应后台业务模型中的主业务模型、子业务模型、业务模型项。