[发明专利]一种基于web的电子表单设计系统及方法

权利要求书

1.一种基于web的电子表单设计系统，其特征在于：包括表单管理模块、表单设计模块、视图设计模块以及存储模型模块，其中：

表单管理模块：能够为人机交互提供图形化界面，支持可视化表单建模；能够解耦数据库的ER关系；支持对表单模型的分类管理，能够根据需要对表单模型分类进行添加、编辑和删除操作；所述表单建模包括两个环节，首先在预设的表单分类下创建表单模型，然后根据表单模型新建电子表单；

表单设计模块：新建电子表单后，表单设计模块调用电子表单设计器进行电子表单设计；并将设计完成或更新完成的电子表单保存到存储模型模块中；电子表单设计器的页面划分为四个区域，分别为控件选择区、数据源字段显示区、工具栏和设计面板区、元素属性和事件设置区；

视图设计模块：创建电子表单的页面视图后，视图设计模块调用视图设计器对电子表单视图进行设计；并将设计完成或更新完成的电子表单视图保存到存储模型模块中；视图设计器的页面包含四个功能区，分别为页面视图区、属性区、布局区、按钮区；

存储模型模块：存储模型基于数据库物理模型，在表和视图的基础上对业务元数据进行描述，并能够自动将数据映射到各类数据库中。

2.根据权利要求1所述的系统，其特征在于：所述电子表单设计器基于TinyMCE编辑器进行二次定制开发，集成了基本控件、高级控件、自定义按钮、自定义样式模块。

3.根据权利要求1所述的系统，其特征在于：所述电子表单设计器保存的页面源码在后台采用超文本标记语言解析器Jsoup html进行解析，获取表单布局、表单列属性、表单控件事件脚本，并保存到数据库，在生成表单页面模板的时候直接调用。

4.根据权利要求1所述的系统，其特征在于：所述电子表单设计器后台使用Apache Velocity模板引擎生成元素控件模板、表单页面模板。

5.一种基于web的电子表单设计方法，其特征在于：包括如下步骤：

新建电子表单的步骤：在预设的表单分类下创建表单模型，然后根据表单模型新建电子表单；

电子表单设计的步骤：新建电子表单后，调用表单设计器对电子表单进行设计；并将设计完成或更新完成的电子表单进行模型存储；表单设计器的页面分为四个区域，分别为控件选择区、数据源字段显示区、工具栏和设计面板区、元素属性和事件设置区；

电子表单视图设计的步骤：创建表单视图后，调用视图设计器对表单视图进行设计；并将设计完成或更新完成的电子表单视图进行模型存储；视图设计器的页面分为四个功能区，分别为页面视图区、属性区、布局区、按钮区；

模型存储的步骤：基于数据库物理模型，在表和视图的基础上对业务元数据进行描述，并自动将数据映射到各类数据库中。

6.根据权利要求5所述的方法，其特征在于：在电子表单设计的步骤中，基于表格进行表单设计，具体包括：首先需要在表单设计器中插入表格，然后编辑表格的单元格。

7.根据权利要求5所述的方法，其特征在于：电子表单视图设计的步骤中，在创建表单视图时，支持电子表单的视图建模，视图建模用于电子表单的访问入口，以列表或者树形结构展示表单数据，能够进行电子表单主页面的属性设置。

8.根据权利要求5所述的方法，其特征在于：电子表单视图设计的步骤中，视图设计器对电子表单视图进行设计时，在设置页面布局后，在页面布局上添加树组件、添加表格组件，当进行树列表建模或主子表建模时，需要建立两个组件间的关联关系。

9.根据权利要求8所述的方法，其特征在于：当同一页面，既需要展示数据统计，也要进行表单数据维护时，还需要在页面布局上添加表单组件。