CN103631766B - 一种在前台展现透视表的方法 - Google Patents

Abstract

本申请公开一种在前台展现透视表的方法和装置，其中方法包括：获得透视表模型；根据所获得的透视表模型获得前台拼接串信息；根据所述前台拼接串信息生成前台代码；转换所述透视表中的图形；增加上下文。通过本申请的技术方案，在未安装JRE的环境中页可以将透视表在前台显示，例如显示在移动设备上。

Description

一种在前台展现透视表的方法

技术领域

本申请涉及计算机技术领域，具体涉及一种在前台展现透视表的方法。

背景技术

现有技术中，透视表（例如，Swing中制作的透视表）只能在装有JRE环境中查看，但是更多的客户希望能够移动设备或者在页面上直接查看透视表。

发明内容

本申请提出一种能够在未安装JRE的环境下展现透视表的方法和装置。

本申请的一个实施方式提供了一种在前台展现透视表的方法，包括：获得透视表模型；根据所获得的透视表模型获得前台拼接串信息；根据所述前台拼接串信息生成前台代码；转换所述透视表中的图形；增加上下文。

作为一种选择，所述获得透视表模型可包括：获得后台转化为前台的所述透视表模型。

作为一种选择，所述根据所获得的透视表模型获得前台拼接串信息可包括：将获得的透视表模型拆分为透视表单元；根据所述透视表单元的行、列信息获得所述前台拼接串信息。所述前台拼接串信息可包括：透视表单元的单元位置、单元格式、单元内容。

作为一种选择，所述根据所述前台拼接串信息生成前台代码可包括：根据所述透视表单元的行、列信息得到单元格位置；根据所述单元格位置得到所述单元格存储的内容和所述单元格的元素；根据所述单元格位置、所述单元格存储的内容和所述单元格的元素生成Html代码。

作为一种选择，所述转换所述透视表中的图形可包括：根据所述模型生成图表；根据唯一标识找到所生成的图表对应的前台页面中预留的空白区域；图表前台页面端将所述图表置于当前页面的所述空白区域中；将所述图表的唯一标识赋值给数据集的唯一标识；图表数据端根据与所述图表前台页面端对应的唯一标识找到对应的数据集，并传入数据。

作为一种选择，所述增加上下文可包括：生成上下文的前台页面；将后台上下文通过容器解码生成前台代码。

本申请的另一个实施方式提供了一种在前台展现透视表的装置，包括：透视表模块，获得透视表模型，根据所获得的透视表模型获得前台拼接串信息；代码生成模块，根据所述前台拼接串信息生成前台代码；转换透视表图形模块，转换所述透视表中的图形；上下文操作模块，增加上下文。

作为一种选择，所述透视表模块用于获得后台转化为前台的所述透视表模型。

作为一种选择，所述透视表模块用于将获得的透视表模型拆分为透视表单元，根据所述透视表单元的行、列信息获得所述前台拼接串信息。所述前台拼接串信息包括：括号单元位置、单元格式、单元内容。

作为一种选择，所述代码生成模块根据所述透视表单元的行、列信息得到单元格位置，根据所述单元格位置得到所述单元格存储的内容和所述单元格的元素，以及根据所述单元格位置、所述单元格存储的内容和所述单元格的元素生成Html代码。

作为一种选择，所述转换透视表图形模块根据所述模型生成图表，根据唯一标识找到所生成的图表对应的前台页面中预留的空白区域，利用图表前台页面端将所述图表置于当前页面的所述空白区域中，将所述图表的唯一标识赋值给数据集的唯一标识，以及利用图表数据端根据与所述图表前台页面端对应的唯一标识找到对应的数据集，并传入数据。

作为一种选择，所述上下文操作模块生成上下文的前台页面，将后台上下文通过容器解码以供所述代码生成模块生成前台代码。

通过上述实施方式，在未安装JRE的环境中页可以将透视表在前台显示，例如显示在移动设备上。

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

附图说明

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

图1是根据本申请实施方式的前台展现透视表的方法的流程示意图；

图2是示出类结构示意图；

图3为根据本申请生成html代码之前Swing的效果图；

图4为根据本申请生成html代码后的效果图；

图5是图1中转换所述透视表中的图形的流程示意图；

图6是示出类结构示意图；

图7为转换html图表之前的Swing图表；

图8为转互换后的html图表；

图9为透视表展现在移动设备上的示意图；

图10为透视表子菜单在移动设备上的功能示意图；

图11为透视表在移动设备上的展现效果示意图；

图12是根据本申请实施方式的前台展现透视表的装置的示意图。

具体实施方式

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

图1是根据本申请实施方式的前台展现透视表的方法的流程示意图。如图1所示，在步骤S110中，获得透视表模型。例如，后台组织数据通过模板语言初始化前台页面，从而获得后台转化为前台的透视表模型。

步骤S120中，根据获得的透视表模型获得前台拼接串信息。例如，将获得的透视表模型拆分为透视表单元，然后根据透视表单元行、列信息获得前台拼接串信息。前台拼接信息包括但不限于：透视表单元的单元位置、单元格式、单元内容。

步骤S130中，根据前台拼接串信息生成前台代码。

步骤S140中，转换透视表中的图形。

步骤S150中，增加上下文。例如，上下文前台页面由Div标签生成，用css3.0画出方形圆角，将后台上下文通过容器解码生成前台代码。

作为一种选择，在步骤S130中，可以先判断透视表单元中是否包含红绿灯。如果透视表单元中包含有红绿灯，则生成html代码；如果未包含红绿灯，作为一种选择，还可继续判断该透视表单元中是否包含链接，如果包含链接则生成包括该链接的html代码，如果未包含链接，则生成相应的html代码（即，不包含红绿灯也不包含链接）。

作为一种选择，透视表单元可支持红绿灯功能、折叠操作功能和/或穿透功能。组成透视表单元的元素可包括红绿灯、折叠操作、穿透以及内容。

作为一种选择，透视表单元中是否存在红绿灯可以根据区域位置和后台模型判断，进而生成对应的前台代码。

作为一种选择，由于折叠操作需要得到后台模型以用于刷新前台的透视单元表，因此，后台生成可以得到后台模型的代码。通过在生成的对应的前台代码中的唯一标识来标识后台模型的数据项，从而可以将当前唯一标识以参数的形式传入后台。

作为一种选择，穿透操作包括两种模式：点击前台的页面然后生成页签的模式，以及弹出页面的模式。例如，可以根据传入参数是否为“1”进行判断，从而生成对应的前台代码。

类结构图如图2所示。对该图的说明如下。

IHtmlTransform：接口类抽象出三个方法，返回前台样式的方法、返回前台内容的方法、输出前台串方法及一些样式前缀。

AbstractHtmlTransform：持有TransformVo对象句柄。

TransformVo：持有后台模块对象与后台模块对象pk。

CellsModelHtmlTranManager：模块管理器用于返回当前注册的类对象。

CellsModelHtmlTransform：持有CellsModelHtmlTranManager对象句柄，并且只生成一次CellsModelHtmlTranManager对象，将要返回的类注册到容器中。

CellHtmlTransform：用于实现单元格内容与样式拼接类。

ColHeaderHtmlTransform：用于实现列样式拼接类。

RowHeaderHtmlTransform：用于实现行样式拼接类。

图3为根据本申请生成html代码之前Swing的效果图。图4为根据本申请生成html代码后的效果图。从图3和图4可以看出，通过本申请，可以在未安装JRE环境中利用html来展现透视表（例如利用Swing制作的透视表）。

图5是图1中转换透视表中的图形的流程示意图。如图5所示，步骤S141中，根据模型生成图表。

步骤S142中，根据唯一标识找到所生成的图表对应的前台页面中预留的空白区域。例如，前台页面上预留了用于添加图表的空白区域，利用生成的图表的唯一标识可以找到改空白区域。

步骤S143中，图表前台页面端将图表置于当前页面的空白区域中。例如，图表前台页面端的设计可包括：图表的类型、图表的属性映射以及图表的特殊处理等等。在该步骤中，将设计好的图表放入当前的前台页面的对应的空白区域中。

步骤S144中，将图表的唯一标识赋值给数据集的唯一标识。例如新建数据集将图表的唯一标识赋值给数据集的唯一标识，用于对应的处理。

步骤S145中，图表数据端根据与图表前台页面端对应的唯一标识找到对应的数据集，并传入数据。例如，如果图表为仪表盘类型，则需要传入三个区域以及指针的值。

类结构图如图6所示。类结构图说明如下。

Dataset：后台数据集对象，用于存放图形数据，可实时更新数据反映到前台模型中。

ChartConfig：后台图形对象基类，持有Dataset对象。

ChartConfig等其他图形用于描述具体的图形如：柱状图、饼图等。

图7为转换html图表之前的Swing图表。图8为转互换后的html图表。从图7和图8可以看出，通过本申请，可以在未安装JRE环境中利用html来展现透视表。

作为一种选择，可以利用html将透视表展现在各种装置（例如，移动设备）上。例如，将菜单分组用图片表示，在菜单分组图片上增加触发事件（例如，鼠标单击事件）。当点触发事件被触发之后，会动态加载分组下的子菜单。加载子菜单时根据子菜单PK查找子菜单微缩图，子菜单微缩图体现了当前透视表大体展现样式。如果没有找到PK则使用默认的微缩图来替换。增加搜索透视表的功能，调用APP返回结果，放入文本框中，在调用搜索服务查询当前关键字对应的透视表。

例如，语音搜索的过程如下：点击搜索移动设备上的搜索；调用APP；回写内容；查看透视表；进行分页显示；调用搜索服务。

图9为透视表展现在移动设备上的示意图。图10为透视表子菜单在移动设备上的功能示意图。图11为透视表在移动设备上的展现效果示意图。

例如，首先，后台组织数据可以通过模板语言初始化前台页面，包括：页面标题、分组对象、当前分组以及常量串等信息。

然后，通过模板语言生成前台页面，将前台页面可以看成一个表格，每一个列可以拆分为表格。例如，整个页面可看做一个表格，把图9所显示的UFIDANC图片看为一列，将其拆分为一个表格，这样可以更好地控制行高和列宽。

接着将菜单以循环的方式生成对应页面上的图片。

菜单分组对象包含：

图片路径，通过该图片路径可找到当前菜单分组对应的图片，如果找不到，则使用默认的图片；

菜单PK，通过该菜单PK可找到子菜单（即，子菜单对应的功能编码），找到对应的透视表；

标题，即，图片左下角显示的字符；以及

缩微图，将正常大小的图片按比例的缩小。作为一种选择，缩微图使用PK.png生成的图片。

例如，生成图片时为每个图片增加触发事件（例如，鼠标单击事件）。当触发事件被触发时，传入当前图片对应的PK。由于子菜单在之前生成并已放入容器中，而且还有父PK与其对应，因此，调用函数去除该菜单对应的所有子菜单的PK，根据子菜单PK，可以找到对应的缩微图。如果子菜单很多，则可以使用iscroll滚动。最后，在图片下增加穿透到透视表的调用。

通过上述描述的实施方式，可以将在Swing中展现的透视表内容在轻量级网页上展现，使透视表在展现形式更加灵活，满足了客户的个性化需求。例如，使得Swing中透视表可以发布到portal，从而发布到Portal中的透视表可以根据修改Swing中内容变化而变化；不需要装JRE环境查看透视表，即可在页面中查看；可以把Swing中表和图在网页中展现。

通过上述描述的实施方式，还可以使得重量级透视表在移动设备上的展现。例如，将在Swing中制作的透视表在移动设备上展现，从而可以随时、随地、随设备的实用移动分析；图、表数据可实时穿透查询，实现从指标到报表到分项明细的，全图、表联动式查询分析应用；可支持移动终端的移动应用，并支持搜索的智能定位等功能；可使用微缩图描述打开的报表；不需要装JRE环境查看透视表，即可在移动设备中查看。

图12是根据本申请实施方式的前台展现透视表的装置的示意图。如图12所示，该装置包括：透视表模块10、代码生成模块20、转换透视表图形模块30以及上下文操作模块40。

透视表模块10获得透视表模型，根据所获得的透视表模型获得前台拼接串信息；代码生成模块20根据前台拼接串信息生成前台代码；转换透视表图形模块30转换透视表中的图形；上下文操作模块40增加上下文。

作为一种选择，透视表模块10用于获得后台转化为前台的透视表模型。

作为一种选择，透视表模块10用于将获得的透视表模型拆分为透视表单元，根据透视表单元的行、列信息获得前台拼接串信息。前台拼接串信息包括：括号单元位置、单元格式、单元内容等。

作为一种选择，代码生成模块20根据透视表单元的行、列信息得到单元格位置，根据单元格位置得到单元格存储的内容和单元格的元素，以及根据单元格位置、单元格存储的内容和单元格的元素生成Html代码。

作为一种选择，转换透视表图形模块30根据模型生成图表，根据唯一标识找到所生成的图表对应的前台页面中预留的空白区域，利用图表前台页面端将图表置于当前页面的空白区域中，将图表的唯一标识赋值给数据集的唯一标识，以及利用图表数据端根据与图表前台页面端对应的唯一标识找到对应的数据集，并传入数据。

作为一种选择，上下文操作模块40生成上下文的前台页面，将后台上下文通过容器解码以供代码生成模块20生生成前台代码。

本申请还涉及一种装置，该装置包括处理器。该处理器用于处理以下指令：

获得透视表模型；根据所获得的透视表模型获得前台拼接串信息；根据前台拼接串信息生成前台代码；转换透视表中的图形；增加上下文。

作为一种选择，获得透视表模型的指令包括：获得后台转化为前台的透视表模型。

作为一种选择，根据所获得的透视表模型获得前台拼接串信息的指令可包括：将获得的透视表模型拆分为透视表单元；根据透视表单元的行、列信息获得前台拼接串信息。上述前台拼接串信息包括：透视表单元的单元位置、单元格式、单元内容。

作为一种选择，根据前台拼接串信息生成前台代码的指令可包括：根据透视表单元的行、列信息得到单元格位置；根据单元格位置得到单元格存储的内容和单元格的元素；根据单元格位置、单元格存储的内容和单元格的元素生成Html代码。

作为一种选择，转换透视表中的图形的指令可包括：根据模型生成图表；根据唯一标识找到所生成的图表对应的前台页面中预留的空白区域；图表前台页面端将图表置于当前页面的空白区域中；将图表的唯一标识赋值给数据集的唯一标识；图表数据端根据与图表前台页面端对应的唯一标识找到对应的数据集，并传入数据。

作为一种选择，增加上下文的指令可包括：生成上下文的前台页面；将后台上下文通过容器解码生成前台代码。

上述的各个指令可以存储在一个或多个存储器中。上述处理器可以从该一个或多个存储器中调用并执行这些指令。存储有指令的存储器可以与执行指令的处理器包含在同一个装置中，也可在不同的装置中。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本公开实施例可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现。基于这样的理解，本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质（可以是CD-ROM，U盘，移动硬盘等）中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本公开各个实施例所述的方法。

本领域技术人员可以理解附图只是一个实施例的示意图，附图中的模块或流程并不一定是实施本公开所必须的。

本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中，也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

上述本公开实施例序号仅仅为了描述，不代表实施例的优劣。

显然，本领域的技术人员可以对本公开进行各种改动和变型而不脱离本公开的精神和范围。这样，倘若本公开的这些修改和变型属于本公开权利要求及其等同技术的范围之内，则本公开也意图包含这些改动和变型在内。

Claims (8)

1.一种在前台展现透视表的方法，包括：

获得透视表模型；后台组织数据通过模板语言初始化前台页面，从而获得后台转化为前台的透视表模型;

根据所获得的透视表模型获得前台拼接串信息；

根据所述前台拼接串信息生成前台代码；具体为先判断透视表单元中是否包含红绿灯，如果透视表单元中包含有红绿灯，则生成html代码；如果未包含红绿灯，继续判断该透视表单元中是否包含链接，如果包含链接则生成包括该链接的html代码，如果未包含链接，则生成相应的html代码，组成透视表单元的元素可包括红绿灯、折叠操作、穿透以及内容，透视表单元中是否存在红绿灯可以根据区域位置和后台模型判断，进而生成对应的前台代码，由于折叠操作需要得到后台模型以用于刷新前台的透视单元表，因此，后台生成可以得到后台模型的代码，通过在生成的对应的前台代码中的唯一标识来标识后台模型的数据项，从而可以将当前唯一标识以参数的形式传入后台，所述穿透操作包括两种模式：点击前台的页面然后生成页签的模式，以及弹出页面的模式；

转换所述透视表中的图形；所述转换所述透视表中的图形包括：根据所述模型生成图表，根据唯一标识找到所生成的图表对应的前台页面中预留的空白区域，图表前台页面端将所述图表置于当前页面的所述空白区域中，将所述图表的唯一标识赋值给数据集的唯一标识，图表数据端根据与所述图表前台页面端对应的唯一标识找到对应的数据集，并传入数据；

增加上下文；

将在Swing中展现的透视表内容在轻量级网页上展现，使透视表在展现形式更加灵活，满足了客户的个性化需求；

使得Swing中透视表可以发布到portal，从而发布到Portal中的透视表可以根据修改Swing中内容变化而变化；不需要装JRE环境查看透视表，即可在页面中查看；可以把Swing中表和图在网页中展现；

还可以使得重量级透视表在移动设备上的展现，将在Swing中制作的透视表在移动设备上展现，从而可以随时、随地、随设备的实用移动分析；图、表数据可实时穿透查询，实现从指标到报表到分项明细的，全图、表联动式查询分析应用；可支持移动终端的移动应用，并支持搜索的智能定位等功能；可使用微缩图描述打开的报表；不需要装JRE环境查看透视表，即可在移动设备中查看。

2.如权利要求1所述的方法，其中，所述根据所获得的透视表模型获得前台拼接串信息包括：

将获得的透视表模型拆分为透视表单元；

根据所述透视表单元的行、列信息获得所述前台拼接串信息；

其中，所述前台拼接串信息包括：透视表单元的单元位置、单元格式、单元内容。

3.如权利要求2所述的方法，其中，所述根据所述前台拼接串信息生成前台代码包括：

根据所述透视表单元的行、列信息得到单元格位置；

根据所述单元格位置得到所述单元格存储的内容和所述单元格的元素；

根据所述单元格位置、所述单元格存储的内容和所述单元格的元素生成Html代码。

4.如权利要求3中任一项所述的方法，所述增加上下文包括：

生成上下文的前台页面；

将后台上下文通过容器解码生成前台代码。

5.一种在前台展现透视表的装置，包括：

透视表模块，获得透视表模型，根据所获得的透视表模型获得前台拼接串信息；

代码生成模块，根据所述前台拼接串信息生成前台代码，所述代码生成模块根据所述透视表单元的行、列信息得到单元格位置，根据所述单元格位置得到所述单元格存储的内容和所述单元格的元素，以及根据所述单元格位置、所述单元格存储的内容和所述单元格的元素生成Html代码

转换透视表图形模块，转换所述透视表中的图形，所述转换透视表图形模块根据所述模型生成图表，根据唯一标识找到所生成的图表对应的前台页面中预留的空白区域，利用图表前台页面端将所述图表置于当前页面的所述空白区域中，将所述图表的唯一标识赋值给数据集的唯一标识，以及利用图表数据端根据与所述图表前台页面端对应的唯一标识找到对应的数据集，并传入数据；

上下文操作模块，增加上下文；

将在Swing中展现的透视表内容在轻量级网页上展现，使透视表在展现形式更加灵活，满足了客户的个性化需求；

使得Swing中透视表可以发布到portal，从而发布到Portal中的透视表可以根据修改Swing中内容变化而变化；不需要装JRE环境查看透视表，即可在页面中查看；可以把Swing中表和图在网页中展现；

还可以使得重量级透视表在移动设备上的展现，将在Swing中制作的透视表在移动设备上展现，从而可以随时、随地、随设备的实用移动分析；图、表数据可实时穿透查询，实现从指标到报表到分项明细的，全图、表联动式查询分析应用；可支持移动终端的移动应用，并支持搜索的智能定位等功能；可使用微缩图描述打开的报表；不需要装JRE环境查看透视表，即可在移动设备中查看。

6.如权利要求5所述的装置，其中，所述透视表模块用于获得后台转化为前台的所述透视表模型。

7.如权利要求5所述的装置，其中，所述透视表模块用于将获得的透视表模型拆分为透视表单元，根据所述透视表单元的行、列信息获得所述前台拼接串信息；

其中，所述前台拼接串信息包括：括号单元位置、单元格式、单元内容。

8.如权利要求5-7中任一项所述的装置，所述上下文操作模块生成上下文的前台页面，将后台上下文通过容器解码以供所述代码生成模块生成前台代码。