CN102841791A - 在线表单的生成方法及系统 - Google Patents

Abstract

本发明提供一种在线表单的生成方法及系统。根据本发明所述方法，先将在线编辑器和候选的HTML控件呈现在浏览器中，并基于用户在所述在线编辑器中对所选中的所述HTML控件的编辑操作，生成表单的HTML文本，并将所述表单的HTML文本予以保存，其中，所述HTML文本包括所选中的各HTML控件的属性信息；当提取所述表单时，再遍历所述表单的HTML文本中各HTML控件,以取得每一个HTML控件的属性信息，并将各HTML控件的属性信息以及用户在相应HTML控件中所输入的内容予以对应保存，以便有浏览器再次显示所述表单时，将所述表单中各HTML控件所对应的内容予以显示。由此减少WEB服务器的负载。

Description

在线表单的生成方法及系统

技术领域

本发明涉及一种表单生成方法，特别是涉及一种在线表单的生成方法及系统。

背景技术

随着无纸化概念在各行业领域的深入，在线表单能够帮助用户通过浏览器向WEB服务器提交信息，以便WEB服务器对所述在线表单进行流转或统计处理。然而，制定在线表单格式的用户往往不是技术人员，他们不懂得使用基于WEB的计算机技术来生成在线表单，故而，一个表单需要多人协同来生成，这增加了人力成本和冗余的工作量。

目前，为了解决上述问题，市面上出现了多种具有客户端的在线表单编辑软件，用户通过安装客户端来生成在线表单，然而，对于大多数不懂得技术的用户来说，他们无法理解客户端中出现的与HTML语句相关的参数，因此，这类在线表单编辑软件的使用具有很大的局限性。在专利申请号为200810110094.3的中国专利申请中，其公开了一种在线、实时以及动态生成网页的方法，其提及在网页中编辑组件、HTML控件，再基于组件和HTML控件的参数信息来生成网页文件，以供用户使用。该方法虽然无需下载客户端软件，但需要WEB服务器对所获取的组件和HTML控件的扫描和编译操作，以提取组件和HTML控件的各种属性参数，然后才能生成动态的表单文件。该方法生成网页文件的方式过于复杂，WEB服务器的负载压力过大。因此需要对现有的技术进行改进，以提供简化的在线表单的生成方法。

发明内容

鉴于以上所述现有技术的缺点，本发明的目的在于提供一种在线表单的生成方法及系统，以便于非技术人员制作表单。

为实现上述目的及其他相关目的，本发明提供一种在线表单的生成方法，其包括：1）将在线编辑器和候选的HTML控件呈现在浏览器中，并基于用户在所述在线编辑器中对所选中的所述HTML控件的编辑操作，生成表单的HTML文本，并将所述表单的HTML文本予以保存，其中，所述HTML文本包括所选中的各HTML控件的属性信息；

当所述浏览器将所保存的HTML文本呈现为所述表单，则所述方法还包括：a）遍历所述表单的HTML文本中各HTML控件,以取得每一个HTML控件的属性信息，并将各HTML控件的属性信息以及用户在相应HTML控件中所输入的内容予以对应保存，以便有浏览器再次显示所述表单时，将所述表单中各HTML控件所对应的内容予以显示。

优选地，所述步骤1）还包括：基于用户在所述在线编辑器中对表格控件的编辑操作在所述在线编辑器中绘制表格，并以所绘制的表格作为表单的排版格式；基于所述用户按照所述排版格式在所述在线编辑器中对所选中的其他HTML控件的编辑操作，生成具有所述排版格式的表单的HTML文本。

优选地，所述步骤1）还包括：基于用户在所述在线编辑器中对所选中的HTML控件的编辑操作，将所选中的所述HTML控件的属性信息的编辑界面提供给所述用户，并以修改后的属性信息作为所选中的所述HTML控件的属性信息。

优选地，所述步骤1）还包括：基于预设的包含各HTML控件的样式文件，生成表单的HTML文本。

基于上述目的，本发明还提供一种在线表单的生成系统，其包括：静态表单生成模块，用于将在线编辑器和候选的HTML控件呈现在浏览器中，并基于用户在所述在线编辑器中对所选中的所述HTML控件的编辑操作，生成表单的HTML文本，并将所述表单的HTML文本予以保存，其中，所述HTML文本包括所选中的各HTML控件的属性信息；

当所述用户利用所述浏览器将所保存的HTML文本呈现为所述表格，则所述生成系统还包括：控件信息提取模块，用于遍历所述表单的HTML文本中各HTML控件,以取得每一个HTML控件的属性信息，并将各HTML控件的属性信息以及用户在相应HTML控件中所输入的内容予以对应保存，以便有浏览器再次显示所述表单时，将所述表单中各HTML控件所对应的内容予以显示。

优选地，所述静态表单生成模块还包括：排版单元，用于基于用户在所述在线编辑器中对表格控件的编辑操作在所述在线编辑器中绘制表格，并以所绘制的表格作为表单的排版格式；第一子静态表单生成单元，用于基于所述用户按照所述排版格式在所述在线编辑器中对所选中的其他HTML控件的编辑操作，生成具有所述排版格式的表单的HTML文本。

优选地，所述静态表单生成模块还包括：属性编辑单元，用于基于用户在所述在线编辑器中对所选中的HTML控件的编辑操作，将所选中的所述HTML控件的属性信息的编辑界面提供给所述用户，并以修改后的属性信息作为所选中的所述HTML控件的属性信息。

优选地，所述静态表单生成模块还包括：第二子静态表单生成单元，用于基于预设的包含各HTML控件的样式文件，生成表单的HTML文本。

如上所述，本发明的在线表单的生成方法及系统，具有以下有益效果：能够使用户利用在浏览器中呈现的在线编辑器来设定所需要的表单形式，使用户无需安装任何表单编辑工具即可制作在线表单；同时，将候选的HTML控件呈现在浏览器中，能够方便不熟悉HTML语句的用户制作在线表单，具有更广泛的使用前景；另外，利用表格控件来生成表单的排版格式，使得所生成的表单版面整洁；此外，将所述表单的HTML文本直接予以保存，减少了编译的过程，减轻了WEB服务器的运行负载；再有，将表单中的各HTML控件的属性信息与所对应的内容予以对应保存，使得所述表单能够动态显示各HTML控件中所保存的内容。

附图说明

图1显示为本发明的一种在线表单的生成方法的流程图。

图2显示为本发明的一种在线表单的生成方法中在线编辑器和候选的HTML控件呈现在浏览器中的界面示意图。

图3显示为本发明的一种在线表单的生成方法中的在线编辑器编辑具有排版格式的表格的界面示意图。

图4显示为本发明的一种在线表单的生成方系统的结构示意图。

元件标号说明

1        生成系统

11       静态表单生成模块

12       控件信息提取模块

S1~S2    步骤

具体实施方式

以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。

图1显示为本发明的一种在线表单的生成方法的流程图。所述在线表单的生成方法主要由生成系统来执行，所述生成系统为安装在用户设备中的应用模块。该用户设备为一种能够按照事先存储的程序，自动、高速地进行大量数值计算和各种信息处理的现代化智能电子设备，其硬件包括但不限于微处理器、FPGA、DSP、嵌入式设备等。在步骤S1中，所述生成系统将在线编辑器和候选的HTML控件呈现在浏览器中，并基于用户在所述在线编辑器中对所选中的所述HTML控件的编辑操作，生成表单的HTML文本，并将所述表单的HTML文本予以保存，其中，所述HTML文本包括所选中的各HTML控件的属性信息。其中，HTML控件包括任何能够以HTML语句所描述的HTML控件，其包括但不限于：文本框控件、下拉框控件、表格控件、日期框控件、按钮控件和附件控件。所述HTML控件的属性信息包括任何能够描述HTML控件属性的信息，其包括但不限于：HTML控件的标识信息、HTML控件的内容的默认值、和HTML控件的名称等。对所选中的所述HTML控件的编辑操作包括但不限于：拖拽所述HTML控件、改变HTML控件的尺寸、编辑HTML控件的属性信息等。

所述在线编辑器和候选的HTML控件呈现在浏览器中的布局方式包括但不限于：浏览器的一部分显示候选的HTML控件的界面，另一部分显示所述在线编辑器。例如，如图2所示，在所述浏览器的左侧显示候选的HTML控件的界面，右侧显示所述在线编辑器。

所述生成系统通过人机交互设备获取用户的编辑操作。其中，所述人机交互设备包括但不限于：键盘、鼠标、触摸笔、语音设备等等。

例如，以鼠标为例，用户通过鼠标从候选的HTML控件的界面中选中一个文本框控件，并拖至所述在线编辑器中，则所述生成系统基于对鼠标按键的监控获取所述用户在所述在线编辑器中添加一文本框控件的编辑操作。

具体地，所述生成系统基于用户在所述在线编辑器中对所选中的HTML控件的编辑操作，利用脚本语句在所述在线编辑器所指向的HTML页面中生成所述HTML控件的HTML语句，由此得到表单的HTML文本。

例如，用户将文本框控件和按钮控件拖入所述在线编辑器中，则所述生成系统按照所述用户操作的顺序利用脚本语句在预设的HTML页面中生成文本框控件和按钮控件的HTML语句，以得到表单的HTML文本如下：

需要说明的是，上述表单的HTML文本形式仅为举例，而非对本发明的限制，事实上，任何形式的HTML文本所形成的表单均包含在本发明之内。

接着，所述生成系统基于用户的确认操作将所述表单的HTML文本保存至数据库中。由此，生成静态的表单。其中，所述确认操作包括但不限于：点击保存按钮等。

优选地，所述步骤S1还包括步骤S11（未予图示）和步骤S12（未予图示）。

在步骤S11中，所述生成系统基于用户在所述在线编辑器中对表格控件的编辑操作在所述在线编辑器中绘制表格，并以所绘制的表格作为表单的排版格式。其中，对表格控件的编辑操作包括但不限于：合并表格、增加表格、删除表格等。

具体地，所述用户通过鼠标将表格控件从候选的HTML控件中拖至在线编辑器中，接着，所述用户通过鼠标和键盘对所述表格控件中预设的表格的行数和列数、每个表格的尺寸进行编辑操作，以在所述在线编辑器中绘制满足需求的表格，则所述生成系统实时地基于所述编辑操作来改变所述表格的排版格式。

例如，所述用户通过鼠标将在线编辑器中的表格的行数由2行变成4行，所述生成系统对应修改表单的排版格式由：

改为：

需要说明的是，本领域技术人员应该理解，上述表单的排版格式仅为举例，而非对本发明的限制，事实上，任何基于对表格控件的修改来绘制表单的排版格式的方式均包含在本发明之内。

在步骤S12中，所述生成系统基于所述用户按照所述排版格式在所述在线编辑器中编辑所选中的HTML控件的编辑操作，生成具有所述排版格式的表单的HTML文本。

继续步骤S11中的示例，如图3所示，所述用户通过键盘在表格的（1,1）位置输入“用户名”，通过鼠标将文本框控件拖入表格的（2,1）位置，则所述生成系统生成具有所述排版格式的表单的HTML文本如下：

更为优选地，所述步骤S1还包括步骤S13（未予图示）。

在步骤S13中，所述生成系统基于用户在所述在线编辑器中对所选中的HTML控件的编辑操作，将所选中的所述HTML控件的属性信息的编辑界面提供给所述用户，并以修改后的属性信息作为所选中的所述HTML控件的属性信息。

例如，所述用户通过鼠标将下拉框控件拖入所述在线编辑器中，则所述生成系统在呈现所述在线编辑器的浏览器上显示所述下拉框控件的属性信息的编辑框，以便所述用户设定下拉菜单的内容、下拉框控件的标识信息、下拉框控件名称信息，则所述生成系统将所述用户修改后的下拉框控件的属性信息作为该下拉框控件的属性信息。

更为优选地，所述步骤S1还包括步骤S14（未予图示）。

在步骤S14中，所述生成系统基于预设的包含各HTML控件的样式文件，生成表单的HTML文本。

例如，所述生成系统将预设的样式文件css添加到所述HTML文本的头信息中。

接着，当用户使用所述表格时，所述用户所使用的用户设备的浏览器将所获取的HTML文本呈现为所述表单，则所述生成系统执行步骤S2.

在步骤S2中，所述生成系统遍历所述表单的HTML文本中各HTML控件，以取得每一个HTML控件的属性信息，并将各HTML控件的属性信息以及用户在相应HTML控件中所输入的内容予以对应保存，以便有浏览器再次显示所述表单时，将所述表单中各HTML控件所对应的内容予以显示。

具体地，所述生成系统基于预设的各HTML控件的HTML语句来匹配所述表单的HTML文本，以获取各HTML控件的所有属性信息，并各HTML控件的属性信息以及对应的用户所输入的内容保存到数据库中，以便另有浏览器显示所述表单时能够将各HTML控件所对应的内容显示在表单中。

例如，所述表单的HTML文本为：

所述生成系统基于预设的各HTML控件的HTML语句来匹配所述表单的HTML文本，得到文本框控件的属性信息为：属性信息包括name和value，接着，所述生成系统基于用户在所述文本框控件中输入的“张三”，将name所对应的“fname”、与value所对应的“张三”一一对应的保存在数据库中，以便其他用户在使用所述表单时在所述文本框控件中显示“张三”。

需要说明的是，本领域技术人员应该理解，上述步骤S1和S2并非一定连续执行，本发明可以先执行步骤S1，当用户需要使用表单时，再执行步骤S2。

本发明还提供一种在线表格的生成系统，如图4所述，所述生成系统1包括静态表单生成模块11和控件信息提取模块12。

所述静态表单生成模块11用于将在线编辑器和候选的HTML控件呈现在浏览器中，并基于用户在所述在线编辑器中对所选中的所述HTML控件的编辑操作，生成表单的HTML文本，并将所述表单的HTML文本予以保存，其中，所述HTML文本包括所选中的各HTML控件的属性信息。其中，HTML控件包括任何能够以HTML语句所描述的HTML控件，其包括但不限于：文本框控件、下拉框控件、表格控件、日期框控件、按钮控件和附件控件。所述HTML控件的属性信息包括任何能够描述HTML控件属性的信息，其包括但不限于：HTML控件的标识信息、HTML控件的内容的默认值、和HTML控件的名称等。对所选中的所述HTML控件的编辑操作包括但不限于：拖拽所述HTML控件、改变HTML控件的尺寸、编辑HTML控件的属性信息等。

所述在线编辑器和候选的HTML控件呈现在浏览器中的布局方式包括但不限于：浏览器的一部分显示候选的HTML控件的界面，另一部分显示所述在线编辑器。例如，如图2所示，在所述浏览器的左侧显示候选的HTML控件的界面，右侧显示所述在线编辑器。

所述静态表单生成模块11通过人机交互设备获取用户的编辑操作。其中，所述人机交互设备包括但不限于：键盘、鼠标、触摸笔、语音设备等等。

例如，以鼠标为例，用户通过鼠标从候选的HTML控件的界面中选中一个文本框控件，并拖至所述在线编辑器中，则所述静态表单生成模块11基于对鼠标按键的监控获取所述用户在所述在线编辑器中添加一文本框控件的编辑操作。

具体地，所述静态表单生成模块11基于用户在所述在线编辑器中对所选中的HTML控件的编辑操作，利用脚本语句在所述在线编辑器所指向的HTML页面中生成所绘制的HTML控件的HTML语句，由此得到表单的HTML文本。

例如，用户将文本框控件和按钮控件拖入所述在线编辑器中，则所述静态表单生成模块11按照所述用户操作的顺序利用脚本语句在预设的HTML页面中生成文本框控件和按钮控件的HTML语句，以得到表单的HTML文本如下：

需要说明的是，上述表单的HTML文本形式仅为举例，而非对本发明的限制，事实上，任何形式的HTML文本所形成的表单均包含在本发明之内。

接着，所述静态表单生成模块11基于用户的确认操作将所述表格的HTML文本保存至数据库中，由此，生成静态的表格。其中，所述确认操作包括但不限于：点击保存按钮等。

优选地，所述静态表单生成模块11包括排版单元（未予图示）和第一子静态表单生成单元（未予图示）。

所述排版单元用于基于用户在所述在线编辑器中对表格控件的编辑操作在所述在线编辑器中绘制表格，并以所绘制的表格作为表单的排版格式。其中，对表格控件的编辑操作包括但不限于：合并表格、增加表格、删除表格等。

具体地，所述用户通过鼠标将表格控件从候选的HTML控件中拖至在线编辑器中，接着，所述用户通过鼠标和键盘对所述表格控件中预设的表格的行数和列数、每个表格的尺寸进行编辑操作，以在所述在线编辑器中绘制表格，则所述排版单元实时地基于所述编辑操作来改变所述表格的排版格式。

例如，所述用户通过鼠标将在线编辑器中的表格的行数由2行变成4行，所述排版单元对应修改表单的排版格式由：

改为：

需要说明的是，本领域技术人员应该理解，上述表单的排版格式仅为举例，而非对本发明的限制，事实上，任何基于对表格控件的修改来绘制表单的排版格式的方式均包含在本发明之内。

所述第一子静态表单生成单元用于基于所述用户按照所述排版格式在所述在线编辑器中编辑所选中的HTML控件的编辑操作，生成具有所述排版格式的表单的HTML文本。

继续上述排版单元中的示例，如图3所示，所述用户通过键盘在表格的（1,1）位置输入“用户名”，通过鼠标将文本框控件拖入表格的（2,1）位置，则所述第一子静态表单生成单元生成具有所述排版格式的表单的HTML文本如下：

更为优选地，所述静态表单生成模块11还包括属性编辑单元（未予图示）。

所述属性编辑单元基于用户在所述在线编辑器中编辑所选中的HTML控件的编辑操作，将所选中的所述HTML控件的属性信息的编辑界面提供给所述用户，并以修改后的属性信息作为所选中的所述HTML控件的属性信息。

例如，所述用户通过鼠标将下拉框控件拖入所述在线编辑器中，则所述属性编辑单元在呈现所述在线编辑器的浏览器上显示所述下拉框控件的属性信息的编辑框，以便所述用户设定下拉菜单的内容、下拉框控件的标识信息、下拉框控件名称信息，则所述属性编辑单元将所述用户修改后的下拉框控件的属性信息作为该下拉框控件的属性信息。

更为优选地，所述静态表单生成模块11还包括第二子静态表单生成单元（未予图示）。

所述第二子静态表单生成单元基于预设的包含各HTML控件的样式文件，生成表单的HTML文本。

例如，所述生成系统1将预设的样式文件（css文件）添加到所述HTML文本的头信息中。

接着，当用户使用所述表格时，所述用户所使用的用户设备的浏览器将所获取的HTML文本呈现为所述表单，则所述生成系统1执行控件信息提取模块12。

所述控件信息提取模块12，用于遍历所述表单的HTML文本中各HTML控件，以取得每一个HTML控件的属性信息，并将各HTML控件的属性信息以及用户在相应HTML控件中所输入的内容予以对应保存，以便有浏览器再次显示所述表单时，将所述表单中各HTML控件所对应的内容予以显示。

具体地，所述生成系统1基于预设的各HTML控件的HTML语句来匹配所述表单的HTML文本，以获取各HTML控件的所有属性信息，并各HTML控件的属性信息以及对应的用户所输入的内容保存到数据库中，以便另有浏览器显示所述表单时能够将各HTML控件所对应的内容显示在表单中。

例如，所述表单的HTML文本为：

所述控件信息提取模块12基于预设的各HTML控件的HTML语句来匹配所述表单的HTML文本，得到文本框控件的属性信息为：属性信息包括name和value，接着，所述控件信息提取模块12基于用户在所述文本框控件中输入的“张三”，将name所对应的“fname”、与value所对应的“张三”一一对应的保存在数据库中，以便其他用户在使用所述表单时在所述文本框控件中显示“张三”。

综上所述，本发明所述的在线表单的生成方法及系统，能够使用户利用在浏览器中呈现的在线编辑器来设定所需要的表单形式，使用户无需安装任何表单编辑工具即可制作在线表单；同时，将候选的HTML控件呈现在浏览器中，能够方便不熟悉HTML语句的用户制作在线表单，具有更广泛的使用前景；另外，利用表格控件来生成表单的排版格式，使得所生成的表单版面整洁；此外，将所述表单的HTML文本直接予以保存，减少了编译的过程，减轻了WEB服务器的运行负载；再有，将表单中的各HTML控件的属性信息与所对应的内容予以对应保存，使得所述表单能够动态显示各HTML控件中所保存的内容。所以，本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。

上述实施例仅例示性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变，仍应由本发明的权利要求所涵盖。

Claims (8)

1.一种在线表单的生成方法，其特征在于，至少包括：

1）将在线编辑器和候选的HTML控件呈现在浏览器中，并基于用户在所述在线编辑器中对所选中的所述HTML控件的编辑操作，生成表单的HTML文本，并将所述表单的HTML文本予以保存，其中，所述HTML文本包括所选中的各HTML控件的属性信息；

当所述浏览器将所保存的HTML文本呈现为所述表单，则所述方法还包括：

a）遍历所述表单的HTML文本中各HTML控件,以取得每一个HTML控件的属性信息，并将各HTML控件的属性信息以及用户在相应HTML控件中所输入的内容予以对应保存，以便有浏览器再次显示所述表单时，将所述表单中各HTML控件所对应的内容予以显示。

2.根据权利要求1所述的在线表单的生成方法，其特征在于，所述步骤1）还包括：

基于用户在所述在线编辑器中对表格控件的编辑操作在所述在线编辑器中绘制表格，并以所绘制的表格作为表单的排版格式；

基于所述用户按照所述排版格式在所述在线编辑器中对所选中的其他HTML控件的编辑操作，生成具有所述排版格式的表单的HTML文本。

3.根据权利要求1或2所述的在线表单的生成方法，其特征在于，所述步骤1）还包括：基于用户在所述在线编辑器中对所选中的HTML控件的编辑操作，将所选中的所述HTML控件的属性信息的编辑界面提供给所述用户，并以修改后的属性信息作为所选中的所述HTML控件的属性信息。

4.根据权利要求3所述的在线表单的生成方法，其特征在于，所述步骤1）还包括：基于预设的包含各HTML控件的样式文件，生成表单的HTML文本。

5.一种在线表单的生成系统，其特征在于，至少包括：

静态表单生成模块，用于将在线编辑器和候选的HTML控件呈现在浏览器中，并基于用户在所述在线编辑器中对所选中的所述HTML控件的编辑操作，生成表单的HTML文本，并将所述表单的HTML文本予以保存，其中，所述HTML文本包括所选中的各HTML控件的属性信息；

当所述用户利用所述浏览器将所保存的HTML文本呈现为所述表格，则所述生成系统还包括：

控件信息提取模块，用于遍历所述表单的HTML文本中各HTML控件,以取得每一个HTML控件的属性信息，并将各HTML控件的属性信息以及用户在相应HTML控件中所输入的内容予以对应保存，以便有浏览器再次显示所述表单时，将所述表单中各HTML控件所对应的内容予以显示。

6.根据权利要求5所述的在线表单的生成系统，其特征在于，所述静态表单生成模块还包括：

排版单元，用于基于用户在所述在线编辑器中对表格控件的编辑操作在所述在线编辑器中绘制表格，并以所绘制的表格作为表单的排版格式；

第一子静态表单生成单元，用于基于所述用户按照所述排版格式在所述在线编辑器中对所选中的其他HTML控件的编辑操作，生成具有所述排版格式的表单的HTML文本。

7.根据权利要求5或6所述的在线表单的生成系统，其特征在于，所述静态表单生成模块还包括：

属性编辑单元，用于基于用户在所述在线编辑器中对所选中的HTML控件的编辑操作，将所选中的所述HTML控件的属性信息的编辑界面提供给所述用户，并以修改后的属性信息作为所选中的所述HTML控件的属性信息。

8.根据权利要求7所述的在线表单的生成系统，其特征在于，所述静态表单生成模块还包括：

第二子静态表单生成单元，用于基于预设的包含各HTML控件的样式文件，生成表单的HTML文本。

Images