Form动态表单设计的开发

表单设计

1.应用场景

　　项目中往往需要动态的创建一个表单，或者添加一个新的数据模板，这时候因为需要在运行时动态的创建表以及动态的维护表字段甚至表关系 使得普通java解决方案变得困难重重。

2.实现工具

　　Struts2.x + mongodb + jquery

　　Struts2  作为控制层起到连接页面到后台的数据交互桥梁。

　　mongodb  做为nosql数据库，在项目运行时动态存取表单设计过程中产生的数据（格式JSON对象）。

　　jquery  利用jquery + ligerui框架为页面提供动态编辑功能。

3.实现原理

　　首先jquery+ligerui建立表单动态编辑页面，如：表单内容编辑功能、表单字段编辑、表单编辑库选择、位置移动、删除行、新增行、行合并、列合并、表单预览、表单模板生成等。设计完的表单数据以json格式传输到后台并存储到mongodb中进行保存。

注：表单中数据是从mongodb中取出来的，并按照之前的设计格式显示在表单中，用户可以在上次设计的基础之上继续进行表单设计并保存。

效果图：