CN101883010B - 列表异步统计方法和系统 - Google Patents

Abstract

本发明披露一种列表异步统计方法和系统，方法包括：在客户端，监听列表数据的变更，分析列表字段的配置属性，并根据其构造来请求参数，获取列表数据请求路径作为数据统计请求路径，向服务器端发起异步数据请求；在服务器端，当处理函数接收到异步数据请求时，根据请求参数判断异步数据请求是列表数据请求还是数据统计请求，当确定是数据统计请求时，对请求参数进行解析并根据列表数据的数据库请求，构造统计数据的数据库请求，以及请求数据库返回统计数据；以及在客户端，当数据库返回统计数据时，对其进行解析并根据各字段的字段名称找到对应字段的统计数据，并将统计数据写入对应字段的统计栏中，实现列表数据和统计数据的异步。

Description

列表异步统计方法和系统

技术领域

本发明大体上涉及互联网技术，更具体地，涉及一种列表异步统计方法和系统，其在客户端以Ext Js框架为基础开发了列表异步统计插件，在服务器端提供了解析此插件生成的统计参数并构造统计数据请求的数据库请求的接口，从而实现了列表数据和统计数据的异步。

背景技术

应了解，Ext Js是一个开源的Ajax框架，是用javascript写的、用于开发富客户端的应用以及在富客户端创建丰富多彩的web应用程序界面。

随着互联网技术的发展，客户端列表数据的加载和统计方式也在不断进步。目前常用的记载方式有列表数据一次性加载而在客户端统计数据与列表数据和统计数据一起加载这两种方式，具体描述如下：

列表数据一次性加载而在客户端统计数据：这种方式的好处是只加载列表数据、列表的数据统计在客户端做、减少了请求时间，但是弊端就是要一次型加载所有数据、增加了浏览器的负担，当数据量很大的时候，浏览器将缓冲、计算和展现大量数据，因此浏览器反应会变得很慢，尤其当客户的机器配置低的时候，浏览器直接会死掉，因此严重影响客户体验；以及

列表数据和统计数据一起加载：这种方式把列表的数据统计放到了服务器端，因此列表数据不用一次性加载可以分页加载，这样就降低了浏览器的压力，但是同样当数据量很大的时候，统计数据会花费很长的时间，这就导致列表数据已经获取完毕但是数据统计的未完成导致请求不能返回，浏览器处于一直数据加载状态中，同样影响用户的体验。

因此，急需要一种方式，能够实现列表数据和统计数据的分开加载，即列表数据和数据统计分开异步请求，从而很好的提高用户体验。另外，由于分开加载能够使数据统计请求不会影响列表数据请求，这样浏览器就可以先根据列表数据的返回展现列表信息，再根据列表的数据统计展现统计信息。

发明内容

鉴于上述情况，本发明提供了一种列表异步统计方法和系统，其采用的就是列表数据和统计数据的分开加载，能够很好的提高用户体验，并且从开发人员角度来讲其易用性、可扩展性非常高，并且支持多种统计方式。

根据本发明的一个方面，列表异步统计方法包括以下步骤：步骤S102，在客户端，监听列表数据的变更，分析列表的各字段的配置属性，并且根据配置属性来构造关于数据统计请求的请求参数，获取列表数据请求的请求路径作为数据统计请求的请求路径，从而向服务器端发起异步数据请求；步骤S104，在服务器端，当处理函数接收到异步数据请求时，根据请求参数判断异步数据请求是列表数据请求还是数据统计请求，并且当确定是数据统计请求时，对请求参数进行解析并根据列表数据的数据库请求，构造统计数据的数据库请求并请求数据库返回统计数据；以及步骤S106，在客户端，当数据库返回统计数据时，对统计数据进行解析以及根据各字段的字段名称找到对应字段的统计数据，并将统计数据写入对应字段的统计栏中，从而实现了列表数据和统计数据的异步。

另外，该列表异步统计方法还包括：在客户端，预先配置列表的各字段的统计参数，其中，统计参数按需要至少包括：是否统计参数、统计方式参数以及渲染方式参数，其中，是否统计参数被默认为否，渲染方式参数的默认值为列表的字段的渲染方式，并且是否统计参数被配置在列表的属性中，统计方式参数和渲染参数被配置在列表的字段属性中。

其中，列表数据的变更至少包括列表数据的减少、增加和修改。

可选地，在步骤S104中，当异步数据请求是列表数据请求时，不进行后续处理，而直接根据列表数据请求的数据库请求来查询数据库并返回列表数据。

在步骤S104中，当异步数据请求是数据统计请求时，服务器端对请求参数进行解析，获取所要统计的字段名以及统计方式，根据列表数据的数据库请求，构造统计数据的数据库请求，并且请求数据库返回统计数据。

在步骤S106中，在客户端，当数据库返回统计数据时，对统计数据进行解析，根据各字段的字段名称找到对应字段的统计数据，根据预先配置的对应字段的渲染方式来渲染对应字段的统计数据，并且将对应字段的统计数据写入对应字段的统计栏中，刷新统计栏。

根据本发明的另一个方面，列表异步统计系统包括：请求发起单元，用于监听列表数据的变更，分析列表的各字段的配置属性，并且根据配置属性来构造关于数据统计请求的请求参数，获取列表数据请求的请求路径作为数据统计请求的请求路径，从而向服务器端发起异步数据请求；请求返回单元，用于当服务器端接收到异步数据请求时，根据请求参数判断异步数据请求是列表数据请求还是数据统计请求，并且当确定是数据统计请求时，对请求参数进行解析并根据列表数据的数据库请求，构造统计数据的数据库请求并请求数据库返回统计数据；以及异步单元，用于当数据库向客户端返回统计数据时，对统计数据进行解析以及根据各字段的字段名称找到对应字段的统计数据，并将统计数据写入对应字段的统计栏中，从而实现列表数据和统计数据的异步。

此外，该列表异步统计系统还包括：预置单元，用于在客户端，预先配置列表的各字段的统计参数，其中，统计参数按需要至少包括：是否统计参数、统计方式参数以及渲染方式参数，其中，是否统计参数被默认为否，渲染方式参数的默认值为列表的字段的渲染方式，并且是否统计参数被配置在列表的属性中，统计方式参数和渲染参数被配置在列表的字段属性中。

其中，列表数据的变更至少包括列表数据的减少、增加和修改。

在请求返回单元中，在服务器端，当异步数据请求是列表数据请求时，不进行后续处理，而直接根据列表数据请求的数据库请求来查询数据库并返回列表数据。

在请求返回单元中，当异步数据请求是数据统计请求时，对请求参数进行解析，获取所要统计的字段名以及统计方式，根据列表数据的数据库请求，构造统计数据的数据库请求，并且请求数据库返回统计数据。

在异步单元中，当数据库返回统计数据时，对统计数据进行解析，根据各字段的字段名称找到对应字段的统计数据，根据预先配置的对应字段的渲染方式来渲染对应字段的统计数据，并且将对应字段的统计数据写入对应字段的统计栏中，刷新统计栏。

因此通过本发明，实现了列表数据统计的异步实现，从而很好的提高了用户体验并且降低了浏览器的压力，并且由于对于开发人员说在客户端通过配置即可使用本插件，而在服务器端可以通过调用本系统提供的接口，直接构造统计数据的数据库请求，从而开发代码量非常少，所以也提高了易用性，此外由于可以扩展统计方式和统计结果的渲染方式，并且自己可以添加新的属性来影响统计方式，所以可扩展性很强。

附图说明

图1是根据本发明的列表异步统计方法的流程图；

图2是根据本发明的列表异步统计系统的框图；

图3是根据本发明实施例的列表统计的异步实现方法的原理图。

具体实施方式

以下将参考附图详细描述本发明的实施例。

本发明在EXTJS的基础上提出了一种列表的数据统计方案，其实现了列表数据的请求和数据统计请求的分离，异步的请求统计数据，很好的提高了用户体验，并且从开发人员角度来讲其易用性、可扩展性非常高，并且支持多种统计方式。

图1是根据本发明的列表异步统计方法的流程图。如图1所示，方法包括以下步骤：

步骤S102，在客户端，监听列表数据的变更，分析列表的各字段的配置属性，并且根据配置属性来构造关于数据统计请求的请求参数，获取列表数据请求的请求路径作为数据统计请求的请求路径，从而向服务器端发起异步数据请求；

步骤S104，在服务器端，当处理函数接收到异步数据请求时，根据请求参数判断异步数据请求是列表数据请求还是数据统计请求，并且当确定是数据统计请求时，对请求参数进行解析并根据列表数据的数据库请求，构造统计数据的数据库请求并请求数据库返回统计数据；以及

步骤S106，在客户端，当数据库返回统计数据时，对统计数据进行解析以及根据各字段的字段名称找到对应字段的统计数据，并将统计数据写入对应字段的统计栏中，从而实现了列表数据和统计数据的异步。

另外，该列表异步统计方法还包括：在客户端，预先配置列表的各字段的统计参数，其中，统计参数按需要至少包括：是否统计参数、统计方式参数以及渲染方式参数，其中，是否统计参数被默认为否，渲染方式参数的默认值为列表的字段的渲染方式，并且是否统计参数被配置在列表的属性中，统计方式参数和渲染参数被配置在列表的字段属性中。

其中，列表数据的变更至少包括列表数据的减少、增加和修改。

可选地，在步骤S104中，当异步数据请求是列表数据请求时，不进行后续处理，而直接根据列表数据请求的数据库请求来查询数据库并返回列表数据。

在步骤S104中，当异步数据请求是数据统计请求时，服务器端对请求参数进行解析，获取所要统计的字段名以及统计方式，根据列表数据的数据库请求，构造统计数据的数据库请求，并且请求数据库返回统计数据。

在步骤S106中，在客户端，当数据库返回统计数据时，对统计数据进行解析，根据各字段的字段名称找到对应字段的统计数据，根据预先配置的对应字段的渲染方式来渲染对应字段的统计数据，并且将对应字段的统计数据写入对应字段的统计栏中，刷新统计栏。

图2是根据本发明的列表异步统计系统200的框图。如图2所示，该系统200包括：请求发起单元202，用于监听列表数据的变更，分析列表的各字段的配置属性，并且根据配置属性来构造关于数据统计请求的请求参数，获取列表数据请求的请求路径作为数据统计请求的请求路径，从而向服务器端发起异步数据请求；请求返回单元204，用于当服务器端接收到异步数据请求时，根据请求参数判断异步数据请求是列表数据请求还是数据统计请求，并且当确定是数据统计请求时，对请求参数进行解析并根据列表数据的数据库请求，构造统计数据的数据库请求并请求数据库返回统计数据；以及异步单元206，用于当数据库向客户端返回统计数据时，对统计数据进行解析以及根据各字段的字段名称找到对应字段的统计数据，并将统计数据写入对应字段的统计栏中，从而实现列表数据和统计数据的异步。

此外，该列表异步统计系统200还包括：预置单元208，用于在客户端，预先配置列表的各字段的统计参数，其中，统计参数按需要至少包括：是否统计参数、统计方式参数以及渲染方式参数，其中，是否统计参数被默认为否，渲染方式参数的默认值为列表的字段的渲染方式，并且是否统计参数被配置在列表的属性中，统计方式参数和渲染参数被配置在列表的字段属性中。

其中，列表数据的变更至少包括列表数据的减少、增加和修改。

在请求返回单元204中，在服务器端，当异步数据请求是列表数据请求时，不进行后续处理，而直接根据列表数据请求的数据库请求来查询数据库并返回列表数据。

在请求返回单元204中，当异步数据请求是数据统计请求时，对请求参数进行解析，获取所要统计的字段名以及统计方式，根据列表数据的数据库请求，构造统计数据的数据库请求，并且请求数据库返回统计数据。

在异步单元206中，当数据库返回统计数据时，对统计数据进行解析，根据各字段的字段名称找到对应字段的统计数据，根据预先配置的对应字段的渲染方式来渲染对应字段的统计数据，并且将对应字段的统计数据写入对应字段的统计栏中，刷新统计栏。

可见，本发明的列表统计方案可以分为客户端和服务器端两部分。其中，客户端是请求的发起端，分析配置、组织需要统计的字段和统计方式、负责监听列表数据的变更、渲染返回的统计数据；服务器端是数据统计的处理端，负责接受请求，分析要统计的字段和该字段的统计方式，构造数据库请求语句，查询统计数据并返回数据。图3是根据本发明实施例的列表统计的异步实现方法的原理图。如图3所示，客户端和服务器端的工作原理如下：

客户端：首先要配置列表字段，配置是否统计、统计方式和渲染方式。默认情况下统计方式为无，渲染方式为列表字段的渲染方式。该插件监听列表数据变更(减少、增加、修改)，当数据有变化的时候就会分析各字段的配置，构造请求参数，获取列表的请求路径，发起异步请求，异步请求不影响客户的操作，等待返回数据。当数据返回的时候，分析返回数据，根据字段名称解析其统计值，并根据配置的渲染方式渲染统计值，并写到各字段得统计栏中，刷新统计栏，结束本次的统计数据请求。

服务器端：服务器端的实现是跟列表数据请求处理方法为同一个方法不同请求参数。这样做的好处是开发人员不用编写多于的代码，只需调用本文提出的统计方法的接口即可。首先服务器端等待数据统计请求，当接受到请求的时候判断是列表数据请求还是数据统计请求，如果为列表数据请求则直接根据列表数据的数据库请求查询数据库返回列表数据；如果是数据统计请求则调用本发明中所提出的统计方法的接口来构造数据统计的数据库请求，查询数据库返回统计数据。本发明中所提出的统计方法的接口会解析请求参数，获取要统计的字段名和统计方式，根据列表数据请求的数据库请求，构造统计数据的数据库请求。

应了解，用户可以通过配置以下三个属性来使用插件。详细配置属性介绍如下：

hasTotalSummary：表示是否适用本插件，被配置到列表属性中。

totalSummaryType：表示统计方式，被配置到列表的字段属性中。

totalSummaryRenderer：表示渲染方式，被配置到列表的字段属性中。

其中，当hasTotalSummary为真的时候插件会监听列表的数据变动，包括增删改。如果有变动，那么插件就会解析列表的所有列字段的属性，分析其totalSummaryType属性和字段名属性，构造请求参数。然后去获取列表的数据请求路径，构造数据统计的请求并异步的去请求数据。异步请求不影响客户的操作。当请求返回的时候，解析返回数据，根据返回数据的字段名称，将返回的统计数据和列字段对应，并调用totalSummaryRenderer中配置的渲染方法，如果没有配置，则获取相应字段的渲染方法渲染统计值，刷新统计栏，将数据写到页面中。

服务器端可以根据请求参数isSummaryQuery是否为真来判断，请求是列表数据请求还是数据统计请求。如果是统计请求，用户调用本系统提供的统计方法的接口构造数据统计的数据库请求，查询数据库返回统计数据。接口所需的参数为统计信息参数和列表数据的数据库请求语句。

因此，用户可以根据自己的需求给该插件添加新的统计方式和渲染方式。

如上所述，通过本发明，至少可以取得以下效果：

1)更好的用户体验：本发明的方案是异步的请求统计数据，因此不影响列表的展现，其中，列表数据一旦加载完毕，用户即可对数据进行操作，不用等待数据统计请求的完毕，而一旦数据统计请求结束，那么就会将数据展现在列表的状态栏中，从而当用户对列表数据进行操作导致列表数据变更的时候，统计数据会自动重新请求而且不会影响用户的体验；

2)易用性高：本发明提出的列表统计可以作为一个插件插入到列表控件中，从而在客户端，开发人员只需要通过配置告知插件那些列字段需要统计即可，该插件会自动监听列表的变更，一旦列表的数据变动，那么插件会重新去请求统计数据，不影响用户的操作，而且对开发人员来说不需要去编写监听列表代码，而在服务器端，开发人员直接调用本系统提供的统计方法的接口，构造数据统计请求的数据库请求，无需自己解析统计请求参数和构造数据统计的数据库请求；以及

3)可扩展性强：本发明有一些默认的属性可以供开发人员使用，例如：列表字段的统计方式(求和、最大值、最小值、个数、平均值等)、渲染方式(可以根据字段特性渲染列字段值，可以渲染为金额的表示方式，或者以文字方式渲染等)等，从而开发人员可以扩展已有的属性(添加新的统计方式和新的渲染方式)或者添加其它属性供自己需求，非常简单。

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

Claims (12)

1.一种列表异步统计方法，其以EXTJS为基础，在服务器端和客户端实现列表数据和统计数据的异步，其特征在于，包括以下步骤：

步骤S102，在所述客户端，监听所述列表数据的变更，分析列表的各字段的配置属性，并且根据所述配置属性来构造关于数据统计请求的请求参数，获取列表数据请求的请求路径作为所述数据统计请求的请求路径，从而向所述服务器端发起异步数据请求；

步骤S104，在所述服务器端，当处理函数接收到所述异步数据请求时，根据所述请求参数判断所述异步数据请求是所述列表数据请求还是所述数据统计请求，并且当确定是所述数据统计请求时，对所述请求参数进行解析并根据所述列表数据的数据库请求，构造所述统计数据的数据库请求并请求数据库返回所述统计数据；以及

步骤S106，在所述客户端，当所述数据库返回所述统计数据时，对所述统计数据进行解析以及根据各字段的字段名称找到对应字段的统计数据，并将统计数据写入所述对应字段的统计栏中，从而实现了所述列表数据和统计数据的异步。

2.根据权利要求1所述的列表异步统计方法，其特征在于，还包括以下步骤：

在所述客户端，预先配置所述列表的各字段的统计参数，

其中，所述统计参数按需要至少包括：是否统计参数、统计方式参数以及渲染方式参数，

其中，所述是否统计参数被默认为否，所述渲染方式参数的默认值为所述列表的字段的渲染方式，并且所述是否统计参数被配置在所述列表的属性中，所述统计方式参数和所述渲染方式参数被配置在所述列表的字段属性中。

3.根据权利要求2所述的列表异步统计方法，其特征在于，所述列表数据的变更至少包括所述列表数据的减少、增加和修改。

4.根据权利要求2所述的列表异步统计方法，其特征在于，在所述步骤S104中，

在所述服务器端，当所述异步数据请求是所述列表数据请求时，不进行后续处理，而直接根据所述列表数据请求的数据库请求来查询数据库并返回所述列表数据。

5.根据权利要求2所述的列表异步统计方法，其特征在于，在所述步骤S104中，

当所述异步数据请求是所述数据统计请求时，所述服务器端对所述请求参数进行解析，

获取所要统计的字段名以及统计方式，

根据所述列表数据的数据库请求，构造所述统计数据的数据库请求，并且

请求数据库返回所述统计数据。

6.根据权利要求2所述的列表异步统计方法，其特征在于，在所述步骤S106中，在所述客户端，

当所述数据库返回所述统计数据时，对所述统计数据进行解析，

根据各字段的字段名称找到对应字段的统计数据，

根据预先配置的对应字段的渲染方式来渲染所述对应字段的统计数据，并且

将渲染后所述对应字段的统计数据写入所述对应字段的统计栏中，刷新统计栏。

7.一种列表异步统计系统，其以EXTJS为基础，在服务器端和客户端实现列表数据和统计数据的异步，其特征在于，包括：

请求发起单元，用于监听所述列表数据的变更，分析列表的各字段的配置属性，并且根据所述配置属性来构造关于数据统计请求的请求参数，获取列表数据请求的请求路径作为所述数据统计请求的请求路径，从而向所述服务器端发起异步数据请求；

请求返回单元，用于当所述服务器端接收到所述异步数据请求时，根据所述请求参数判断所述异步数据请求是所述列表数据请求还是所述数据统计请求，并且当确定是所述数据统计请求时，对所述请求参数进行解析并根据所述列表数据的数据库请求，构造所述统计数据的数据库请求并请求数据库返回所述统计数据；以及

异步单元，用于当所述数据库向所述客户端返回所述统计数据时，对所述统计数据进行解析以及根据各字段的字段名称找到对应字段的统计数据，并将统计数据写入所述对应字段的统计栏中，从而实现所述列表数据和统计数据的异步。

8.根据权利要求7所述的列表异步统计系统，其特征在于，还包括：

预置单元，用于在所述客户端，预先配置所述列表的各字段的统计参数，

其中，所述统计参数按需要至少包括：是否统计参数、统计方式参数以及渲染方式参数，

其中，所述是否统计参数被默认为否，所述渲染方式参数的默认值为所述列表的字段的渲染方式，并且所述是否统计参数被配置在所述列表的属性中，所述统计方式参数和所述渲染方式参数被配置在所述列表的字段属性中。

9.根据权利要求8所述的列表异步统计系统，其特征在于，所述列表数据的变更至少包括所述列表数据的减少、增加和修改。

10.根据权利要求8所述的列表异步统计系统，其特征在于，在所述请求返回单元中，在所述服务器端，当所述异步数据请求是所述列表数据请求时，不进行后续处理，而直接根据所述列表数据请求的数据库请求来查询数据库并返回所述列表数据。

11.根据权利要求8所述的列表异步统计系统，其特征在于，在所述请求返回单元中，当所述异步数据请求是所述数据统计请求时，对所述请求参数进行解析，获取所要统计的字段名以及统计方式，根据所述列表数据的数据库请求，构造所述统计数据的数据库请求，并且请求数据库返回所述统计数据。

12.根据权利要求8所述的列表异步统计系统，其特征在于，在所述异步单元中，当所述数据库返回所述统计数据时，对所述统计数据进行解析，根据各字段的字段名称找到对应字段的统计数据，根据预先配置的对应字段的渲染方式来渲染所述对应字段的统计数据，并且将渲染后所述对应字段的统计数据写入所述对应字段的统计栏中，刷新统计栏。

Images