一种网页页面中的报表展示方法和装置与流程

本发明涉及网页技术领域，具体涉及一种网页页面中的报表展示方法和装置。

背景技术：

现有技术中，如果要在网页中展示报表数据，通常需要开发人员单独编写一个包含该报表的网页页面进行展示，而这样在报表量比较大的情况下，就很难实现。而如果将报表作为外置的表格(如Exce l表)进行插入虽然可以解决该问题，其功能又较为单一，并且不稳定。

技术实现要素：

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页页面中的报表展示方法和装置。

依据本发明的一个方面，提供了一种网页页面中的报表展示方法，包括：

获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据；

根据所述表头信息，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据；

按表头层级展示各表头名称，以及按列/行展示各表头名称对应的报表数据。

可选地，所述获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据包括：

将待展示报表的数据配置信息发送至服务器，接收服务器返回的一个或多个表头信息，以及和各表头信息对应的报表数据；所述数据配置信息包括如下中的至少一种：数据源地址、数据查询条件、字符集。

可选地，所述根据所述表头信息，确定表头的层级包括：

判断表头信息中的表头名称是否包含指定的分隔符；若不包含，则表头的层级为单层；若表头名称包含分隔符，则表头的层级为双层。

可选地，当表头的层级为单层时，将表头信息中的表头名称直接作为表头名称；

当表头的层级为双层时，从表头信息中的表头名称依分隔符分别提取出两个字符串，将每个字符串作为一个层级对应的表头名称。

可选地，所述按表头层级展示各表头名称包括：

生成该待展示报表的展示配置信息，包括：对该待展示列表的每个待展示的表头，新建一列/行，在该新建的列/行中，按所述待展示的表头的层级由高至低展示该待展示表头，若该待展示表头为单层表头，则表头占用的行/列数置为二，若该待展示表头为双层表头，则每层表头占用的行/列数置为一；如果该待展示报表的全部表头均为单层表头，将每个表头占用的行/列数改置为一；

在所述展示配置信息生成后，根据所述展示配置信息组装网页标签，展示各表头名称。

可选地，该方法还包括：

在所述待展示的表头为双层表头时，判断待展示的表头前是否有相邻的双层表头；

若有，判断该待展示表头的高层级表头与所述相邻的前一表头的高层级表头的名称是否相同，若相同则将该待展示表头的高层级表头与所述相邻的前一表头的高层级表头合并为一个单元格。

可选地，该方法还包括：

响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动至指定的列/行。

可选地，所述生成该待展示报表的展示配置信息还包括：在所述展示配置信息中记录各表头的展示顺序信息；

所述响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动指定的列/行包括：

根据所述待展示报表的展示配置信息判断表头移动指令的类型；

当所述表头移动指令为高层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该高层级表头及该高层级表头下的所有低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该高层级表头下的所有低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置；

当所述表头移动指令为低层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的低层级表头的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置。

可选地，所述表头信息中包括该表头对应的报表数据的显示类型；

所述按列/行展示各表头名称对应的报表数据包括：根据所述报表数据的显示类型，按列/行展示各表头名称对应的报表数据。

依据本发明的另一方面，提供了一种网页页面中的报表展示装置，包括：

获取单元，适于获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据；

展示单元，适于根据所述表头信息，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据；按表头层级展示各表头名称，以及按列/行展示各表头名称对应的报表数据。

可选地，所述获取单元，适于将待展示报表的数据配置信息发送至服务器，接收服务器返回的一个或多个表头信息，以及和各表头信息对应的报表数据；所述数据配置信息包括如下中的至少一种：数据源地址、数据查询条件、字符集。

可选地，所述展示单元，适于判断表头信息中的表头名称是否包含指定的分隔符；若不包含，则表头的层级为单层；若表头名称包含分隔符，则表头的层级为双层。

可选地，所述展示单元，适于当表头的层级为单层时，将表头信息中的表头名称直接作为表头名称；当表头的层级为双层时，从表头信息中的表头名称依分隔符分别提取出两个字符串，将每个字符串作为一个层级对应的表头名称。

可选地，所述展示单元，适于生成该待展示报表的展示配置信息，包括：对该待展示列表的每个待展示的表头，新建一列/行，在该新建的列/行中，按所述待展示的表头的层级由高至低展示该待展示表头，若该待展示表头为单层表头，则表头占用的行/列数置为二，若该待展示表头为双层表头，则每层表头占用的行/列数置为一；如果该待展示报表的全部表头均为单层表头，将每个表头占用的行/列数改置为一；在所述展示配置信息生成后，根据所述展示配置信息组装网页标签，展示各表头名称。

可选地，所述展示单元，适于在所述待展示的表头为双层表头时，判断待展示的表头前是否有相邻的双层表头；若有，判断该待展示表头的高层级表头与所述相邻的前一表头的高层级表头的名称是否相同，若相同则将该待展示表头的高层级表头与所述相邻的前一表头的高层级表头合并为一个单元格。

可选地，所述展示单元，还适于响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动至指定的列/行。

可选地，所述展示单元，还适于在所述展示配置信息中记录各表头的展示顺序信息；根据所述待展示报表的展示配置信息判断表头移动指令的类型；当所述表头移动指令为高层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该高层级表头及该高层级表头下的所有低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该高层级表头下的所有低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置；当所述表头移动指令为低层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的低层级表头的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置。

可选地，所述表头信息中包括该表头对应的报表数据的显示类型；

所述展示单元，适于根据所述报表数据的显示类型，按列/行展示各表头名称对应的报表数据。

由上述可知，本发明的技术方案，在网页中展示的报表包括表头数据和报表数据，通过获取待展示报表的表头信和各表头对应的报表数据，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据后按层级展示表头名称，以及各表头对应的列/行中展示对应的报表数据。该技术方案利用网页技术，实现了报表数据的插入，同时不需要开发人员为每份报表单独开发相应的网页页面，提高了报表的展示效率。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的一种网页页面中的报表展示方法的流程示意图；

图2示出了根据本发明一个实施例的一种网页页面中的报表展示装置的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明一个实施例的一种网页页面中的报表展示方法的流程示意图，如图1所示，该方法包括：

步骤S110，获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据。

通常而言，一个表头对应一列或一行的数据。但是这一列或一行的数据却可能对应多个表头，如下表所示：

报表1

A列和B列都有各自的表头(下层表头A和下层表头B)，同时也共有一个表头(上层表头)。但是上表是报表最终的展现形式，在本实施例中，会将上层表头分别作为A列和B列的表头信息进行记录，那么A列的表头信息可能包括：上层表头、下层表头A。

步骤S120，根据所述表头信息，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据。

表头信息可以包括其对应的报表数据的数据源，例如数据库A的数据表B的第m列。

步骤S130，按表头层级展示各表头名称，以及按列/行展示各表头名称对应的报表数据。

可见，图1所示的方法，在网页中展示的报表包括表头数据和报表数据，通过获取待展示报表的表头信和各表头对应的报表数据，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据后按层级展示表头名称，以及各表头对应的列/行中展示对应的报表数据。该技术方案利用网页技术，实现了报表数据的插入，同时不需要开发人员为每份报表单独开发相应的网页页面，提高了报表的展示效率。

在本发明的一个实施例中，上述方法中，所述获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据包括：将待展示报表的数据配置信息发送至服务器，接收服务器返回的一个或多个表头信息，以及和各表头信息对应的报表数据；所述数据配置信息包括如下中的至少一种：数据源地址、数据查询条件、字符集。

如果待展示报表是报表数据库中已有的报表，那么可以直接提供该报表的路径信息，获取该报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据。而如果是需要根据数据库中已有的数据表中的数据生成新的报表，那么本实施例提供了一种方法，即提交相应的数据配置信息，例如：数据源地址、数据查询条件、字符集。数据源地址可以指定使用一或多个数据库中的数据表的路径，而以MySQL数据库为例，数据查询条件可以为MySQL的标准查询语句。在服务器提供智能查询的情况下，用户可以仅提交必要的参数，由服务器进行标准查询语句的生成，这样用户还可以提供指定的字符集，避免因语句中包含中文等情况出现乱码。服务器可以根据最终确定的标准查询语句查询相应的数据库，返回一个或多个表头信息，以及和各表头信息对应的报表数据。

在本发明的一个实施例中，上述方法中，所述根据所述表头信息，确定表头的层级包括：判断表头信息中的表头名称是否包含指定的分隔符；若不包含，则表头的层级为单层；若表头名称包含分隔符，则表头的层级为双层。

例如报表1中，列A的表头信息中的表头名称可以为：上层表头#下层表头A，其中，“#”就是分隔符。具体地，当表头的层级为单层时，将表头信息中的表头名称直接作为表头名称；当表头的层级为双层时，从表头信息中的表头名称依分隔符分别提取出两个字符串，将每个字符串作为一个层级对应的表头名称。可以根据需求，预先设定分隔符前的字符串对应哪个层级的表头。

在本发明的一个实施例中，上述方法中，所述按表头层级展示各表头名称包括：生成该待展示报表的展示配置信息，包括：对该待展示列表的每个待展示的表头，新建一列/行，在该新建的列/行中，按所述待展示的表头的层级由高至低展示该待展示表头，若该待展示表头为单层表头，则表头占用的行/列数置为二，若该待展示表头为双层表头，则每层表头占用的行/列数置为一；如果该待展示报表的全部表头均为单层表头，将每个表头占用的行/列数改置为一；在所述展示配置信息生成后，根据所述展示配置信息组装网页标签，展示各表头名称。

例如，初始化两个数组，每个数组对应一个表头层级。数组可用属性存储表头占用的行/列数。从报表1可以看出，如果数据以列的方式呈现，那么对应的表头如果是双层表头，表头会占用多个行。那么相应地，如果数据以行的方式呈现，那么对应的表头如果是双层表头，表头则会占用多个列。

假设报表以列的方式呈现数据，第一列对应的表头为单层表头，那么新建一列，在该列中设置表头占两行；第二列对于的表头为双层表头，那么新建一列，在该列中设置每层表头占一行，但是由于有两层表头，因此表头所占的总行数与前一列是相同的。依次类推，如果整个报表都是单层表头，那么表头占用二行就没有意义，重新将其设置为占用一行。这样生成配置文件后，为表头配置网页标签th，展示表头名称。

在本发明的一个实施例中，上述方法还包括：在所述待展示的表头为双层表头时，判断待展示的表头前是否有相邻的双层表头；若有，判断该待展示表头的高层级表头与所述相邻的前一表头的高层级表头的名称是否相同，若相同则将该待展示表头的高层级表头与所述相邻的前一表头的高层级表头合并为一个单元格。

该过程可以在展示配置信息生成时进行。例如对一个以列形式展现数据的报表，数组以属性r存储表头占用的行数外，还以属性c存储占用的列数。以第一列对应的表头为双层表头为例，新建一列，将该表头占用的列数记为1；第二列如果依然是双层表头，则判断其上层表头与前一列的上层表头是否相同，如果相同，那么就将第一列表头占用的列数加1，记为2。以此类推，就实现了将相邻的名称相同的上层表头合并为一个单元格。在本例中，上层表头就是高层级表头，而在以行形式展现数据的报表中，高层级表头可以为左侧表头。

在本发明的一个实施例中，上述方法还包括：响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动至指定的列/行。具体地，所述生成该待展示报表的展示配置信息还包括：在所述展示配置信息中记录各表头的展示顺序信息；所述响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动指定的列/行包括：根据所述待展示报表的展示配置信息判断表头移动指令的类型；当所述表头移动指令为高层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该高层级表头及该高层级表头下的所有低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该高层级表头下的所有低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置；当所述表头移动指令为低层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的低层级表头的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置。

例如，以分隔符记录上层表头的展示顺序，以及记录每个上层表头的下层表头的展示顺序。为区分表头的层级，可以为数组设置一个属性p，例如p＝1为高层级表头，p＝0为低层级表头。这样在鼠标进入表头区域后，可以根据对应的数组的属性判断鼠标进入的是高层级表头还是低层级表头。如果鼠标进入了高层级表头，记录下各高层级表头包含的多个低层级表头数目。然后判断当前鼠标进入位置，以列形式展示的报表为例，如果是第一列的表头，只展示右移动箭头，如果是最后一列的表头，只展示左移动箭头，其余情况下同时展示左移动箭头和右移动箭头。当点击左移动或右移动箭头时，首先保存当前表头列的信息。如果是上层表头，并且包含多于1列，获取包含的下层表头列的列表。判断左移动还是右移动，获取新表头列的展示配置信息。新列如果是上层表头，并且包含多于1列，获取新列包含的下层表头列的列表。发送请求action，请求保存新的表头展示顺序信息。请求成功后，为了提升体验，此时不刷新页面，动态获取页面中数据，然后重新排版。如果移动的是上层表头，判断移动后是否有需要合并的表头，如果有则需要合并。最后，为了防止与边上的元素移动出现多余的箭头，再调用一边鼠标进入的函数。当鼠标离开表头区域时，左移动和右移动箭头消失。

在本发明的一个实施例中，上述方法中，所述表头信息中包括该表头对应的报表数据的显示类型；所述按列/行展示各表头名称对应的报表数据包括：根据所述报表数据的显示类型，按列/行展示各表头名称对应的报表数据。

例如，报表数据是存储在MySQL数据库中的，那么可以根据其在MySQL中的数据类型，判断该以何种方式在页面显示。如果是'tinyint','smallint','mediumint','int','integer','bigint'这些类型，则使用格式化数字方式显示；如果是'double','float','decimal'这些类型，则使用格式化小数方式显示；其它类型，使用默认的字符串方式显示。

图2示出了根据本发明一个实施例的一种网页页面中的报表展示装置的结构示意图，如图2所示，网页页面中的报表展示装置200包括：

获取单元210，适于获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据。

展示单元220，适于根据所述表头信息，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据；按表头层级展示各表头名称，以及按列/行展示各表头名称对应的报表数据。

可见，图2所示的装置，在网页中展示的报表包括表头数据和报表数据，通过获取待展示报表的表头信和各表头对应的报表数据，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据后按层级展示表头名称，以及各表头对应的列/行中展示对应的报表数据。该技术方案利用网页技术，实现了报表数据的插入，同时不需要开发人员为每份报表单独开发相应的网页页面，提高了报表的展示效率。

在本发明的一个实施例中，上述装置中，所述获取单元220，适于将待展示报表的数据配置信息发送至服务器，接收服务器返回的一个或多个表头信息，以及和各表头信息对应的报表数据；所述数据配置信息包括如下中的至少一种：数据源地址、数据查询条件、字符集。

在本发明的一个实施例中，上述装置中，所述展示单元220，适于判断表头信息中的表头名称是否包含指定的分隔符；若不包含，则表头的层级为单层；若表头名称包含分隔符，则表头的层级为双层。

在本发明的一个实施例中，上述装置中，所述展示单元220，适于当表头的层级为单层时，将表头信息中的表头名称直接作为表头名称；当表头的层级为双层时，从表头信息中的表头名称依分隔符分别提取出两个字符串，将每个字符串作为一个层级对应的表头名称。

在本发明的一个实施例中，上述装置中，所述展示单元220，适于生成该待展示报表的展示配置信息，包括：对该待展示列表的每个待展示的表头，新建一列/行，在该新建的列/行中，按所述待展示的表头的层级由高至低展示该待展示表头，若该待展示表头为单层表头，则表头占用的行/列数置为二，若该待展示表头为双层表头，则每层表头占用的行/列数置为一；如果该待展示报表的全部表头均为单层表头，将每个表头占用的行/列数改置为一；在所述展示配置信息生成后，根据所述展示配置信息组装网页标签，展示各表头名称。

在本发明的一个实施例中，上述装置中，所述展示单元220，适于在所述待展示的表头为双层表头时，判断待展示的表头前是否有相邻的双层表头；若有，判断该待展示表头的高层级表头与所述相邻的前一表头的高层级表头的名称是否相同，若相同则将该待展示表头的高层级表头与所述相邻的前一表头的高层级表头合并为一个单元格。

在本发明的一个实施例中，上述装置中，所述展示单元220，还适于响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动至指定的列/行。

在本发明的一个实施例中，上述装置中，所述展示单元220，还适于在所述展示配置信息中记录各表头的展示顺序信息；根据所述待展示报表的展示配置信息判断表头移动指令的类型；当所述表头移动指令为高层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该高层级表头及该高层级表头下的所有低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该高层级表头下的所有低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置；当所述表头移动指令为低层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的低层级表头的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置。

在本发明的一个实施例中，上述装置中，所述表头信息中包括该表头对应的报表数据的显示类型；所述展示单元220，适于根据所述报表数据的显示类型，按列/行展示各表头名称对应的报表数据。

需要说明的是，上述各装置实施例的具体实施方式与前述对应方法实施例的具体实施方式相同，在此不再赘述。

综上所述，本发明的技术方案，在网页中展示的报表包括表头数据和报表数据，通过获取待展示报表的表头信和各表头对应的报表数据，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据后按层级展示表头名称，以及各表头对应的列/行中展示对应的报表数据。该技术方案利用网页技术，实现了报表数据的插入，同时不需要开发人员为每份报表单独开发相应的网页页面，提高了报表的展示效率。

需要说明的是：

在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述，构造这类装置所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页页面中的报表展示装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明的实施例公开了A1、一种网页页面中的报表展示方法，其中，该方法包括：

获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据；

根据所述表头信息，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据；

按表头层级展示各表头名称，以及按列/行展示各表头名称对应的报表数据。

A2、如A1所述的方法，其中，所述获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据包括：

将待展示报表的数据配置信息发送至服务器，接收服务器返回的一个或多个表头信息，以及和各表头信息对应的报表数据；所述数据配置信息包括如下中的至少一种：数据源地址、数据查询条件、字符集。

A3、如A1所述的方法，其中，所述根据所述表头信息，确定表头的层级包括：

判断表头信息中的表头名称是否包含指定的分隔符；若不包含，则表头的层级为单层；若表头名称包含分隔符，则表头的层级为双层。

A4、如A3所述的方法，其中，

当表头的层级为单层时，将表头信息中的表头名称直接作为表头名称；

当表头的层级为双层时，从表头信息中的表头名称依分隔符分别提取出两个字符串，将每个字符串作为一个层级对应的表头名称。

A5、如A4所述的方法，其中，所述按表头层级展示各表头名称包括：

生成该待展示报表的展示配置信息，包括：对该待展示列表的每个待展示的表头，新建一列/行，在该新建的列/行中，按所述待展示的表头的层级由高至低展示该待展示表头，若该待展示表头为单层表头，则表头占用的行/列数置为二，若该待展示表头为双层表头，则每层表头占用的行/列数置为一；如果该待展示报表的全部表头均为单层表头，将每个表头占用的行/列数改置为一；

在所述展示配置信息生成后，根据所述展示配置信息组装网页标签，展示各表头名称。

A6、如A5所述的方法，其中，该方法还包括：

在所述待展示的表头为双层表头时，判断待展示的表头前是否有相邻的双层表头；

若有，判断该待展示表头的高层级表头与所述相邻的前一表头的高层级表头的名称是否相同，若相同则将该待展示表头的高层级表头与所述相邻的前一表头的高层级表头合并为一个单元格。

A7、如A5或A6所述的方法，其中，该方法还包括：

响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动至指定的列/行。

A8、如A7所述的方法，其中，所述生成该待展示报表的展示配置信息还包括：在所述展示配置信息中记录各表头的展示顺序信息；

所述响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动指定的列/行包括：

根据所述待展示报表的展示配置信息判断表头移动指令的类型；

当所述表头移动指令为高层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该高层级表头及该高层级表头下的所有低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该高层级表头下的所有低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置；

当所述表头移动指令为低层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的低层级表头的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置。

A9、如A1-A8中任一项所述的方法，其中，

所述表头信息中包括该表头对应的报表数据的显示类型；

所述按列/行展示各表头名称对应的报表数据包括：根据所述报表数据的显示类型，按列/行展示各表头名称对应的报表数据。

本发明的实施例还公开了B10、一种网页页面中的报表展示装置，其中，该装置包括：

获取单元，适于获取待展示报表的一个或多个表头的表头信息，以及获取各表头对应的报表数据；

展示单元，适于根据所述表头信息，确定表头的层级、各层级对应的表头名称和各表头名称对应的报表数据；按表头层级展示各表头名称，以及按列/行展示各表头名称对应的报表数据。

B11、如B10所述的装置，其中，

所述获取单元，适于将待展示报表的数据配置信息发送至服务器，接收服务器返回的一个或多个表头信息，以及和各表头信息对应的报表数据；所述数据配置信息包括如下中的至少一种：数据源地址、数据查询条件、字符集。

B12、如B10所述的装置，其中，

所述展示单元，适于判断表头信息中的表头名称是否包含指定的分隔符；若不包含，则表头的层级为单层；若表头名称包含分隔符，则表头的层级为双层。

B13、如B12所述的装置，其中，

所述展示单元，适于当表头的层级为单层时，将表头信息中的表头名称直接作为表头名称；当表头的层级为双层时，从表头信息中的表头名称依分隔符分别提取出两个字符串，将每个字符串作为一个层级对应的表头名称。

B14、如B13所述的装置，其中，

所述展示单元，适于生成该待展示报表的展示配置信息，包括：对该待展示列表的每个待展示的表头，新建一列/行，在该新建的列/行中，按所述待展示的表头的层级由高至低展示该待展示表头，若该待展示表头为单层表头，则表头占用的行/列数置为二，若该待展示表头为双层表头，则每层表头占用的行/列数置为一；如果该待展示报表的全部表头均为单层表头，将每个表头占用的行/列数改置为一；在所述展示配置信息生成后，根据所述展示配置信息组装网页标签，展示各表头名称。

B15、如B14所述的装置，其中，

所述展示单元，适于在所述待展示的表头为双层表头时，判断待展示的表头前是否有相邻的双层表头；若有，判断该待展示表头的高层级表头与所述相邻的前一表头的高层级表头的名称是否相同，若相同则将该待展示表头的高层级表头与所述相邻的前一表头的高层级表头合并为一个单元格。

B16、如B14或B15所述的装置，其中，

所述展示单元，还适于响应于所述网页页面中的表头移动指令，将所述表头和所述表头对应的报表数据移动至指定的列/行。

B17、如B16所述的装置，其中，

所述展示单元，还适于在所述展示配置信息中记录各表头的展示顺序信息；根据所述待展示报表的展示配置信息判断表头移动指令的类型；当所述表头移动指令为高层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该高层级表头及该高层级表头下的所有低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该高层级表头下的所有低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置；当所述表头移动指令为低层级表头移动指令时，根据所述待展示报表的展示配置信息，提取该低层级表头的展示配置信息，以及提取所述表头移动指令指定的列/行的低层级表头的展示配置信息；根据上述提取的信息修改所述各表头的展示顺序信息；缓存该低层级表头对应的报表数据，按修改后的所述各表头的展示顺序信息展示报表的各表头，以及将缓存的报表数据随移动后的表头移动到相应位置。

B18、如B10-B17中任一项所述的装置，其中，

所述表头信息中包括该表头对应的报表数据的显示类型；

所述展示单元，适于根据所述报表数据的显示类型，按列/行展示各表头名称对应的报表数据。