CN105069092B - 一种报表展示的方法、系统及移动终端 - Google Patents

Abstract

本发明提供了一种报表展示的方法，包括：S1、展示报表列表界面，并在点击一报表时，展示第一界面；S2、获取所述报表的基本信息，并根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓；S3、获取所述报表的详细数据，并对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中；S4、根据所述详细数据的所述数据类型，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分，并添加所述报表的事件；S5、展示所述报表。本发明还提供了对应的系统及移动终端。实施本发明，具有可配置性、交互性好、可移植性强及可复用性等特点。

Description

一种报表展示的方法、系统及移动终端

技术领域

本发明涉及计算机技术领域，更具体地说，涉及一种展示报表的方法、系统及移动终端，应用于将电脑端的报表在移动平台上进行展示。

背景技术

需要将电脑端报表在移动端展示时，由于报表绘制实现比较困难，电脑端报表在移动端的展示通常是服务器端给移动端提供一个URL(Uniform Resoure Locator，统一资源定位器)，即一链接，然后移动端本地通过开启一个WebView(即一内置浏览器)来展示电脑端报表，如图1所示。

在移动端上，由于报表通过网页的方式展示，使得报表与用户之间基本没有交互性且展示效果很差，客户端通过图形绘制报表也比较困难。但是，将电脑端报表在移动端进行展示时，用户渴望有更好交互性、灵活性的报表展示。

发明内容

本发明要解决的技术问题在于，针对现有技术中的移动平台展示报表的不足，以及用户对移动平台展示报表的高要求，提供一种报表展示的方法、系统及移动终端，应用于移动平台。

本发明解决上述问题的技术方案是提供了一种报表展示的方法，该方法包括：

S1、展示报表列表界面，并在点击一报表时，展示第一界面；

S2、获取所述报表的基本信息，并根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓；

S3、获取所述报表的详细数据，并对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中；

S4、根据所述详细数据的所述数据类型，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分，并添加所述报表的事件；

S5、展示所述报表。

在上述的报表展示的方法中，在所述步骤S2中，获取所述报表的详细数据的步骤包括：

组装第二请求参数，向服务器端发送第二请求；

所述服务器端响应所述第二请求，根据所述第二请求参数返回所述报表的所述基本信息，其中，所述基本信息包括大小和位置。

在上述的报表展示的方法中，在所述步骤S3中，获取所述报表的详细数据的步骤包括：

组装第三请求参数，向所述服务器端发送第三请求；

所述服务器端响应所述第三请求，根据所述第三请求参数并按照预设的数据格式返回所述报表的所述详细数据。

在上述的报表展示的方法中，在所述步骤S3中，所述详细数据包括属性数据和报表数据，其中，所述属性数据包括报表的类型值、报表的控件值和页面大小；

在所述步骤S4中，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分的步骤包括：

建立自定义视图；

根据所述页面大小与画布区大小的比例关系，确定画布区大小；

根据所述报表数据，在画布区上确定画图区大小及位置；

采用画笔在画图区绘制出所述报表的主体部分。

在上述的报表展示的方法中，在所述步骤S1之前包括：

向服务器端发送第一请求，以获取报表列表的数据，其中，所述报表列表的数据包括每个报表的报表ID；

所述服务器端响应第一请求，并返回所述报表列表的数据。

本发明还提供了一种报表展示的系统，该系统包括：

显示单元，用于显示报表列表界面，并在点击一报表时，展示第一界面；

第一处理单元，用于获取所述报表的基本信息，并根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓；

第二处理单元，用于获取所述报表的详细数据，并对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中；以及

绘制单元，用于根据所述详细数据的所述数据类型，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分，并添加所述报表的事件。

在上述的报表展示的系统中，该系统还包括发送单元和接收单元，其中，所述发送单元包括第一组装模块，用于组装第二请求参数，向服务器端发送第二请求；所述接收单元用于接收所述服务器端响应所述第二请求并根据所述第二请求参数返回的所述报表的所述基本信息，其中，所述基本信息包括大小和位置；所述第一处理单元包括绘制模块，根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓。

在上述的报表展示的系统中，所述发送单元包括第二组装模块，用于组装第三请求参数，向所述服务器端发送第三请求；所述接收单元还用于接收所述服务器端响应所述第三请求并根据所述第三请求参数返回的所述报表的所述详细数据；所述第二处理单元包括解析模块，用于对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中。

在上述的报表展示的系统中，所述详细数据包括属性数据和报表数据，其中，所述属性数据包括报表的类型值、报表的控件值和页面大小；所述绘制单元包括建立模块、确定模块以及画笔，其中，所述建立模块用于建立自定义视图；所述确定模块用于根据页面大小与画布区大小的比例关系和报表数据，分别确定画布区大小以及在画布区上确定画图区大小及位置；所述画笔用于在画图区上绘制出所述报表的主体部分。

本发明还提供了一种移动终端，所述移动终端包括如上所述的报表展示的系统。

实施本发明的报表展示的方法及系统，具有以下有益效果：服务器端按照预设的数据格式返回报表的详细数据，移动客户端自动匹配报表的数据类型，并绘制出该报表，进而具有可配置性的特点。用户可以在移动平台上与报表进行交互，同时，报表绘制时具有模块化和组件化的特点。此外，绘制的报表可复用、可移植性强，进而使得该报表可移植到项目中去。

附图说明

图1是现有技术中移动平台展示报表的示意图。

图2是图1中移动平台展示报表的具体流程图。

图3是本发明的报表展示的方法实施例的流程图。

图4是本发明的报表展示的系统实施例的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

如图2所示，是图1中的移动平台展示报表的具体流程图。在现有技术中，具体包括以下步骤：

S201、移动客户端向服务器端发送请求，以获取报表列表数据，其中，报表列表数据包括每个报表的报表ID；

S202、服务器端返回该报表列表数据，移动客户端展示报表列表的界面；

S203、移动客户端在报表列表的界面上点击一报表，此时移动客户端组装请求参数，向服务器端发送请求；

S204、服务器端返回该报表的URL，移动客户端使用WebView加载该URL来展示该报表，其中，WebView为一内置浏览器。

根据图2所示的现有技术，移动客户端通过网页来展示报表，用户仅仅只能浏览报表的内容，无法对展示的报表进行移植或进行相关操作，如标记、修改等，缺乏与用户之间的交互。同时，报表统计数据绝大多数是二维表格数据，采用网页来展示报表，界面展示效果差，进而无法满足移动客户端的用户的需求。

本发明一实施例的报表展示的方法及系统中，通过向服务器端发送获取报表轮廓以及详细参数的请求，移动客户端根据报表轮廓及详细参数在界面上绘制报表，能有效解决网页展示报表交互性差、展示效果差以及报表在客户端绘制困难的问题，从而具有高效可配置、移植性强、交互性好的特点以满足移动客户端的需求。

如图3所示，是本发明的报表展示的方法实施例的流程图。在本实施例中，该方法包括以下步骤：

S310、展示报表列表界面，并点击一报表时，展示第一界面；

S320、获取该报表的基本信息，并根据该报表的基本信息，在第一界面上绘制出该报表的轮廓；其中，基本信息包括大小、位置；

S330、获取该报表的详细数据，并对该报表的详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中；

S340、根据该报表的详细数据的数据类型自动地在第一界面上的该报表的轮廓内绘制该报表的主体部分，并添加该报表的事件；

S350、展示该报表。

在本实施例中，在步骤S310之前，包括以下步骤：

向服务器端发送第一请求，以获取报表列表的数据，其中，报表列表的数据包括每个报表的报表ID；

服务器端响应第一请求，并返回报表列表的数据；

接收该报表列表的数据。

在本实施例中，移动客户端根据该报表列表的数据，可以随时显示该报表列表，从而形成了展示该报表列表界面。

在本实施例中，在步骤S320中，移动客户端获取该报表的基本信息的步骤包括以下步骤：

组装第二请求参数，向服务器端发送第二请求；

服务器端响应第二请求，根据第二请求参数返回报表的基本信息；

移动客户端接收该报表的基本信息。

在本实施例中，在步骤S330中，获取该报表的详细数据的步骤包括以下步骤：

组装第三请求参数，向服务器端发送第三请求；

服务器响应第三请求，根据第三请求参数并按照预设的数据格式返回该报表的详细数据；

移动客户端接收该报表的详细数据。

进一步地，在本实施例中，报表的详细数据包括属性数据和报表数据，其中，属性数据包括报表的类型值、报表的控件值和页面大小，报表的类型值表示报表的种类，不同的种类，该类型值不同，而报表的种类分为图形报表和网格报表；报表的控件值表示图形报表的种类，不同的图形报表，该控件值不同，图形报表分为柱状图、饼图、条状图、折线图以及点图；页面大小表示报表的一页的大小；报表数据表示报表中填入的数值或字符串等。

进一步地，在本实施例中，在步骤S340中，自动地在第一界面上的该报表的轮廓内绘制该报表的主体部分的步骤包括：

建立自定义视图；

根据页面大小与画布区大小的比例关系，确定画布区大小；

根据报表数据，在画布区上确定画图区大小及位置；

采用画笔在画图区绘制出该报表的主体部分。

进一步地，在本实施例中，在步骤S340中，添加该报表的事件的步骤包括添加报表的联动和/报表的超链接和/或报表的缩放。

在本实施例中，用户可以在移动平台上与报表进行交互，同时，报表绘制时具有模块化和组件化的特点。此外，绘制的报表可复用、可移植性强，进而使得该报表可移植到项目中去。

在本实施例中，服务器端按照预设的数据格式返回报表的详细数据，移动客户端自动匹配报表的数据类型，并绘制出该报表，进而具有可配置性的特点。

如图4所示，是本发明的报表展示的系统实施例的流程图。该系统包括：

显示单元400，用于显示报表列表界面，并在点击一报表时，展示第一界面；

第一处理单元410，用于获取所述报表的基本信息，并根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓；

第二处理单元420，用于获取所述报表的详细数据，并对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中；

绘制单元430，用于根据所述详细数据的所述数据类型，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分，并添加所述报表的事件；

在本实施例中，该系统还包括发送单元440和接收单元450，其中，发送单元440用于向服务器端发送第一请求，以获取报表列表的数据，其中，报表列表的数据包括每个报表的报表ID；接收单元450，用于接收服务器端返回的报表列表的数据。

进一步地，在本实施例中，第一处理单元410包括绘制模块，用于根据该报表的基本信息，在第一界面上绘制出该报表的轮廓。

进而，发送单元440包括第一组装模块(图中未示出)，第一组装模块用于组装第二请求参数，向服务器端发送第二请求；此时，接收单元450还用于接收服务器端响应第二请求并根据第二请求参数返回的该报表的基本信息。

进一步地，在本实施例中，第二处理单元420包括解析模块(图中未示出)，用于对该报表的详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中。

进而，发送单元440还包括第二组装模块(图中未示出)，用于组装第三请求参数，向服务器端发送第三请求；此时，接收单元450还用于接收该报表的详细数据。

进一步地，在本实施例中，绘制单元430包括建立模块、确定模块以及画笔(图中未示出)，其中，建立模块用于建立自定义视图；确定模块用于根据页面大小与画布区大小的比例关系和报表数据，分别确定画布区大小以及在画布区上确定画图区大小及位置；画笔用于在画图区上绘制出该报表的主体部分。

进一步地，在本实施例中，绘制单元还包括添加模块(图中未示出)，用于添加该报表的事件，其中，包括添加报表的联动和/报表的超链接和/或报表的缩放。

在本实施例中，显示单元400还用于显示该报表。

在本实施例中，报表绘制时，具有模块化和组件化的特点，同时，绘制的报表可复用、可移植性强，进而使得该报表可移植到项目中去。

在本实施例中，服务器端按照预设的数据格式返回报表的详细数据，移动客户端自动匹配报表的数据类型，并绘制出该报表，进而具有可配置性的特点。

本发明还提供一种移动终端，该移动终端包括上述的报表展示的系统。

以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。

Claims (10)

1.一种应用于移动客户端的报表展示的方法，其特征在于，该方法包括：

S1、展示报表列表界面，并在点击一报表时，展示第一界面；

S2、获取所述报表的基本信息，并根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓；

S3、获取所述报表的详细数据，并对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中；

S4、根据所述详细数据的所述数据类型，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分，并添加所述报表的事件；

S5、展示所述报表。

2.根据权利要求1中所述的报表展示的方法，其特征在于，在所述步骤S2中，获取所述报表的详细数据的步骤包括：

组装第二请求参数，向服务器端发送第二请求；

所述服务器端响应所述第二请求，根据所述第二请求参数返回所述报表的所述基本信息，其中，所述基本信息包括大小和位置。

3.根据权利要求2中所述的报表展示的方法，其特征在于，在所述步骤S3中，获取所述报表的详细数据的步骤包括：

组装第三请求参数，向所述服务器端发送第三请求；

所述服务器端响应所述第三请求，根据所述第三请求参数并按照预设的数据格式返回所述报表的所述详细数据。

4.根据权利要求1中所述的报表展示的方法，其特征在于，在所述步骤S3中，所述详细数据包括属性数据和报表数据，其中，所述属性数据包括报表的类型值、报表的控件值和页面大小；

在所述步骤S4中，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分的步骤包括：

建立自定义视图；

根据所述页面大小与画布区大小的比例关系，确定画布区大小；

根据所述报表数据，在画布区上确定画图区大小及位置；

采用画笔在画图区绘制出所述报表的主体部分。

5.根据权利要求1-4中任一项所述的报表展示的方法，其特征在于，在所述步骤S1之前包括：

向服务器端发送第一请求，以获取报表列表的数据，其中，所述报表列表的数据包括每个报表的报表ID；

所述服务器端响应第一请求，并返回所述报表列表的数据。

6.一种应用于移动客户端的报表展示的系统，其特征在于，该系统包括：

显示单元，用于显示报表列表界面，并在点击一报表时，展示第一界面；

第一处理单元，用于获取所述报表的基本信息，并根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓；

第二处理单元，用于获取所述报表的详细数据，并对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中；以及

绘制单元，用于根据所述详细数据的所述数据类型，自动地在所述第一界面上的所述报表的所述轮廓内绘制所述报表的主体部分，并添加所述报表的事件；

所述显示单元还用于展示所述报表。

7.根据权利要求6中所述的报表展示的系统，其特征在于，该系统还包括发送单元和接收单元，其中，所述发送单元包括第一组装模块，用于组装第二请求参数，向服务器端发送第二请求；所述接收单元用于接收所述服务器端响应所述第二请求并根据所述第二请求参数返回的所述报表的所述基本信息，其中，所述基本信息包括大小和位置；所述第一处理单元包括绘制模块，根据所述报表的所述基本信息，在所述第一界面上绘制出所述报表的轮廓。

8.根据权利要求7中所述的报表展示的系统，其特征在于，所述发送单元包括第二组装模块，用于组装第三请求参数，向所述服务器端发送第三请求；所述接收单元还用于接收所述服务器端响应所述第三请求并根据所述第三请求参数返回的所述报表的所述详细数据；所述第二处理单元包括解析模块，用于对所述报表的所述详细数据进行解析，将解析出的所述详细数据的数据类型保存到本地数据模型中。

9.根据权利要求6中所述的报表展示的系统，其特征在于，所述详细数据包括属性数据和报表数据，其中，所述属性数据包括报表的类型值、报表的控件值和页面大小；所述绘制单元包括建立模块、确定模块以及画笔，其中，所述建立模块用于建立自定义视图；所述确定模块用于根据页面大小与画布区大小的比例关系，确定画布区大小，还用于根据报表数据，在画布区上确定画图区大小及位置；所述画笔用于在画图区上绘制出所述报表的主体部分。

10.一种移动终端，其特征在于，所述移动终端包括如权利要求6-9中任一项所述的报表展示的系统。