CN116226035A - 将OpenXML文档转换为Web表单的方法及装置 - Google Patents

Abstract

本发明公开了一种将OpenXML文档转换为Web表单的方法及装置，涉及计算机软件领域，该方法包括导入需转换的OpenXML文档，并基于导入的OpenXML文档，生成OpenXML元素集合；解析OpenXML元素集合，并将OpenXML元素集合中的XML元素保存至创建的队列中；解析队列，将队列中的元素均渲染为DOM对象，且每个DOM对象均继承对应元素在OpenXML文档中的排版和样式；生成HTML文件头和Form元素，并将DOM对象插入Form元素中以作为子元素，得到HTML文件。本发明能够有效消除人工编码导致的不确定因素，有效降低运维阶段的新增和修改表单的时间成本。

Description

将OpenXML文档转换为Web表单的方法及装置

技术领域

本发明涉及计算机软件领域，具体涉及一种将OpenXML文档转换为Web表单的方法及装置。

背景技术

当前，无纸化办公在各个领域得到广泛应用，许多企业将线下纸质审批的流程转移到了线上，这些线上流程同时也继承了线下审批的一些特征，例如，线下审批时常通过表格形式收集各类文件信息，而当前这一类表格通常可由基于OpenXML(一种基于XML语言的针对字处理文档、演示文稿和电子表格的国际化开放标准)的各种文字编辑器进行绘制，进而打印成纸质文件。

OpenXML和浏览器使用的HTML(HyperTextMarkupLanguage，超文本标记语言)语言具有极高的相似性。如果可以将这一类表格快速转变为浏览器中可查看和编辑的原生表单元件，不但能保留用户熟悉的操作和填写习惯，提升用户体验，还可以极大地降低将表单移植到浏览器环境的成本。

Web(网页)应用程序中的表单，通常由开发人员使用符合HTML5(超文本5.0)规格的表单元素手工进行绘制，而绘制浏览器表单的参照通常是一份用户提供的电子文档。传统的表单绘制方法包括硬编码绘制和表单设计器绘制。

对于硬编码绘制，HTML标准提供了多种制表元素和输入元素。通过调整各个元素对应的CSS(CascadingStyleSheets，层叠样式表)样式可以实现与文档表格外观近似的表单布局。此类绘制方法有许多令人诟病的地方，例如：开发人员的编码风格可能会导致文本编辑器中的元素布局方式与HTML元素的布局出现差异，无法与OpenXML中的定义完全对应，而且难以通过标准化的方式加以控制。因此，通过这种方式绘制的表单，与纸质表单的版式并不完全相同。如果原文档中的表单结构或元素发生变化，则需要根据新需求重新绘制表单中的部分内容并相应地调整样式。

对于表单设计器绘制，表单设计器是对一类使用可视化的、易操作的方式生成可在浏览器内展示的表单生成工具的统称。表单设计器的本质是将表单设计的过程低代码化，将代码和配置转换为用户界面中的配置。然而，表单设计器绘制的表单通常是比较规整的平铺层级结构，并不能很好地适应嵌套层级复杂的自定义布局和样式。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种将OpenXML文档转换为Web表单的方法及装置，能够有效消除人工编码导致的不确定因素，有效降低运维阶段的新增和修改表单的时间成本。

为达到以上目的，本发明提供的一种将OpenXML文档转换为Web表单的方法，具体包括以下步骤：

导入需转换的OpenXML文档，并基于导入的OpenXML文档，生成OpenXML元素集合；

解析OpenXML元素集合，并将OpenXML元素集合中的XML元素保存至创建的队列中；

解析队列，将队列中的元素均渲染为DOM对象，且每个DOM对象均继承对应元素在OpenXML文档中的排版和样式；

生成HTML文件头和Form元素，并将DOM对象插入Form元素中以作为子元素，得到HTML文件。

在上述技术方案的基础上，所述导入需转换的OpenXML文档，具体步骤包括：

选择需转换的文档，并读取选择的文档以判断选择的文档是否为二进制类型的文件：

若是，则将选择的文档转换为OpenXML文档；

若否，则结束。

在上述技术方案的基础上，所述将OpenXML元素集合中的XML元素保存至创建的队列中，具体步骤包括：

将OpenXML元素集合中属性名为word或document的元素保存至创建的队列中。

在上述技术方案的基础上，所述解析队列，将队列中的元素均渲染为DOM对象，具体步骤包括：

创建用于缓存DOM对象的数组；

依次解析队列中的元素，将队列中的元素渲染为DOM对象并保存至创建的数组中；

判断队列中是否还存在未解析的元素：

若存在，则将队列中未解析的元素渲染为DOM对象并保存至创建的数组中，然后结束对队列的解析；

若不存在，则结束对队列的解析。

在上述技术方案的基础上，所述将队列中的元素均渲染为DOM对象，具体步骤包括：

获取队列中元素的标签名，并基于元素的标签名：

若标签名为w:tbl，则获取元素的所有行并生成对应的DOM对象，获取元素的子元素中标签名为w:tblPr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象；

若标签名不为w:tbl，则判断元素是否为依赖VBA或Active进行编程的高级控件：

-若是，则标记高级控件对应的name属性，获取元素的子元素中标签名为元素标签名+Pr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象；

-若否，则将元素标记为自然段或文本，并将文本的内容标记为DOM的内部文字属性，获取元素的子元素中标签名为元素标签名+Pr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象。

在上述技术方案的基础上，在获取元素的子元素中标签名为w:tblPr的布局元素，并将获取的布局元素转换为CSS样式表之后，构造得到当前元素的DOM对象之前，还包括：

判断表格行内容是否为空：

若为空，则获取表格内的所有w:tc元素，创建包含所有w:tc元素的队列，解析队列，从而构造得到当前元素的DOM对象；

若不为空，则构造得到当前元素的DOM对象。

在上述技术方案的基础上，所述获取元素的所有行并生成对应的DOM对象，具体步骤包括：

获取w:tbl元素中的所有w:tr元素，生成与w:tr元素对应的DOM对象，作为所有子元素的容器。

本发明提供的一种将OpenXML文档转换为Web表单的装置，包括：

导入模块，其用于导入需转换的OpenXML文档，并基于导入的OpenXML文档，生成OpenXML元素集合；

解析模块，其用于解析OpenXML元素集合，并将OpenXML元素集合中的XML元素保存至创建的队列中；

渲染模块，其用于解析队列，将队列中的元素均渲染为DOM对象，且每个DOM对象均继承对应元素在OpenXML文档中的排版和样式；

生成模块，其用于生成HTML文件头和Form元素，并将DOM对象插入Form元素中以作为子元素，得到HTML文件。

在上述技术方案的基础上，所述导入需转换的OpenXML文档，具体过程包括：

选择需转换的文档，并读取选择的文档以判断选择的文档是否为二进制类型的文件：

若是，则将选择的文档转换为OpenXML文档；

若否，则结束。

在上述技术方案的基础上，所述将OpenXML元素集合中的XML元素保存至创建的队列中，具体过程包括：

将OpenXML元素集合中属性名为word或document的元素保存至创建的队列中。

与现有技术相比，本发明的优点在于：通过导入基于OpenXML的文档文件，文件经由应用程序在远程或本地解析后，生成可以被浏览器读取和解析的元素，本发明的转换方法支持对高复杂度表单进行递归处理，适用于各类排版复杂的信息收集表单和报表，表单解析步骤标准化，有效消除人工编码导致的不确定因素，有效降低运维阶段的新增和修改表单的时间成本，增强表单的可复用性和可扩展性，表单可由非专业编码人员通过文档编辑软件直接修改，提升了用户友好性。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例中一种将OpenXML文档转换为Web表单的方法的流程图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。

常见的文档编辑工具皆使用OpenXML作为存储文档的底层规范，而绘制表单通常会利用各类编辑器中提供的表格控件。表格控件在OpenXML中的形式非常接近HTML规格中的表格、表格行等元素。通过引入OpenXML文档解释器，便可以自动将基于OpenXML的文档解析为HTML元素，识别与OpenXML节点对应的属性和样式，并将它们组合为能够被浏览器直接识别的HTML和CSS文件。这些文件可以作为静态文件由浏览器直接读取，或者作为动态的字符串数据，由浏览器在运行时动态渲染。这种将OpenXML分解为Web工程文件的方法，使得生成的表格作为一种可以灵活使用的资源，更容易被项目集成和扩展开发。

参见图1所示，本发明实施例提供的一种将OpenXML文档转换为Web表单的方法，具体包括以下步骤：

S1：导入需转换的OpenXML文档，并基于导入的OpenXML文档，生成OpenXML元素集合；

本发明中，导入需转换的OpenXML文档，具体步骤包括：

选择需转换的文档，并读取选择的文档以判断选择的文档是否为二进制类型的文件：

若是，则将选择的文档转换为OpenXML文档；

若否，则结束。

即开发者或用户选择并输入一份文档，然后读取文档，如果文档文件是二进制类型的文件，则按需转换为OpenXML类型的文件。

S2：解析OpenXML元素集合，并将OpenXML元素集合中的XML元素保存至创建的队列中；

本发明中，将OpenXML元素集合中的XML(ExtensibleMarkup Language，可扩展标记语言)元素保存至创建的队列中，具体步骤包括：

将OpenXML元素集合中属性名为word(文字)或document(文件)的元素保存至创建的队列中。

在一种可能的实施方式中，元素可能还包含子元素，故在将元素保存至创建的队列中时，也需将元素的子元素保存至队列中。

S3：解析队列，将队列中的元素均渲染为DOM(DocumentObject Model，文档对象模型)对象，且每个DOM对象均继承对应元素在OpenXML文档中的排版和样式；

即通过解析OpenXML文档元素的方式来解析队列，从而将每个元素及其子元素转化为一个更容易被解析为HTML的数据对象。

S4：生成HTML文件头和Form元素(用于生成输入表单)，并将DOM对象插入Form元素中以作为子元素，得到HTML文件。

本发明中，解析队列，将队列中的元素均渲染为DOM对象，具体步骤包括：

S301：创建用于缓存DOM对象的数组；

S302：依次解析队列中的元素，将队列中的元素渲染为DOM对象并保存至创建的数组中；

S303：判断队列中是否还存在未解析的元素：

若存在，则将队列中未解析的元素渲染为DOM对象并保存至创建的数组中，然后结束对队列的解析；

若不存在，则结束对队列的解析。

本发明中，将队列中的元素均渲染为DOM对象，具体步骤包括：

获取队列中元素的标签名，并基于元素的标签名：

若标签名为w:tbl，则获取元素的所有行并生成对应的DOM对象，获取元素的子元素中标签名为w:tblPr的布局元素，并将获取的布局元素转换为CSS样式表(即将布局标记转换为浏览器能够识别的CSS样式表)，构造得到当前元素的DOM对象；w:tblPr用于定义表格范围内的属性，比如表格的边框、内容的对齐方式等。

若标签名不为w:tbl，则判断元素是否为依赖VBA(VisualBasicforApplications，VisualBasic宏语言)或Active(一种控件)进行编程的高级控件：

-若是，则标记高级控件对应的name(名称)属性，获取元素的子元素中标签名为元素标签名+Pr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象；Pr，即paragraph.runs，指段落之中可以获取到的行内元素，诸如内容、字体、颜色、字号等等。

-若否，则将元素标记为自然段或文本，并将文本的内容标记为DOM的内部文字属性，获取元素的子元素中标签名为元素标签名+Pr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象。

需要说明的是，w:tbl、w:tr、w:tc等是符合OpenXML标准的、具有语义的标签名称，tbl表示table(表格)，tr表示tablerow(表格行)，tc表示tablecell(单元格)。标签前方的“w:”表示OpenXML文档中常见的一种命名空间。

本发明中，在获取元素的子元素中标签名为w:tblPr的布局元素，并将获取的布局元素转换为CSS样式表之后，构造得到当前元素的DOM对象之前，还包括：

判断表格行内容是否为空：

若为空，则获取表格内的所有w:tc元素，创建包含所有w:tc元素的队列，解析队列，从而构造得到当前元素的DOM对象；

若不为空，则构造得到当前元素的DOM对象。

本发明中，获取元素的所有行并生成对应的DOM对象，具体步骤包括：

获取w:tbl元素中的所有w:tr元素，生成与w:tr元素对应的DOM对象，作为所有子元素的容器。

本发明实施例的将OpenXML文档转换为Web表单的方法，通过导入基于OpenXML的文档文件，文件经由应用程序在远程或本地解析后，生成可以被浏览器读取和解析的元素，本发明的转换方法支持对高复杂度表单进行递归处理，适用于各类排版复杂的信息收集表单和报表，表单解析步骤标准化，有效消除人工编码导致的不确定因素，有效降低运维阶段的新增和修改表单的时间成本，增强表单的可复用性和可扩展性，表单可由非专业编码人员通过文档编辑软件直接修改，提升了用户友好性。此外，本发明也可用于生成OpenXML文档中非表格类型的文本元素。

本发明实施例提供的一种将OpenXML文档转换为Web表单的装置，包括导入模块、解析模块、渲染模块和生成模块。

导入模块用于导入需转换的OpenXML文档，并基于导入的OpenXML文档，生成OpenXML元素集合；解析模块用于解析OpenXML元素集合，并将OpenXML元素集合中的XML元素保存至创建的队列中；渲染模块用于解析队列，将队列中的元素均渲染为DOM对象，且每个DOM对象均继承对应元素在OpenXML文档中的排版和样式；生成模块用于生成HTML文件头和Form元素，并将DOM对象插入Form元素中以作为子元素，得到HTML文件。

本发明中，导入需转换的OpenXML文档，具体过程包括：

选择需转换的文档，并读取选择的文档以判断选择的文档是否为二进制类型的文件：

若是，则将选择的文档转换为OpenXML文档；

若否，则结束。

本发明中，将OpenXML元素集合中的XML元素保存至创建的队列中，具体过程包括：

将OpenXML元素集合中属性名为word或document的元素保存至创建的队列中。

以上所述仅是本申请的具体实施方式，使本领域技术人员能够理解或实现本申请。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。

本发明是参照根据本发明实施例的方法、设备(系统)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

Claims (10)

1.一种将OpenXML文档转换为Web表单的方法，其特征在于，具体包括以下步骤：

导入需转换的OpenXML文档，并基于导入的OpenXML文档，生成OpenXML元素集合；

解析OpenXML元素集合，并将OpenXML元素集合中的XML元素保存至创建的队列中；

解析队列，将队列中的元素均渲染为DOM对象，且每个DOM对象均继承对应元素在OpenXML文档中的排版和样式；

生成HTML文件头和Form元素，并将DOM对象插入Form元素中以作为子元素，得到HTML文件。

2.如权利要求1所述的一种将OpenXML文档转换为Web表单的方法，其特征在于，所述导入需转换的OpenXML文档，具体步骤包括：

选择需转换的文档，并读取选择的文档以判断选择的文档是否为二进制类型的文件：

若是，则将选择的文档转换为OpenXML文档；

若否，则结束。

3.如权利要求1所述的一种将OpenXML文档转换为Web表单的方法，其特征在于，所述将OpenXML元素集合中的XML元素保存至创建的队列中，具体步骤包括：

将OpenXML元素集合中属性名为word或document的元素保存至创建的队列中。

4.如权利要求1所述的一种将OpenXML文档转换为Web表单的方法，其特征在于，所述解析队列，将队列中的元素均渲染为DOM对象，具体步骤包括：

创建用于缓存DOM对象的数组；

依次解析队列中的元素，将队列中的元素渲染为DOM对象并保存至创建的数组中；

判断队列中是否还存在未解析的元素：

若存在，则将队列中未解析的元素渲染为DOM对象并保存至创建的数组中，然后结束对队列的解析；

若不存在，则结束对队列的解析。

5.如权利要求1所述的一种将OpenXML文档转换为Web表单的方法，其特征在于，所述将队列中的元素均渲染为DOM对象，具体步骤包括：

获取队列中元素的标签名，并基于元素的标签名：

若标签名为w:tbl，则获取元素的所有行并生成对应的DOM对象，获取元素的子元素中标签名为w:tblPr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象；

若标签名不为w:tbl，则判断元素是否为依赖VBA或Active进行编程的高级控件：

-若是，则标记高级控件对应的name属性，获取元素的子元素中标签名为元素标签名+Pr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象；

-若否，则将元素标记为自然段或文本，并将文本的内容标记为DOM的内部文字属性，获取元素的子元素中标签名为元素标签名+Pr的布局元素，并将获取的布局元素转换为CSS样式表，构造得到当前元素的DOM对象。

6.如权利要求5所述的一种将OpenXML文档转换为Web表单的方法，其特征在于，在获取元素的子元素中标签名为w:tblPr的布局元素，并将获取的布局元素转换为CSS样式表之后，构造得到当前元素的DOM对象之前，还包括：

判断表格行内容是否为空：

若为空，则获取表格内的所有w:tc元素，创建包含所有w:tc元素的队列，解析队列，从而构造得到当前元素的DOM对象；

若不为空，则构造得到当前元素的DOM对象。

7.如权利要求5所述的一种将OpenXML文档转换为Web表单的方法，其特征在于，所述获取元素的所有行并生成对应的DOM对象，具体步骤包括：

获取w:tbl元素中的所有w:tr元素，生成与w:tr元素对应的DOM对象，作为所有子元素的容器。

8.一种将OpenXML文档转换为Web表单的装置，其特征在于，包括：

导入模块，其用于导入需转换的OpenXML文档，并基于导入的OpenXML文档，生成OpenXML元素集合；

解析模块，其用于解析OpenXML元素集合，并将OpenXML元素集合中的XML元素保存至创建的队列中；

渲染模块，其用于解析队列，将队列中的元素均渲染为DOM对象，且每个DOM对象均继承对应元素在OpenXML文档中的排版和样式；

生成模块，其用于生成HTML文件头和Form元素，并将DOM对象插入Form元素中以作为子元素，得到HTML文件。

9.如权利要求8所述的一种将OpenXML文档转换为Web表单的装置，其特征在于，所述导入需转换的OpenXML文档，具体过程包括：

选择需转换的文档，并读取选择的文档以判断选择的文档是否为二进制类型的文件：

若是，则将选择的文档转换为OpenXML文档；

若否，则结束。

10.如权利要求8所述的一种将OpenXML文档转换为Web表单的装置，其特征在于，所述将OpenXML元素集合中的XML元素保存至创建的队列中，具体过程包括：

将OpenXML元素集合中属性名为word或document的元素保存至创建的队列中。

Images