一种数据展示方法及装置与流程

本发明涉及计算机领域，尤其涉及一种数据展示方法及装置。

背景技术：

随着互联网的飞速发展，基于Web(网页)的分页需求日益增多，而Web的数据显示是基于Web前端和Web服务器之间的数据传输来实现的。在现有技术中，对Web中的数据进行分页的操作由Web服务器来执行，分页的具体操作方式主要体现为分页工具栏，其中包括有该查询的记录总数和根据记录总数划分的页数按钮，以及上下页的按钮。当点击每一页按钮时，Web前端向Web服务器发起请求，请求的参数包括数据记录的开始位置以及每页数据的大小，然后Web服务器根据请求的参数返回数据记录总数和当前页的数据记录集，Web前端根据返回的参数进行展示。

由于每次Web前端进行每页显示数据时，均需要Web服务器返回数据记录总数和当前页的数据记录才能进行数据展示，当数据较多导致分页较多时，增加了Web前端和Web服务器之间的交互次数，从而导致响应较慢。

技术实现要素：

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种数据展示方法及装置。

一方面，本发明实施例提供一种数据展示方法，包括：

触发网页Web中分页工具栏的第一基本元素，其中，所述第一基本元素至少包含一项Web页导引项；

加载所述Web页导引项对应的展示内容；

检测所述展示内容是否在前端缓存中；

当在所述前端缓存时，读取所述展示内容；其中，所述展示内容包括 所述展示内容的数据量和/或所述展示内容所在Web页中的位置。

另一方面，本发明实施例提供一种数据展示装置，包括：

触发单元，用于触发网页Web中分页工具栏的第一基本元素，并将所述第一基本元素提供给加载单元，其中，所述第一基本元素至少包含一项Web页导引项；

所述加载单元，用于加载所述Web页导引项对应的展示内容；

检测单元，用于检测所述展示内容是否在前端缓存中；

读取单元，用于当在所述前端缓存时，读取所述展示内容；其中，所述展示内容包括所述展示内容的数据量和/或所述展示内容所在Web页中的位置。

借由上述技术方案，本发明提供的一种数据展示方法及装置，通过优先获取前端缓存的数据来进行展示，减少Web前端与Web服务器之间的交互次数，从而降低Web前端与Web服务器之间的数据传输量，减少网络资源的浪费。

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

附图说明

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

图1示出了本发明实施例中的一种数据展示方法的流程图；

图2示出了本发明另一个实施例中的一种数据展示方法的流程图；

图3(a)示出了本发明实施例中数据展示方法的一种分页工具栏的示意图；

图3(b)示出了本发明实施例中数据展示方法的另一种分页工具栏的示意图；

图4(a)示出了本发明另一个实施例中的一种数据展示方法的流程图；

图4(b)示出了本发明另一个实施例中的一种数据展示方法的流程图；

图5示出了本发明另一个实施例中的一种数据展示方法的流程图；

图6示出了本发明实施例中的一种数据展示装置的逻辑结构示意图；

图7示出了本发明另一个实施例中的一种数据展示装置的逻辑结构示意图。

具体实施方式

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

在Web的开发过程中，我们需要频繁地查询数据库中的数据。随着互联网的飞速发展，大数据时代的到来，使得数据量的规模已经达到PB级或PB级以上，要提高网页的响应性能，就需要降低Web端和服务器端数据的传输量，因此大数据的前端分页的功能不可或缺。若选择一个不合理的前端分页方案，大数据在查询时就会引发网络资源严重浪费，网站拥堵，查询界面等待时间过长等一系列严重影响Web性能的问题。

为此，本发明提供一种数据展示方法，如图1所示，该方法包括：

S101，触发网页Web中分页工具栏的第一基本元素，其中，第一基本元素至少包含一项Web页导引项。

其中第一基本元素是Web中分页工具栏包括的任意一个基本元素，如第一页、上一页、更多页、下一页等。

S102，加载Web页导引项对应的展示内容。

S103，检测展示内容是否在前端缓存中。

S104，当在前端缓存时，读取展示内容；其中，展示内容包括展示内容的数据量和/或展示内容所在Web页中的位置。

可以理解的是，这里展示内容所在Web页中的位置可以为起始位置。

通过上述技术方案，可以看出本方案通过优先获取前端缓存的数据来 进行展示，减少Web前端与Web服务器之间的交互次数，从而降低Web前端与Web服务器之间的数据传输量，减少网络资源的浪费的目的。

进一步可选的，在S101(接收用户输入的触发操作)之前，本发明还可以包括一种数据展示方法，如图2所示，下述仅叙述分页工具栏的初始化的相关步骤，针对上述已描述的步骤不做赘述，下述实施例同理。

S201，确定分页工具栏中的基本元素。

分页工具栏中的基本元素至少包含一项Web页导引项；其可以包括第一页、上一页、更多页、下一页。

首先需要说明的是，分页工具栏的视图如图3(a)所示。如图3(a)所示，分页工具栏中的基本元素包括第一页(如“1”)、上一页(如“<<”)、更多页(如“…”)、下一页(如“>>”)。

相应的，在S101中描述的第一基本元素可以为分页工具栏中包括的任意一个基本元素，如，第一基本元素可以为第一页或者，上一页或者更多页或者下一页。

S202，对分页工具栏中的基本元素绑定触发事件。

触发事件对应Web页导引项的的记录数量、数据记录的位置。

其中，本实施例不显示数据记录的位置。比如，可以为数据记录的起始位置。

在本实施例中，由Web前端来对数据进行分页，在S201对分页工具栏的基本元素构造完成之后，需要构造分页参数，即对分页工具栏中的基本元素绑定触发事件。如第一页元素对应的记录数量为X，数据记录的起始位置为0。第二页元素对应的记录数量为X，数据记录的起始位置为2X。

S203，构造分页参数。

其中，分页参数可以包括每Web页数据量和/或当前数据记录的位置。

同理，这里当前数据记录的位置可以为当前数据记录的起始位置。通过获知当前数据记录的位置进而能够获知展示内容所在Web页中的位置。

S204，将该分页参数发送给Web服务器。

可选的，Web前端通过AJAX(Asynchronous Javascript And XML，异 步脚本)向Web服务器发送分页参数。

其中，AJAX即异步JavaScript和XML，是指一种创建交互式网页应用的网页开发技术。通过与服务器进行少量数据交换，AJAX可以使网页实现异步更新。

通过确定分页工具栏中的基本元素、对分页工具栏中的基本元素绑定触发事件，然后构造分页参数并发送给Web服务器，可以支撑S101-S104的实现，进而可以减少Web服务器在收到请求之后进行当前分页导致的Web响应时间。

进一步可选的，分页工具栏的基本元素还包括查询耗时元素，如图3(b)所示。通过增加查询耗时元素可以让用户直观的看到Web翻页对应的耗时时间，进而也便于后续耗时时间的统计和以及一系列的分析展示。

进一步可选的，S102(加载所述Web页导引项对应的展示内容)之前需要确定展示内容，则展示内容可细化包括：计算第一基本元素包含的Web页导引项对应的目标Web页；将目标Web页包含的数据确定为展示内容。

具体的，用户可以通过触发操作来触发Web中分页工具栏的第一基本元素，Web前端通过第一基本元素确定该第一基本元素对应的触发事件，然后再根据触发事件、当前所在页数来计算待展示Web页，进而确定待展示Web页对应的展示内容。

例如，当第一基本元素为上一页或者下一页时，则请求的页数为当前页数加一或者减一，得到请求的页数之后，将请求的页数转换成记录数量、数据记录的(起始)位置。

需要说明的是，在用户进行触发操作之后，根据返回的存在更多页(hasMore)的标识来控制更多页按钮和下一页按钮的逻辑，如果标识为true，则更多页按钮和下一页按钮可用，否则不可用。

进一步可选的，在S103(检测展示内容是否在前端缓存中)之后，本发明还提供一种数据展示方法，如图4(a)所示，该方法包括：

S401，当未在前端缓存时，向Web服务器发送数据展示请求，数据展示请求包括展示内容的数据量和/或展示内容所在Web页中的位置。

S402，接收Web服务器返回数据展示请求对应的展示内容。

当前端缓存区域未缓存有展示内容时，可以通过向Web服务器发送数据展示请求来获取由Web服务器提供的展示内容，以便于达到在Web页显示对应的展示内容的目的。

进一步可选的，在S402(接收Web服务器返回数据展示请求对应的展示内容)之后，如图4(b)所示，该方法还包括：

S403，通过数据展示请求中包括的参数构造一个具有唯一性的关键标识(Key)。

S404，将该Key与展示内容进行关联。

S405，将展示内容缓存至前端缓存区域。

值得说明的是，在未浏览Web的数据时，缓存区域中还未有缓存的数据，此时S104的条件不符合。需执行S401，当获取到Web服务器返回的展示内容之后，继续执行S403-S405。通过将Web服务器提供的展示内容进行缓存，以便于用户在预定时间内触发相同触发事件时，无需请求Web服务器进行再次发送，减少Web前端与Web服务器之间的传输量，提供Web的响应性能。

需要说明的是，图4(a)和图4(b)示出的流程图包括S201-S202，本发明不限于此，如还可以包括一种数据展示方法中不包括S201-S202。

对应进行说明的是对S103(检测展示内容是否在前端缓存中)进行细化(包括S501、S502)，如图5所示，该方法还包括：

S501，根据第一基本元素确定第一基本元素对应的关键Key。

S502，查找前端缓存区域是否第一基本元素对应的Key。

S503，当前端缓存区域已缓存第一基本元素对应的Key时，从前端缓存区域读取第一基本元素对应的Key绑定的数据。

通常情况下，用户按顺序翻页浏览Web中的数据时，执行顺序为S101、 S102、S103、S401-S405。但当用户点击上一页、第一页等已经浏览过的网页时，执行顺序为S101-S104，细化步骤包括S101、S102、S501-S503。

进一步可选的，S105中向Web服务器发送数据展示请求的具体发送方式有多种，在此例举一种具体发送方式，即：通过AJAX向Web服务器发送数据展示请求。

进一步可选的，当获取到待展示数据之后，可以通过Web的内容显示区展示展示内容。

进一步可选的，当前端缓存区域未缓存展示内容以及Web服务器中也不存在展示内容(当检测到展示内容不存在)时，在内容显示区显示无展示标识，该无展示标识用于表示展示内容不存在。

其中，无展示标识可以为当前查询无数据。

综上所述，通过上述方案，本发明可以在数据记录的总数不能获取的情况下，可以实现在Web前端对数据查询进行服务器端分页；以及，能够前端缓存已经请求过的页数的数据，对于相同页数的请求直接从前端缓存读取数据，这样可以减少对服务器端的请求次数，避免不必要的网络资源开销；以及，在页面显示的页数都是已经点击过的页数，并且可以根据更多页和下一页按钮来判断和显示下一页的数据；以及，能够显示每次查询的具体耗时时间，使得用户能够直观的知道每页的数据请求的实际耗时。

为了达到上述目的，本发明还提供一种数据展示装置60，如图6所示，该装置60包括：触发单元601，加载单元602，检测单元603，读取单元604。

其中，触发单元601，用于触发网页Web中分页工具栏的第一基本元素，并将第一基本元素提供给加载单元602，其中，第一基本元素至少包含一项Web页导引项；

加载单元602，用于加载Web页导引项对应的展示内容；

检测单元603，用于检测展示内容是否在前端缓存中；

读取单元604，用于当在前端缓存时，读取展示内容；其中，展示内容包括展示内容的数据量和/或展示内容所在Web页中的位置。

本方案通过优先获取前端缓存区域的数据来进行展示，减少Web前端 与Web服务器之间的交互次数，从而降低Web前端与Web服务器之间的数据传输量，减少网络资源的浪费。

进一步可选的，本发明还可以提供一种数据展示装置70，如图7所示，该装置70还包括：确定单元605，绑定单元606，构造单元607，发送单元608，计算单元609，接收单元610，关联单元611，缓存单元612，显示单元613；以及，检测单元603包括确定模块6031，查找模块6032。

在触发单元601触发Web中分页工具栏的第一基本元素之前，确定单元602，还用于确定分页工具栏中的基本元素，并将分页工具栏中的基本元素提供给绑定单元606，分页工具栏中的基本元素包括第一页、上一页、更多页、下一页，该分页工具栏中的任意一个基本元素都可能为第一基本元素。

对应的，绑定单元606，用于对分页工具栏中的基本元素绑定触发事件，触发事件对应Web页导引项的记录数量、数据记录的位置。以及，

构造单元607，用于构造分页参数，分页参数包括每Web页数据量和/或当前数据记录的位置；

发送单元608，用于将分页参数发送给Web服务器。

通过确定单元602来确定分页工具栏中的基本元素、绑定单元606执行基本元素绑定触发事件，构造单元607构造分页参数，发送单元608向Web服务器发送分页参数之后，分页工具栏的初始化完成。

进一步的，在加载单元602加载Web页导引项对应的展示内容之前，需要先确定展示内容。具体的，计算单元609，用于计算第一基本元素包含的Web页导引项对应的目标Web页；

确定单元605，还用于将目标Web页包含的数据确定为展示内容。

进一步的，在检测单元603检测展示内容是否在前端缓存中之后，发送单元608，还用于当未在前端缓存时，向Web服务器发送数据展示请求，数据展示请求包括展示内容的数据量和/或展示内容所在Web页中的位置；

然后接收单元610，用于接收Web服务器返回数据展示请求对应的展 示内容。

进一步的，在接收单元610接收Web服务器返回数据展示请求对应的展示内容之后，装置还包括：

构造单元607，用于通过数据展示请求中包括的参数构造一个具有唯一性的Key，并将Key提供给关联单元611；

关联单元611，用于将Key与展示内容进行关联；

缓存单元612，用于在关联单元611将Key与展示内容之后，将展示内容缓存至前端缓存区域。

进一步的，检测单元603中的确定模块6031，用于根据第一基本元素确定第一基本元素对应的Key。

查找模块6032，用于查找前端缓存区域是否已缓存第一基本元素对应的Key。

对应的，读取单元604，具体用于当前端缓存区域已缓存第一基本元素对应的Key时，从前端缓存区域读取展示内容。

进一步可选的，在通过读取单元604或者接收单元601得到的展示内容之后，显示单元613，用于在内容显示区显示该展示内容。但当未从读取单元604或者接收单元601得到的展示内容时，在内容显示区显示无展示标识，无展示标识用于表示展示内容不存在。

通过上述描述可以看出，本发明在数据记录的总数不能获取的情况下，可以实现在Web前端对数据查询进行服务器端分页；以及，能够前端缓存已经请求过的页数的数据，对于相同页数的请求直接从前端缓存读取数据，这样可以减少对服务器端的请求次数，避免不必要的网络资源开销；以及，在页面显示的页数都是已经点击过的页数，并且可以根据更多页和下一页按钮来判断和显示下一页的数据；以及，能够显示每次查询的具体耗时时间，使得用户能够直观的知道每页的数据请求的实际耗时。

所述数据展示装置包括处理器和存储器，上述触发单元、加载单元、检测单元、读取单元、确定单元、绑定单元、构造单元、发送单元、计算 单元、接收单元、关联单元、缓存单元和显示单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来降低Web前端与Web服务器之间的数据传输量，减少网络资源的浪费。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：触发网页Web中分页工具栏的第一基本元素，其中，所述第一基本元素至少包含一项Web页导引项；加载所述Web页导引项对应的展示内容；检测所述展示内容是否在前端缓存中；当在所述前端缓存时，读取所述展示内容；其中，所述展示内容包括所述展示内容的数据量和/或所述展示内容所在Web页中的位置。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

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

这些计算机程序指令也可存储在能引导计算机或其他可编程数据展示设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据展示设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的展示，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个展示器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。