CN104267949A - 表单设计器及表单设计方法 - Google Patents

Abstract

表单设计器，以XML语言设计表单的数据字典，所述数据字典包括调用表单控件及表单按钮；设计表单XML结构及表单的XSLT文件，所述XSLT文件用于转换表单文件并显示在浏览器中，所述XSLT文件中包含有JS脚本，所述JS脚本中包含用户验证及用户输入、收集加载表单数据对应的接口。本发明还公开了一种表单设计方法，包括如下步骤：新建表单；设置表单属性；设置表单按钮列表；设置操作控件；进入表单，将控件放入面板，控件包括基础控件和高级控件；保存表单并绑定菜单。本发明采用无代码编辑实现表格的表格设计方式，能很好解决传统开发方式带来的难以维护以及开发效率低的问题。

Description

表单设计器及表单设计方法

技术领域

本发明属于中间件平台领域，更具体的说，是涉及敏捷开发方法，具体设计一种表单设计器及表单设计方法。

背景技术

传统表单设计或传统表单设计器：使用J2EE的方式进行JSP页面的开发，或使用JSP插件实现表单所见即所得的开发。

J2EE方式开发表单，必须要输入代码才可实现表单的开发。

JSP插件需要熟悉HTML语言以及设置CSS代码才可实现表单的开发。

XML可扩展标记语言，标准通用标记语言的子集，一种用于标记电子文件使其具有结构性的标记语言。它可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 它非常适合万维网传输，提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

在计算机科学中，XSLT是 扩展样式表转换语言 的外语缩写，这是一种对XML（标准通用标记语言的子集）文档进行转化的语言，XSLT中的T代表英语中的“转换”（Transformation）。它是XSL（extensible Style sheet Language）规范的一部分。

发明内容

为克服现有的表单设计工具必须输入计算机代码，要求表单设计人员熟悉相关计算机语言的技术局限，本发明公开了一种表单设计器及表单设计方法。

本发明所述表单设计器，以XML语言设计表单的数据字典，所述数据字典包括调用表单控件及表单按钮；设计表单XML结构及表单的XSLT文件，所述XSLT文件用于转换表单文件并显示在浏览器中，所述XSLT文件中包含有JS脚本，所述JS脚本中包含用户验证及用户输入、收集加载表单数据对应的接口。

具体的，所述表单控件为FLASH控件。

优选的，所述表单控件包括基础控件，基础控件包括：输入框，文本框，多选按钮，单选按钮，横线，竖线等；以及高级控件，高级控件包括：拾取，部门，人员等特殊控件。

本发明还公开了一种表单设计方法，使用如上所述的表单设计器，包括

如下步骤：

新建表单；

设置表单属性； 

设置表单按钮列表； 

设置操作控件；

进入表单，将控件放入面板，控件包括基础控件和高级控件；

保存表单并绑定菜单。

    优选的，所述表单为B/S架构。

优选的，将控件通过拖拽操作放入面板。

本发明提供了一种表单设计器及表单设计方法，采用无代码编辑实现表格的表格设计方式，能很好解决传统开发方式带来的难以维护以及开发效率低的问题，采用FLASH控件解决了基于JSP/HTML不可拖拽设置界面的问题。

附图说明

图1为本发明按钮设计界面的一种具体实施方式；

图2为本发明新建表单页FLASH设计界面的一种具体实施方式；

图3为本发明具体表单属性栏显示界面的一种具体实施方式；

图4为本发明已启用控件展示列的一种具体实施方式。

具体实施方式

下面结合附图，对本发明的具体实施方式作进一步的详细说明。

设计表单时，表单内容设计成XML类型的字段，并且保存xslt文件的版本号。其次，设计表单的XML结构。然后，设计表单的XSLT文件。

在XSLT文件中加入JS脚本，JS脚本中包含用户验证用户输入，收集表单数据，加载表单数据等的接口；将文件编译后，形成表单设计器。

设计表单时，在设计器中设计区域和属性编辑区域对表单控件的任何改变都可以理解为对内存中的DOM树就行修改。

保存表单时，设计器会对设计区域中的所有可视化设计有效性效验，如果效验通过后会将所有的可视化设计转换为XML格式的表单定义，然后加密序列化到数据库。

渲染表单时，从数据库读取表单定义，并进行解密，然后将表单定义交给表单解析器，解析器会效验文档的有效性，然后顺序读取文档，并根据每次读取的ELEMENT类型调用具体的表单控件解析支持类，完成定义到HTML元素的转换。

利用表单设计器设置表单的步骤为：

新建表单，设置表单属性，包括名称、备注、关联数据源；

设置表单按钮列表，按钮可以包括：提交（不带流程）、提交（带流程）、保存并返回、保存并新建、保存并关闭、返回、重置、打印、带审批信息打印、审批信息、流程回退、指定审批人、委托、跳转页面。

打开FLASH表单操作界面，可根据操作控件，设置新建、保存、向后撤销、向前侧小、删除、以及帮助。

进入表单设计器，拖拽控件放入表单设计区，表单设计区类似一个空白的页面，可以接受控件的拖入、删除、自由拖动等操作，并最终完成表单的可视化设计，控件包括基础控件：例如标签、横线、竖线、单选、多选、文本框、文本域、日期框、下拉框，高级控件：例如人员、部门、子表、拾取，容器：画布，并对面板上选中的表单设置属性：X、Y、宽、高、名称、文本、字符数、密码、编辑、启用、边框样式、边框尺寸、边框颜色、背景色、背景透明度、透明度、绑定字段、事件、验证；

保存表单并绑定菜单，绑定菜单是指将表单与用户菜单进行关联，用户在前台点击菜单即可打开对应的表单。绑定菜单完成后即可启用表单。

新建表单，设置表单属性，包括名称、备注、关联数据源；

设置表单按钮列表，按钮包括：提交（不带流程）、提交（带流程）、保存并返回、保存并新建、保存并关闭、返回、重置、打印、带审批信息打印、审批信息、流程回退、指定审批人、委托、跳转页面。

打开FLASH表单操作界面，可根据操作控件，设置新建、保存、向后撤销、向前侧小、删除、以及帮助。

在显示表单页面时，表单解析器把XSLT和XML转换成HTML文件，存放在临时文件夹中，然后把浏览器控件的URL指向该HTML地址。

在用户点击保存所建表单时，通过XSLT中定义的JS代码，直接把用户保存的数据以XML的方式保存到数据库中去。

实施例

请参阅附图1，为本发明实施例全局按钮设计面板，该方法包括：

提交（不带流程）、提交（带流程）、保存并返回、保存并新建、保存并关闭、返回、重置、打印、带审批信息打印、审批信息、流程回退、指定审批人、委托、跳转页面。

能在该设置面板中添加或删除按钮，并对新增的按钮重命名。

新增的按钮会以重命名的方式显示在表单展示页的左上角。

参阅附图2、附图3、附图4，为本发明的具体表单设置界面，该界面为FLASH界面，提供表单控件的拖拽展示以及表单控件的属性设置，该方法可以包括：

打开FLASH表单操作界面，可根据操作控件，设置新建、保存、向后撤销、向前侧小、删除、以及帮助。

进入表单，拖拽控件放入面板，控件包括基础控件：标签、横线、竖线、单选、多选、文本框、文本域、日期框、下拉框，高级控件：人员、部门、子表、拾取，容器：画布，并对面板上选中的表单设置属性：X、Y、宽、高、名称、文本、字符数、密码、编辑、启用、边框样式、边框尺寸、边框颜色、背景色、背景透明度、透明度、绑定字段、事件、验证

可通过选中附图4的表单列中的控件，来选中表单设计器已启用的控件。

前文所述的为本发明的各个优选实施例，各个优选实施例中的优选实施方式如果不是明显自相矛盾或以某一优选实施方式为前提，各个优选实施方式都可以任意叠加组合使用，所述实施例以及实施例中的具体参数仅是为了清楚表述发明人的发明验证过程，并非用以限制本发明的专利保护范围，本发明的专利保护范围仍然以其权利要求书为准，凡是运用本发明的说明书及附图内容所作的等同结构变化，同理均应包含在本发明的保护范围内。 

Claims (4)

1.表单设计器，其特征在于，以XML语言设计表单的数据字典，所述数据字典包括调用表单控件及表单按钮；设计表单XML结构及表单的XSLT文件，所述XSLT文件用于转换表单文件并显示在浏览器中，所述XSLT文件中包含有JS脚本，所述JS脚本中包含用户验证及用户输入、收集加载表单数据对应的接口。

2.如权利要求1所述的表单设计器，其特征在于，所述表单控件为FLASH控件。

3.如权利要求1所述的表单设计器，其特征在于，所述表单控件包括基础控件，基础控件包括：输入框，文本框，多选按钮，单选按钮，横线，竖线等；以及高级控件，高级控件包括：拾取，部门，人员等特殊控件。

4.表单设计方法，其特征在于，使用如权利要求1-3任意一项所述的表

单设计器，包括如下步骤：

新建表单；

设置表单属性； 

设置表单按钮列表； 

设置操作控件；

进入表单，将控件放入面板，控件包括基础控件和高级控件；

保存表单并绑定菜单。

    5.如权利要求4所述的表单设计方法，其特征在于，所述表单为B/S架构。

    6.如权利要求4所述的表单设计方法，其特征在于，将控件通过拖拽操作放入面板。