CN107544952A - 报表生成方法、装置、存储介质和计算机设备 - Google Patents

Abstract

本发明涉及一种报表生成方法、装置、存储介质和计算机设备。获取多个报表数据，再创建离线节点。将多个报表数据批量附加至离线节点下，将离线节点附加到报表显示页面的DOM结构中，最后在报表显示页面生成包含多个报表数据的报表。在将获取的多个报表数据更新至报表显示页面的过程中，先创建一个临时的离线节点，批量将多个报表数据统一附加至离线节点，因离线节点中的内容并未同步至报表显示页面的DOM结构中，所以不需要频繁对报表显示页面的DOM结构中进行操作。然后再将离线节点一次性附加至报表显示页面的DOM结构中，就生成包含多个报表数据的报表。在报表生成过程中大大减少了对报表显示页面的DOM结构的频繁操作，降低了运行负荷、提高了运行效率。

Description

报表生成方法、装置、存储介质和计算机设备

技术领域

本发明涉及办公软件技术领域，特别是涉及一种报表生成方法、装置、存储介质和计算机设备。

背景技术

报表一般指用表格、图表等格式来动态显示数据的一种载体，可以用公式表示为：“报表＝多样的格式+动态的数据”。报表中承载了用报表数据表示的很多信息，通过报表我们可以直观地获取到这些信息。且在报表的使用过程中，我们需要不断的对报表的数据进行添加或修改以更新整个报表。传统的方法，当报表中有新的数据需要添加或更新的时候，会对报表进行频繁的操作。这些频繁的操作会严重影响报表的性能，加重负载、降低运行速度。

发明内容

基于此，有必要针对上述技术问题，提供一种报表生成方法、装置、存储介质和计算机设备。

一种报表生成方法，所述方法包括：

获取多个报表数据；

创建离线节点；

将所述多个报表数据批量附加至所述离线节点下；

将所述离线节点附加到报表显示页面的DOM结构中；

在报表显示页面生成包含所述多个报表数据的报表。

在其中一个实施例中，在所述获取多个报表数据之后，包括：

将所述多个报表数据拼接到字符串中；

所述将多个报表数据批量附加至所述离线节点下，包括：

将所述字符串通过INNERHTML获取元素内容的方式附加至所述离线节点下。

在其中一个实施例中，所述创建离线节点，包括：

创建临时的DIV节点。

在其中一个实施例中，所述将所述离线节点附加到报表显示页面的DOM结构中，包括：

将所述离线节点的子节点返回并附加到报表显示页面的DOM结构中，所述子节点中包含了所述多个报表数据。

在其中一个实施例中，所述方法还包括：

当检测到生成的报表的冻结列的总宽度达到第一设定阈值，则将所述报表的显示方式从竖屏切换至横屏；

当在横屏的显示方式下，检测到报表的冻结列的总宽度达到第二设定阈值，则对冻结列的宽度和顺序进行调整，使得报表的冻结列的总宽度小于所述第二设定阈值。

一种报表生成装置，所述装置包括：

报表数据获取模块，用于获取多个报表数据；

离线节点创建模块，用于创建离线节点；

报表数据批量添加模块，用于将所述多个报表数据批量附加至所述离线节点下；

离线节点附加模块，用于将所述离线节点附加到报表显示页面的DOM结构中；

报表生成模块，用于在报表显示页面生成包含所述多个报表数据的报表。

在其中一个实施例中，所述装置还包括：

报表数据拼接模块，用于将所述多个报表数据拼接到字符串中；

所述报表数据批量添加模块还用于将所述字符串通过INNERHTML获取元素内容的方式附加至所述离线节点下。

在其中一个实施例中，所述离线节点创建模块还用于创建临时的DIV节点。

一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现以下步骤：

获取多个报表数据；

创建离线节点；

将所述多个报表数据批量附加至所述离线节点下；

将所述离线节点附加到报表显示页面的DOM结构中；

在报表显示页面生成包含所述多个报表数据的报表。

一种计算机设备，所述计算机设备包括存储器，处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

获取多个报表数据；

创建离线节点；

将所述多个报表数据批量附加至所述离线节点下；

将所述离线节点附加到报表显示页面的DOM结构中；

在报表显示页面生成包含所述多个报表数据的报表。

上述报表生成方法、装置、存储介质和计算机设备，首先获取多个报表数据，再创建离线节点。将多个报表数据批量附加至离线节点下，将离线节点附加到报表显示页面的DOM结构中，最后在报表显示页面生成包含多个报表数据的报表。在将获取的多个报表数据更新至报表显示页面的过程中，可以先创建一个临时的离线节点，批量将多个报表数据统一附加至离线节点，因为离线节点中的内容并未同步至报表显示页面的DOM结构中，所以不需要频繁对报表显示页面的DOM结构中进行操作。然后再将离线节点一次性附加至报表显示页面的DOM结构中，实现在报表显示页面生成包含多个报表数据的报表。这样就不用像传统方法一样，获取一个报表数据，就得在报表显示页面的DOM结构中创建节点，这样频繁的对报表显示页面的DOM结构进行操作，严重影响性能，加重负载、降低运行速度。采用本方法后，在报表生成过程中大大减少了对报表显示页面的DOM结构的频繁操作，降低了运行负荷、提高了运行效率。

附图说明

图1为一个实施例中服务器的内部结构图；

图2为一个实施例中报表生成方法的流程图；

图3为另一个实施例中报表生成方法的流程图；

图4为再一个实施例中报表生成方法的流程图；

图5为又一个实施例中报表生成方法的流程图；

图6为一个实施例中报表生成装置的结构示意图；

图7为一个实施例中报表生成装置的结构示意图；

图8为一个实施例中报表生成装置的结构示意图；

图9为一个实施例中报表生成装置的结构示意图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图对本发明的具体实施方式做详细的说明。在下面的描述中阐述了很多具体细节以便于充分理解本发明。但是本发明能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本发明内涵的情况下做类似改进，因此本发明不受下面公开的具体实施的限制。

除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本发明。以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

在一个实施例中，如图1所示，还提供了一种服务器，该服务器包括通过***总线连接的处理器、非易失性存储介质、内存储器、网络接口，非易失性存储介质中存储有操作***和一种报表生成装置，该报表生成装置用于执行一种报表生成方法。该处理器用于提高计算和控制能力，支撑整个服务器的运行。内存储器用于为非易失性存储介质中的报表生成装置的运行提供环境，该内存储器中可储存有计算机可读指令，该计算机可读指令被处理器执行时，可使得该处理器执行一种报表生成方法。网络接口用于与终端进行网络通信，接收或发送数据，例如接收终端发送的报表生成的请求，以及向终端发送生成的报表等。

在一个实施例中，如图2所示，提供了一种报表生成方法，以该方法应用于图1中的服务器为例进行说明，包括：

步骤202，获取多个报表数据。

报表一般指用表格、图表等格式来动态显示数据的一种载体。例如一些财务数据、销售数据、统计数据等。在报表的使用过程中，会不断地更新数据或者添加新的数据。在进行更新或添加新的数据的时候，具体的，可以是人工输入数据，也可以是调用数据之后，获取到这些需要更新或添加至报表显示页面的数据。

步骤204，创建离线节点。

获取到这些需要更新或添加至报表显示页面的数据之后，创建临时的离线节点—DOM节点。离线节点中的内容并未实时同步至报表显示页面的DOM结构中。DOM(DocumentObject Model，文档对象模型)，通过JavaScript操作DOM，可以重构整个HTML(HyperTextMarkup Language，超文本标记语言)文档、添加、移除、改变或重排页面上的项目。假设把文档看成一个单独的对象，DOM就是如何用HTML或者XML(Extensible Markup Language，可扩展标记语言)对这个对象进行操作和控制的标准。要改变页面的某个东西，JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过DOM来获得的。DOM被分为不同的部分(核心、XML及HTML)：Core DOM(核心的DOM)定义了一套标准的针对任何结构化文档的对象；XML DOM定义了一套标准的针对XML文档的对象；HTML DOM定义了一套标准的针对HTML文档的对象。

步骤206，将多个报表数据批量附加至离线节点下。

获取到这些需要更新或添加至报表显示页面的数据，并创建了临时的离线节点—DOM节点之后。将这些多个报表数据组合成一个整体，然后批量统一附加至离线节点下，即临时的DOM节点下。不需要像传统方法一样，获取一个报表数据，就得在报表显示页面的DOM结构中创建节点。

步骤208，将离线节点附加到报表显示页面的DOM结构中。

在多个报表数据批量附加至离线节点下之后，将该离线节点的第一个子节点返回并附加到报表显示页面的DOM结构中。离线节点的第一个子节点中包含了报表的主体内容，具体为，新添加的多个报表数据。

步骤210，在报表显示页面生成包含多个报表数据的报表。

在该离线节点的第一个子节点返回并附加到报表显示页面的DOM结构中之后，报表显示页面的DOM结构进行了更新。通过JavaScript操作更新之后的DOM结构中的DOM节点，来生成新的报表。新的报表显示了获取的多个报表数据。

本实施例中，首先获取多个报表数据，再创建离线节点。将多个报表数据批量附加至离线节点下，将离线节点附加到报表显示页面的DOM结构中，最后在报表显示页面生成包含多个报表数据的报表。在将获取的多个报表数据更新至报表显示页面的过程中，可以先创建一个临时的离线节点，批量将多个报表数据统一附加至离线节点，因为离线节点并未同步至报表显示页面，所以不需要频繁对报表显示页面进行操作。然后再将离线节点一次性附加至报表显示页面的DOM结构中，实现在报表显示页面生成包含多个报表数据的报表。这样就不用像传统方法一样，获取一个报表数据，就得在报表显示页面的DOM结构中创建节点，这样频繁的对报表显示页面的DOM结构进行操作，严重影响性能，加重负载、降低运行速度。采用本方法后，在报表生成过程中大大减少了对报表显示页面的DOM结构的频繁操作，降低了运行负荷、提高了运行效率。

在一个实施例中，如图3所示，在获取多个报表数据之后，包括：

步骤203，将多个报表数据拼接到字符串中。

在获取多个报表数据之后，为了便于后续将多个报表数据批量附加至创建的离线节点下。由于报表的数据结构一般是行×列组成，所以通过两个FOR循环语句把每个报表数据对应的数据元都拼接到一个首尾是”<div>””</div>”的字符串中。具体的，例如:

[<div>

报表数据报表数据报表数据…

报表数据报表数据报表数据

</div>]

然后，将括号内的字符串内容通过INNERHTML(获取元素内容(包含文本、标签元素))加到离线节点中去。具体的，当首尾是”<div>””</div>”的字符串中的数据量达到一定阈值，就将这个字符串附加至离线节点下，也可以是在一定时间段内将这个字符串附加至离线节点下。当然，也可以设置其他合理的条件进行限定，从而将这个字符串附加至离线节点下。

在本实施例中，将多个报表数据通过两个FOR循环语句把每个报表数据对应的数据元都拼接到一个首尾是”<div>””</div>”的字符串中。再将字符串附加至离线节点下，将离线节点附加到报表显示页面的DOM结构中。从而解决了传统方法一样，获取一个报表数据，就得在报表显示页面的DOM结构中创建节点，这样频繁的对报表显示页面的DOM结构进行操作，严重影响性能，加重负载、降低运行速度的问题。

在一个实施例中，创建离线节点，包括：创建临时的DIV节点。

创建离线节点—DOM节点，具体为，例如可以是创建临时的DIV节点，这个DIV节点也是离线的。当然，不限于是DIV节点，也可以是创建其他节点。只要能够实现将获取到这些需要更新或添加至报表显示页面的数据附加至该节点下即可。

DIV是层叠样式表中的定位技术，全称Division，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。DIV的作用是让内容包裹在DIV内，从而实现各式各样的美化。比如对DIV设置边框，这样内容区域就有了边框样式、对DIV设置字体颜色这样对应DIV内字体就有了各式各样的颜色；对DIV设置背景颜色或背景图片，这样DIV内的内容就有了漂亮的CSS(Cascading Style Sheets,层叠样式表)背景。

在本实施例中，采用创建临时的DIV节点实现了将获取到这些需要更新或添加至报表显示页面的数据附加至该节点下，且不会实时更新至报表显示页面的DOM结构中。从而不用频繁的对报表显示页面的DOM结构进行操作，解决了频繁对报表显示页面的DOM结构进行操作所引起的严重影响性能，加重负载、降低运行速度的问题。

在一个实施例中，将离线节点附加到报表显示页面的DOM结构中，包括：将离线节点的子节点返回并附加到报表显示页面的DOM结构中，子节点中包含了多个报表数据。

在多个报表数据批量附加至离线节点下之后，将该离线节点的第一个子节点返回并附加到报表显示页面的DOM结构中。离线节点的第一个子节点中包含了报表的主体内容，具体为，新添加的多个报表数据。具体的，HTML页面的DOM结构如下所示:

将上面含有报表内容的临时节点***到<div id＝’content’>中去，整个报表内容就呈现在报表页面中了，即生成了新的报表。

在本实施例中，通过将包含了报表内容的离线节点的第一个子节点返回并附加到报表显示页面的DOM结构中。从而对DOM结构进行了更新，后续整个报表内容就呈现在报表页面中了，即生成了新的报表。

在一个实施例中，如图4所示，在将离线节点附加到报表显示页面的DOM结构中之后，还包括：

步骤209，将离线节点删除。

在本实施例中，因为这个离线节点是临时建立的，用于将多个报表数据以字符串的形式附加至该临时节点下，当满足条件，就将临时节点附加到报表显示页面的DOM结构中。在将临时节点附加到报表显示页面的DOM结构中之后，这个临时节点的存在就没有意义了，所以将离线节点删除，可以清除缓存，提高运行效率。

在一个实施例中，如图5所示，提供了一种报表生成方法，还包括：

步骤502，当检测到生成的报表的冻结列的总宽度达到第一设定阈值，则将报表的显示方式从竖屏切换至横屏。

上述生成的报表还具有冻结列的功能。具体的，用户设置冻结列的总宽度达到一个第一设定阈值，例如，移动终端屏幕的四分之三的宽度，当然也可以是其他宽度。当检测到生成的报表的冻结列的总宽度达到第一设定阈值，则移动终端智能从竖屏切换至横屏，同时页面监听页面的RESIZE事件，在移动终端横竖屏切换时把竖屏显示的报表同步到横屏显示的报表中去。RESIZE事件是指在改变窗口显示大小时被触发的事件。这样在冻结列的总宽度达到第一设定阈值时候，从竖屏切换至横屏，就可以让用户在浏览报表数据的时候有更充分的空间，提高浏览的效率。

步骤504，当在横屏的显示方式下，检测到报表的冻结列的总宽度达到第二设定阈值，则对冻结列的宽度和顺序进行调整，使得报表的冻结列的总宽度小于第二设定阈值。

当在横屏显示的方式下时候，检测报表的冻结列的总宽度达到第二设定阈值，还提供配置项，用于对冻结列的宽度和顺序进行调整。具体为，第二设定阈值可以与第一设定阈值相同，当然也可以与第一设定阈值不相同。在检测报表的冻结列的总宽度达到第二设定阈值，则用户可以通过配置项设置冻结列的宽度和顺序，例如，可以设置冻结列自动偏移，即将冻结列的宽度进行缩小，当然也可以设置偏移量，如每次缩小多少，例如，0.2cm。还可以调整冻结列的排序来使得报表的冻结列的总宽度小于第二设定阈值。例如，用户可能先冻结A，EF三个字段，但A与E之间隔了BCD三个字段，而导致冻结的列数太多以致冻结列宽占据大量的屏幕空间，这个时候用户可以通过配置项来调整字段的排序(例如变成AEFBCD)，从而只需要冻结前3列来达到一个精确冻结列的效果。大大地减小了冻结列在屏幕中所占的范围。

在一个实施例中，如图6所示，还提供了一种报表生成装置600，该装置包括：报表数据获取模块610、离线节点创建模块620、报表数据批量添加模块630、离线节点附加模块640及报表生成模块650。

报表数据获取模块610，用于获取多个报表数据。

离线节点创建模块620，用于创建离线节点。

报表数据批量添加模块630，用于将多个报表数据批量附加至离线节点下。

离线节点附加模块640，用于将离线节点附加到报表显示页面的DOM结构中。

报表生成模块650，用于在报表显示页面生成包含多个报表数据的报表。

在一个实施例中，如图7所示，还提供了一种报表生成装置600，该装置还包括：报表数据拼接模块660，用于将多个报表数据拼接到字符串中。

报表数据批量添加模块630还用于将字符串通过INNERHTML获取元素内容的方式附加至离线节点下。

在一个实施例中，离线节点创建模块620还用于创建临时的DIV节点。

在一个实施例中，离线节点附加模块640还用于将离线节点的子节点返回并附加到报表显示页面的DOM结构中，子节点中包含了多个报表数据。

在一个实施例中，如图8所示，还提供了一种报表生成装置600，该装置还包括：删除模块670，用于将离线节点删除。

在一个实施例中，如图9所示，还提供了一种报表生成装置600，该装置还包括：

横竖屏切换模块680，用于当检测到生成的报表的冻结列的总宽度达到第一设定阈值，则将报表的显示方式从竖屏切换至横屏。

冻结列调整模块690，用于当在横屏的显示方式下，检测到报表的冻结列的总宽度达到第二设定阈值，则对冻结列的宽度和顺序进行调整，使得报表的冻结列的总宽度小于第二设定阈值。

在一个实施例中，还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现以下步骤：获取多个报表数据；创建离线节点；将多个报表数据批量附加至离线节点下；将离线节点附加到报表显示页面的DOM结构中；在报表显示页面生成包含多个报表数据的报表。

在一个实施例中，上述程序被处理器执行时还实现以下步骤：将多个报表数据拼接到字符串中将多个报表数据批量附加至离线节点下，包括：

将字符串通过INNERHTML获取元素内容的方式附加至离线节点下。

在一个实施例中，上述程序被处理器执行时还实现以下步骤：创建临时的DIV节点。

在一个实施例中，上述程序被处理器执行时还实现以下步骤：将离线节点的子节点返回并附加到报表显示页面的DOM结构中，子节点中包含了多个报表数据。

在一个实施例中，上述程序被处理器执行时还实现以下步骤：当检测到生成的报表的冻结列的总宽度达到第一设定阈值，则将报表的显示方式从竖屏切换至横屏；当在横屏的显示方式下，检测到报表的冻结列的总宽度达到第二设定阈值，则对冻结列的宽度和顺序进行调整，使得报表的冻结列的总宽度小于第二设定阈值。

在一个实施例中，还提供了一种计算机设备，该计算机设备包括存储器，处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：获取多个报表数据；创建离线节点；将多个报表数据批量附加至离线节点下；将离线节点附加到报表显示页面的DOM结构中；在报表显示页面生成包含多个报表数据的报表。

在一个实施例中，上述处理器执行计算机程序时还实现以下步骤：将多个报表数据拼接到字符串中将多个报表数据批量附加至离线节点下，包括：

将字符串通过INNERHTML获取元素内容的方式附加至离线节点下。

在一个实施例中，上述处理器执行计算机程序时还实现以下步骤：创建临时的DIV节点。

在一个实施例中，上述处理器执行计算机程序时还实现以下步骤：将离线节点的子节点返回并附加到报表显示页面的DOM结构中，子节点中包含了多个报表数据。

在一个实施例中，上述处理器执行计算机程序时还实现以下步骤：当检测到生成的报表的冻结列的总宽度达到第一设定阈值，则将报表的显示方式从竖屏切换至横屏；当在横屏的显示方式下，检测到报表的冻结列的总宽度达到第二设定阈值，则对冻结列的宽度和顺序进行调整，使得报表的冻结列的总宽度小于第二设定阈值。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，程序可存储于一非易失性的计算机可读取存储介质中，如本发明实施例中，该程序可存储于计算机***的存储介质中，并被该计算机***中的至少一个处理器执行，以实现包括如上述各方法的实施例的流程。其中，存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random AccessMemory，RAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种报表生成方法，所述方法包括：

获取多个报表数据；

创建离线节点；

将所述多个报表数据批量附加至所述离线节点下；

将所述离线节点附加到报表显示页面的DOM结构中；

在报表显示页面生成包含所述多个报表数据的报表。

2.根据权利要求1所述的方法，其特征在于，在所述获取多个报表数据之后，包括：

将所述多个报表数据拼接到字符串中；

所述将多个报表数据批量附加至所述离线节点下，包括：

将所述字符串通过INNERHTML获取元素内容的方式附加至所述离线节点下。

3.根据权利要求1所述的方法，其特征在于，所述创建离线节点，包括：

创建临时的DIV节点。

4.根据权利要求1所述的方法，其特征在于，所述将所述离线节点附加到报表显示页面的DOM结构中，包括：

将所述离线节点的子节点返回并附加到报表显示页面的DOM结构中，所述子节点中包含了所述多个报表数据。

5.一种报表生成方法，其特征在于，所述方法还包括：

当检测到生成的报表的冻结列的总宽度达到第一设定阈值，则将所述报表的显示方式从竖屏切换至横屏；

当在横屏的显示方式下，检测到报表的冻结列的总宽度达到第二设定阈值，则对冻结列的宽度和顺序进行调整，使得报表的冻结列的总宽度小于所述第二设定阈值。

6.一种报表生成装置，其特征在于，所述装置包括：

报表数据获取模块，用于获取多个报表数据；

离线节点创建模块，用于创建离线节点；

报表数据批量添加模块，用于将所述多个报表数据批量附加至所述离线节点下；

离线节点附加模块，用于将所述离线节点附加到报表显示页面的DOM结构中；

报表生成模块，用于在报表显示页面生成包含所述多个报表数据的报表。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

报表数据拼接模块，用于将所述多个报表数据拼接到字符串中；

所述报表数据批量添加模块还用于将所述字符串通过INNERHTML获取元素内容的方式附加至所述离线节点下。

8.根据权利要求6所述的装置，其特征在于，所述离线节点创建模块还用于创建临时的DIV节点。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权1至5中任一项所述的报表生成方法。

10.一种计算机设备，所述计算机设备包括存储器，处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权1至5中任一项所述的报表生成方法。