CN107544808A - 一种网页表单的生成方法和装置 - Google Patents

Abstract

本申请公开了一种网页表单的生成方法和装置。该方法包括：利用Excel软件绘制网页表单的模板样式，得到可编辑的模板定义文件；在所述Excel软件中配置所述模板定义文件中的表单元素，得到可编辑的配置文件；根据所述模板定义文件和所述配置文件生成网页表单。本申请公开的网页表单的设计方式较为简单，专业性较低；所设置的模板定义文件可以被Excel软件读取和修改，能够较好地适应设计开发或需求变更的调整速度，并且实现的网页表单功能丰富。

Description

一种网页表单的生成方法和装置

技术领域

本申请涉及表单设计技术领域，特别涉及一种网页表单的生成方法和装置。

背景技术

目前，财务、金融、统计等诸多领域需要应用复杂而庞大的表单，来实现数据输入、计算、存储等功能。而现有技术中，网页表单，又称为Web表单主要是基于.NET、Java等后台技术及Html、JavaScript等前台技术实现，传统的开发过程一般要求开发人员通过绘制表单、设置表单组件、编写前台脚本、开发后台程序等一系列工作才能完成一套表单的设计工作。这种Web表单的设计方式非常复杂，耗时长，出错率高。

也有部分厂商自行设计表单设计器，允许开发人员在专用的设计器中进行表单设计，但这类设计器的通用性较差，表单设计过程中往往不够方便，且产生的表单文件无法直观的进行编辑与解析。

发明内容

本申请提供一种网页表单的生成方法和装置，以解决现有技术中网页表单设计方式复杂，专用表单设计器通用性差，产生的表单不便于进行编辑的问题。

为达到上述目的，本申请的技术方案是这样实现的：

一方面，本申请提供了一种网页表单的生成方法，该方法包括：

利用Excel软件绘制网页表单的模板样式，得到可编辑的模板定义文件；

在所述Excel软件中配置所述模板定义文件中的表单元素，得到可编辑的配置文件；

根据所述模板定义文件和所述配置文件生成网页表单。

另一方面，本申请还提供了一种网页表单的生成装置，该装置包括：

表单绘制单元，用于利用Excel软件绘制网页表单的模板样式，得到可编辑的模板定义文件；

配置单元，用于在所述Excel软件中配置所述模板定义文件中的表单元素，得到可编辑的配置文件；

表单生成单元，用于根据所述模板定义文件和所述配置文件生成网页表单。

本申请还提供了一种网页表单的生成装置，包括处理器和机器可读存储介质，该机器可读存储介质存储有能够被处理器执行的机器可执行指令，该处理器被机器可执行指令促使：执行上述的网页表单的生成方法。

另一方面，本申请提供了一种机器可读存储介质，存储有机器可执行指令，在被处理器调用和执行时，该机器可执行指令促使处理器：执行上述的网页表单的生成方法。

本申请的有益效果是：

第一，本申请基于OpenXML标准，在Excel软件中实现表单的绘制和定义，不需要定义额外的表单模板定义文件，网页表单的设计方式较为简单，专业性较低；

第二，且所设置的模板定义文件可以被Excel软件读取和修改，具有“所见即所得”的特性，能够较好地适应设计开发或需求变更的调整速度，具有较强的市场竞争力；

第三，本申请依托表单引擎，可以实现网页表单的数据读取、公式计算、数据保存、PDF生成等诸多功能，功能丰富，能够进一步提高竞争力。

附图说明

图1为本申请实施例示出的网页表单的生成方法流程图；

图2为本申请实施例示出的模板定义文件在Excel软件打开状态示意图；

图3为本申请实施例示出的表单设计器的编辑界面示意图；

图4为本申请实施例示出的模板定义文件在Excel软件及表单设计器中打开状态示意图；

图5为本申请实施例示出的网页表单的页面显示过程示意图；

图6为本申请实施例示出的将用户在网页表单中编辑的用户数据写回至数据库的过程示意图；

图7为本申请实施例示出的网页表单的生成装置的结构框图；

图8为本申请实施例示出的网页表单的生成装置的硬件结构示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

为便于理解本申请的实施例，本申请先简单介绍涉及的技术术语：

表单：表单在网页中主要负责数据采集功能，表单主要有表单标签、表单域、表单按钮三个基本组成部分；表单标签包含处理表单数据所用CGI程序的URL以及数据提交到服务器的方法；表单域包含文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等；表单按钮包括提交按钮、复位按钮和一般按钮，表单按钮用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮控制其他脚本的处理工作。

OpenXML：Ecma Office Open XML(简写为Open XML)是针对字处理文档、演示文稿和电子表格的国际化开放标准，可免费供多个应用程序在多个平台上实现。

Excel软件：Microsoft Excel是微软公司的办公软件Microsoft Office的组件之一，是由Microsoft为Windows和Apple Macintosh操作系统的电脑而编写和运行的一款试算表软件。Excel软件是微软办公套装软件的一个重要的组成部分，它可以进行各种数据的处理、统计分析和辅助决策操作，广泛地应用于管理、统计、财经、金融等众多领域。Excel软件生成的xlsx工作簿文件完全基于OpenXML标准实现。

文档格式对象：是服务器端的表单引擎软件解析OpenXML模板定义文件所形成的包含所有表单定义及描述信息的内存对象，包含表单的样式、公式、控件设定、数据绑定、校验规则等信息。每个模板定义文件在服务器内存中只形成一个文档格式对象。

文档实例对象：是服务器端的表单引擎软件读取数据库后，将用户数据填充入文档格式对象所形成的内存对象。每个用户打开表单后，都会形成一个单独的文档实例对象。文档实例对象可以被表单引擎解析为Web页面，供用户编辑浏览，也可以导出为电子表格文件和PDF文件。

本申请的整体涉及构思为：基于OpenXML技术标准，在Excel软件中实现表单的绘制和定义，并通过扩展XML的方式，对表单进行设置；利用表单引擎解析OpenXML文件，读取表单的样式、单元格的设置、计算公式等信息，将表单解析为Html、CSS、JavaScript等浏览器可以直接展现的Web页面。

下面本申请结合附图详细说明网页表单的生成方法。

图1为本申请实施例示出的网页表单的生成方法流程图，如图1所示，该方法包括：

S110，利用Excel软件绘制网页表单的模板样式，得到可编辑的模板定义文件。

如图2所示，本实施例在Excel软件中绘制的模板样式包括文字、文字样式、单元格样式、合并行、合并列、网格线等，绘制完成时得到OpenXML格式的模板定义文件，该模板定义文件的扩展名为xlsx。

S120，在Excel软件中配置模板定义文件中的表单元素，得到可编辑的配置文件。

本实施例需要将预先设计的表单设计器与Excel软件关联，所述表单设计器用于配置表单元素；在Excel软件中，利用表单设计器对模板定义文件中的表单元素进行配置，该表单元素包括但不局限于表单区域、动态表格的区域、单元格、表单样式。

如图3所示，本申请预先设计的一种表单设计器，实现时将该表单设计器作为一个插件运行在Excel软件中，如图2示出的Ndf.Wfe表单设计器即为本申请预先设计的表单设计器。

需要说明的是：步骤S110中的可编辑的模板定义文件和步骤S120中可编辑的配置文件可以理解为Excel软件可编辑的文件，实际应用中，可以设置上述模板定义文件和配置文件为OpenXML格式的文件。

S130，根据模板定义文件和配置文件生成网页表单。

本实施例可以根据预先设计的表单引擎将模板定义文件和配置文件解析为Html、CSS、JavaScript等浏览器可以直接展现的Web页面，通过AJAX等技术实现前台浏览器页面与后台的表单引擎进行交互，实现网页表单的数据读取、公式计算、数据保存、PDF导出等功能。

本申请的一个实施例中，上述模板定义文件和配置文件均为OpenXML格式，那么图1中的步骤S120在得到可编辑的配置文件时，还可以通过扩展XML的方式，将配置文件存储在模板定义文件中，得到OpenXML格式的模板定义文件，即将配置文件嵌套在模板定义文件中；此时，可以利用表单引擎解析该模板定义文件，根据解析结果生成所述网页表单。

具体的，利用表单引擎将模板定义文件解析为服务器内存中的文档格式对象；从数据库中获得相关的用户数据，通过将用户数据填充到所述文档格式对象中，得到文档实例对象；利用表单引擎将所述文档实例对象解析为Web页面，以在浏览器中展现Web页面。

为便于详细说明本申请生成网页表单的具体过程，本申请通过下面的具体实施例进行说明。

首先，进行网页表单的基本设置。

参考图2所示，在Excel软件中绘制网页表单的模板样式，如设置文字、文字样式、单元格样式、合并行、合并列、网格线等；设计完成时，所得到的OpenXML格式的文件，即为本申请的模板定义文件，该模板定义文件的扩展名为xlsx。

其次，进行扩展设置。

参考图2，在完成网页表单的基本设置后，在Excel软件中打开本申请公开的Ndf.Wfe表单设计器(即表单设计器)。如图3所示，本实施例示例性示出Ndf.Wfe表单设计器的编辑界面，可以利用该设计器对表单的区域、动态表格区域、单元格、表单基本样式等表单元素进行设置。

示例性的，参考图3，在利用表单设计器对单元格进行设计时，可以设置单元格在工作表中的地址、单元格名称、单元格ID、数据类型、数据长度、数据精度、输出格式、表单控件类型(标签、文本框、下拉选择框、日期时间组件、单选框、复选框、弹出窗体、自定义控件等)、是否可见、是否只读、是否保存至数据库、与数据库绑定的信息、校验表达式及相应的校验结果提示、备注信息等。

扩展设计完成时，将所得到的OpenXML格式的文件，以扩展XML的方式，存储在OpenXML文件中，得到嵌套后的模板定义文件。如图4所示，扩展设计完成后，该模板定义文件可以被Excel软件打开并进行二次编辑。

然后，运行表单引擎解析模板定义文件。

利用预先设计的表单引擎解析上述OpenXML格式的模板定义文件，将模板定义文件中的表格样式，如文字、文字样式、单元格样式、合并行、合并列、网格线等被解析为Html表单及表单样式；将模板定义文件中的公式、扩展XML信息解析为表单的功能代码，以实现单元格的格式化输出、数据绑定、数据校核的功能，以及实现动态表行的增减功能，实现数据的读取、编辑、审核与保存等功能。

最后，利用表单引擎输出显示网页表单。

参考图5所示，利用表单引擎将OpenXML格式的模板定义文件解析为服务器内存中的文档格式对象，该文档格式对象主要包括公式、表单格式、与数据库的关联信息、校验规则等对象；从数据库中获得用户数据，通过将用户数据填充到文档格式对象中得到文档实例对象；在得到文档实例对象后，一方面，通过对象渲染可以得到Html、CSS、JavaScript等浏览器可以直接展现的Web页面，对Web页面进行页面控件解析后，即可以在浏览器中显示；在得到文档实例对象后，另一方面，可以通过文档实例对象构造OpenXML文件，实现电子表格文件导出功能，也可以实现将文档实例对象生成PDF文件，实现在线打印功能。

若用户通过浏览器对表单进行了数据编辑，本申请会依照图6所示的方式，将用户编辑的数据写回至数据库中。

与上述网页表单的生成方法相对应的，本申请该提供了网页表单的生成装置。

图7为本申请实施例示出的网页表单的生成装置的结构框图，如图7所示，该装置70包括：表单绘制单元71、配置单元72和表单生成单元73；

表单绘制单元71，用于利用Excel软件绘制网页表单的模板样式，得到可编辑的模板定义文件；

配置单元72，用于在所述Excel软件中配置所述模板定义文件中的表单元素，得到可编辑的配置文件；

表单生成单元73，用于根据所述模板定义文件和所述配置文件生成网页表单。

本实施例基于OpenXML技术标准，在Excel软件中实现表单的绘制和定义，并通过扩展XML的方式，对表单进行设置；利用表单引擎解析OpenXML文件，读取表单的样式、单元格的设置、计算公式等信息，将表单解析为Html、CSS、JavaScript等浏览器可以直接展现的Web页面。

在本申请的一个实施例中，图7中的配置单元72还用于在Excel软件中，利用表单设计器对模板定义文件中的表单元素进行配置，该表单元素包括表单区域、动态表格的区域、单元格、表单样式；表单设计器用于配置表单元素，且与Excel软件关联。

在本申请的另一个实施例中，所述模板定义文件和所述配置文件均为OpenXML格式，装置70还包括存储单元；

该存储单元，用于通过扩展XML的方式，将所述配置文件存储在所述模板定义文件中，得到OpenXML格式的模板定义文件；

相应的，表单生成单元73用于利用表单引擎解析所述模板定义文件，根据解析结果生成所述网页表单。

具体的，表单生成单元73，具体用于利用所述表单引擎将所述模板定义文件解析为服务器内存中的文档格式对象；从数据库中获得相关的用户数据，通过将所述用户数据填充到所述文档格式对象中，得到文档实例对象；利用所述表单引擎将所述文档实例对象解析为Web页面，以在浏览器中展现所述Web页面。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

本申请提供的网页表单的生成装置可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，参照图8所示，本申请提供的网页表单的生成装置70均可包括处理器801、存储有机器可执行指令的机器可读存储介质802。处理器801与机器可读存储介质802可经由系统总线803通信。并且，通过读取并执行机器可读存储介质802中与网页表单的生成逻辑对应的机器可执行指令，处理器801可执行上文描述的网页表单的生成方法。

本申请中提到的机器可读存储介质802可以是任何电子、磁性、光学或其它物理存储装置，可以包含或存储信息，如可执行指令、数据，等等。例如，机器可读存储介质可以是：RAM(Radom Access Memory，随机存取存储器)、易失存储器、非易失性存储器、闪存、存储驱动器(如硬盘驱动器)、固态硬盘、任何类型的存储盘(如光盘、DVD等)，或者类似的存储介质，或者它们的组合。

根据本申请公开的示例，本申请还提供了一种包括机器可执行指令的机器可读存储介质，例如图8中的机器可读存储介质802，所述机器可执行指令可由网页表单的生成装置70中的处理器801执行以实现以上描述的网页表单的生成方法。

综上所述，本申请网页表单的生成方法和装置至少存在以下优点：

1、基于OpenXML标准，在Excel软件中实现表单的绘制和定义，不需要定义额外的表单模板定义文件，因此本申请网页表单的设计方式较为简单，大部分工作可以由需求分析人员完成，不需要开发人员进行表单绘制，大幅提高了开发工作效率。

2、所设置的模板定义文件可以被Excel软件读取和修改，具有“所见即所得”的特性，能够较好地适应设计开发或需求变更的调整速度，具有较强的市场竞争力。

3、依托后台的表单引擎，可以实现网页表单的数据读取、公式计算、数据保存、PDF生成等诸多功能，功能丰富，进一步提高竞争力。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本申请的较佳实施例而已，并非用于限定本申请的保护范围。凡在本申请的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本申请的保护范围内。

Claims (10)

1.一种网页表单的生成方法，其特征在于，所述方法包括：

利用Excel软件绘制网页表单的模板样式，得到可编辑的模板定义文件；

在所述Excel软件中配置所述模板定义文件中的表单元素，得到可编辑的配置文件；

根据所述模板定义文件和所述配置文件生成网页表单。

2.根据权利要求1所述的方法，其特征在于，所述在所述Excel软件中配置所述模板定义文件中的表单元素，包括：

将预先设计的表单设计器与所述Excel软件关联，所述表单设计器用于配置表单元素；

在所述Excel软件中，利用所述表单设计器对所述模板定义文件中的表单元素进行配置，所述表单元素包括表单区域、动态表格的区域、单元格、表单样式。

3.根据权利要求1所述的方法，其特征在于，所述模板定义文件和所述配置文件均为OpenXML格式，在得到所述可编辑的配置文件时，所述方法还包括：

通过扩展XML的方式，将所述配置文件存储在所述模板定义文件中，得到OpenXML格式的模板定义文件；

所述根据所述模板定义文件和所述配置文件生成网页表单，包括：

利用表单引擎解析所述OpenXML格式的模板定义文件，根据解析结果生成所述网页表单。

4.根据权利要求3所述的方法，所述利用表单引擎解析所述OpenXML格式的模板定义文件，根据解析结果生成所述网页表单，包括：

利用所述表单引擎将所述模板定义文件解析为服务器内存中的文档格式对象；

从数据库中获得相关的用户数据，通过将所述用户数据填充到所述文档格式对象中，得到文档实例对象；

利用所述表单引擎将所述文档实例对象解析为Web页面，以在浏览器中展现所述Web页面。

5.一种网页表单的生成装置，其特征在于，所述装置包括：

表单绘制单元，用于利用Excel软件绘制网页表单的模板样式，得到可编辑的模板定义文件；

配置单元，用于在所述Excel软件中配置所述模板定义文件中的表单元素，得到可编辑的配置文件；

表单生成单元，用于根据所述模板定义文件和所述配置文件生成网页表单。

6.根据权利要求5所述的装置，其特征在于，所述配置单元，用于在所述Excel软件中，利用表单设计器对所述模板定义文件中的表单元素进行配置，所述表单元素包括表单区域、动态表格的区域、单元格、表单样式；所述表单设计器用于配置表单元素，且与所述Excel软件关联。

7.根据权利要求5所述的装置，其特征在于，所述模板定义文件和所述配置文件均为OpenXML格式，所述装置还包括存储单元；

所述存储单元，用于通过扩展XML的方式，将所述配置文件存储在所述模板定义文件中，得到OpenXML格式的模板定义文件；

所述表单生成单元，用于利用表单引擎解析所述模板定义文件，根据解析结果生成所述网页表单。

8.根据权利要求7所述的装置，其特征在于，所述表单生成单元，具体用于利用所述表单引擎将所述模板定义文件解析为服务器内存中的文档格式对象；从数据库中获得相关的用户数据，通过将所述用户数据填充到所述文档格式对象中，得到文档实例对象；利用所述表单引擎将所述文档实例对象解析为Web页面，以在浏览器中展现所述Web页面。

9.一种网页表单的生成装置，包括处理器和机器可读存储介质，所述机器可读存储介质存储有能够被所述处理器执行的机器可执行指令，所述处理器被所述机器可执行指令促使：执行如权利要求1～4任一所述的网页表单的生成方法。

10.一种机器可读存储介质，存储有机器可执行指令，在被处理器调用和执行时，所述机器可执行指令促使所述处理器：执行如权利要求1～4任一所述的网页表单的生成方法。