CN110647704B - 一种页面更新方法、装置及设备 - Google Patents

Abstract

本说明书实施例公开了一种页面更新方法、装置及设备。该页面更新方案包括：获取数据展示页面中的各个控件的坐标信息；确定数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；根据控件坐标信息集合及第一页面区域的区域坐标信息，确定第一待更新控件集合，第一待更新控件集合中的待更新控件为第一页面区域中的控件；对第一待更新控件集合中的待更新控件所展示的数据进行更新。

Description

一种页面更新方法、装置及设备

本申请涉及计算机数据处理技术领域，尤其涉及一种页面更新方法、装置及设备。

背景技术

数据看板是企业管理的基本措施与途径，也是企业决策者的主要参考依据之一。企业可以依托于计算机等终端设备所搭载的浏览器对数据看板进行展示和管理。由于数据看板中的数据通常会基于企业业务的运行而发生变化，因此，需对数据看板中的数据进行更新，以满足用户对数据实时性的需求。目前，每次对浏览器页面所展示的数据看板进行更新时，通常会对数据看板中包含的全部数据进行更新，存在资源浪费的问题。

发明内容

有鉴于此，本申请实施例提供了一种页面更新方法、装置及设备，用于减少对页面更新时产生的资源浪费。

为解决上述技术问题，本说明书实施例是这样实现的：

本说明书实施例提供的一种页面更新方法，包括：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

本说明书实施例提供的一种页面更新装置，包括：

坐标信息获取模块，用于获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

第一确定模块，用于确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

第二确定模块，用于根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

第一更新模块，用于对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

本说明书实施例提供的一种页面更新设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

本说明书实施例提供的一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现如下的步骤：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：

获取数据展示页面中的各个控件的坐标信息；确定数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；根据各个控件的坐标信息及第一页面区域的区域坐标信息，将第一页面区域中的控件确定为第一待更新控件集合中的待更新控件。通过对第一待更新控件集合中的待更新控件所展示的数据进行更新，无需对数据展示页面中的全部控件所展示的数据进行更新。可以在满足用户对浏览器可视区域内展示的数据的实时性需求的基础上，减少页面更新方法运行时所需的资源量，从而减少对页面更新时产生的资源浪费。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本说明书实施例提供的一种页面更新方法的流程示意图；

图2为本说明书实施例提供的一种浏览器页面的示意图；

图3为本说明书实施例提供的对应于图1中方法的一种页面更新装置的结构示意图；

图4为本说明书实施例提供的对应于图1中方法的一种页面更新设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

以下结合附图，详细说明本申请各实施例提供的技术方案。

图1为本说明书实施例提供的一种页面更新方法的流程示意图。该流程的执行主体既可以是搭载于终端设备上的浏览器(web browser)，也可以是搭载有浏览器的终端设备(web browser)。

如图1所示，该流程可以包括以下步骤：

步骤101：获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的。

在本说明书实施例中，数据展示页面可以是用于展示在数据分析应用处生成的周期性更新的数据报表或数据看板的页面，为便于理解，后续以数据看板为例进行举例说明。数据分析应用可以对从目标数据源处获取的流数据进行统计，生成数据展示页面中的各个数据，并将生成的数据存储至数据分析应用的服务器处，以便于用户基于浏览器从数据分析应用的服务器处获取数据展示页面中的数据。

在实际应用中，数据分析应用对数据展示页面中的不同数据的生成频率可以相同，也可以不同。例如，假定数据看板为针对商品A的销售数据看板，该数据看板中包含当前浏览商品A的用户数量、每小时销售量、日均销售量等三种数据，则数据分析应用对当前浏览商品A的用户数量的更新频率应控制在秒级以内，例如，每秒更新一次等；而对每小时销售量的更新频率可以为每小时更新一次，对于日均销售量的更新频率可则以为每天更新一次。在实际应用中，数据分析应用可以采用商业智能(Business Intelligence)应用实现，例如，FineBI、Power BI等，对此，本说明书实施例中不做具体限定。

在本说明书实施例中，数据展示页面中可以包含多个用于展示数据的控件。具体的，数据展示页面中的控件可以为HTML控件。浏览器在对数据展示页面完成页面初始化渲染后，可以根据数据展示页面中的控件的属性信息，获取到控件的坐标信息。该坐标信息用于确定该控件在整个数据展示页面中的位置。例如，该坐标信息可以包括：控件左上角的横纵坐标、控件的长度、控件宽度等信息。

步骤102：确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息。

在本说明书实施例中，浏览器视窗是指浏览器页面中用于展示数据展示页面的区域。例如，浏览器视窗可以指除去工具栏及滚动条等所占区域后的剩余区域。图2为本说明书实施例提供的一种浏览器页面的示意图，如图2所示，浏览器页面201中包括第一工具栏202、滚动条203、第二工具栏204、第三工具栏205及数据展示区域206。在图2中数据展示区域206即为(当前)浏览器视窗的所占区域。

在本说明书实施例中，数据展示页面可以为页面宽度等于当前浏览器视窗的宽度，且页面高度大于所述当前浏览器视窗的高度的页面。则浏览器只需配备一个竖向滚动条(即滚动条203)，即可令用户通过控制该竖向滚动条以查阅到数据展示页面中的全部数据。当然，数据展示页面的页面宽度也可以大于当前浏览器视窗的宽度，则浏览器还需配备一个横向滚动条，以便于用户查阅数据展示页面中的全部数据。

在本说明书实施例中，第一页面区域位于当前浏览器视窗中，即该第一页面展示区域的页面宽度小于等于当前浏览器视窗的宽度，该第一页面展示区域的页面高度小于等于当前浏览器视窗的高度。

在实际应用中，可以采用现有的方法，确定数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息。该区域坐标信息可以用于确定该第一页面区域在数据展示页面中的位置。具体的，该区域坐标信息可以包括：第一页面区域的右上角横纵坐标、左下角横纵坐标、页面高度及页面宽度等信息。例如，当以数据展示页面的左下角为XY坐标系的原点时，假定，数据展示页面的右上角坐标为(100,200)，而第一页面展示区域的左下角坐标为(0,0)，右上角坐标为(100,100)，可知，第一页面展示区域的页面宽度为100，页面高度也为100，第一页面展示区域为数据展示页面的下半部分区域。

步骤103：根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件。

在本说明书实施例中，可以根据控件坐标信息集合及第一页面区域的区域坐标信息，将数据展示页面中位置第一页面区域中的控件划分至第一待更新控件集合。由于第一页面区域位于当前浏览器视窗中，而第一待更新控件集合中的待更新控件为所述第一页面区域中的控件，可知，第一待更新控件集合中的待更新控件也位于当前浏览器视窗中，即第一待更新控件集合中的待更新控件所展示的数据为当前浏览器视窗中展示的数据。

步骤104：对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

在本说明书实施例中，在对数据展示页面进行更新时，可以先确定当前浏览器视窗中展示控件，并仅对前浏览器视窗中展示的控件所对应的数据进行更新，无需对数据展示页面中的全部控件所对应的数据进行更新。可以在满足用户对浏览器可视区域内展示的数据的实时性需求的基础上，减少页面更新方法运行时所需的资源量，从而减少对页面更新时产生的资源浪费。

基于图1中的方法，本说明书实施例还提供了该方法的一些具体实施方式，下面进行说明。

由于用户的浏览习惯及数据使用频率的不同，因此，针对不同用户确定出的第一页面区域既可以是相同的，也可以是不同的。通过为用户提供个性化的页面更新方法，以进一步提升用户体验，减少资源浪费。

在本说明书实施例中，步骤102：确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息，具体可以包括：

确定所述数据展示页面在当前浏览器视窗中展示的最大页面区域，所述最大页面区域的页面宽度与所述当前浏览器视窗的宽度相同，所述最大页面区域的页面高度与所述当前浏览器视窗的高度相同。

根据预设条件，从所述最大页面区域中确定第一页面区域，得到所述第一页面区域的区域坐标信息；所述第一页面区域的页面宽度小于等于所述最大页面区域的页面宽度，所述第一页面区域的页面高度小于等于所述最大页面区域的页面高度；所述预设条件包括：所述第一页面区域在所述最大页面区域中的位置条件，和/或用户对数据的使用率。

在本说明书实施例的一种实现方式中，可以直接将数据展示页面在当前浏览器视窗中展示的最大页面区域确定为第一页面区域。此时，确定出的第一页面区域的面积最大，进而令确定出的第一待更新控件集合中的控件数量也最多。

基于本实现方式，对页面进行更新时，可以对浏览器视窗中展示的数据进行较全面的更新，满足用户对数据更新全面性的要求，同时可以减少对页面更新时产生的资源浪费。

在本说明书实施例的另一种实现方式中，可以根据用户对数据的使用率(简称：数据使用率)，从最大页面区域中确定第一页面区域。具体的，可以统计目标用户对数据展示页面中的各个控件的点击频率，或者，统计该目标用户对数据展示页面中的各个控件所展示的数据的浏览总时长。对于数据展示页面中的任意一个控件，根据与该控件对应的点击频率和/或浏览总时长，确定对该控件所展示的数据的使用率(即数据使用率)。其中，对控件所展示的数据的使用率与对该控件的点击频率是正相关的，对控件所展示的数据的使用率与对该控件所展示的数据的浏览总时长也是成正相关的。将最大页面区域中，对所展示数据的使用率(即数据使用率)大于预设值的控件所在区域的集合，确定为第一页面区域。

此外，在对页面进行更新时，可以对基于第一页面区域确定出的待更新控件所展示的数据，按第一更新频率进行周期性更新。对于最大页面区域中除第一页面区域以外的其他区域中的控件所展示的数据，按第二更新频率进行周期性更新。其中，第二更新频率小于第一更新频率。从而实现对数据使用率较高的数据进行高频更新，而对数据使用率较低的数据进行低频更新，在满足用户需求的同时，进一步减少对资源的浪费。

在本实现方式中，该第一页面区域既可以是规则的矩形，也可以是由多个不规则形状区域拼接或组合而成的区域。例如，如图2所示，假定，最大页面区域206中展示的第一控件2061所对应的数据使用率为70％，第二控件2062所对应的数据使用率为90％，第三控件2063所对应的数据使用率为60％。若预设值为65％，则第一页面区域为第一控件2061及第二控件2062所占区域。基于该第一页面区域确定出的第一待更新控件集合中仅包含第一控件2061及第二控件2062等两个控件。此时，可以对第一控件2061及第二控件2062按第一更新频率更新，而对第三控件2063按第二更新频率更新。

在本说明书实施例的又一种实现方式中，可以根据预设的第一页面区域在所述最大页面区域中的位置条件，从最大页面区域中确定第一页面区域。例如，假定第一页面区域为矩形，预设的位置条件为：第一页面区域的顶边与最大页面区域的顶边的间距为10，第一页面区域的底边与最大页面区域的底边的间距为10，第一页面区域的左侧边与最大页面区域的左侧边的间距为10，第一页面区域的右侧边与最大页面区域的右侧边的间距为10。若最大页面区域的区域坐标信息为：左下角坐标(0,0)，右上角坐标(100,100)。根据该位置条件及最大页面区域的坐标信息，可以确定出第一页面区域的区域坐标信息为：左下角坐标(10,10)，右上角坐标(90,90)。

在本实现方式中，可以基于用户浏览习惯，将用户视线焦点范围内的数据所在区域(例如，浏览器窗口中心区域)设置为第一页面区域，从而预设第一页面区域在所述最大页面区域中的位置条件。在对页面更新时，通过仅更新第一页面区域中的控件所展示的数据，而不更新最大页面区域中除第一页面区域以外的其他区域中的控件所展示的数据，从而在满足用户需求的同时，进一步减少对资源的浪费。

在本说明书实施例中，步骤103：根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，具体可以包括：

对于所述控件坐标信息集合中的任意一个控件坐标信息，判断所述任意一个控件坐标信息中的纵坐标是否大于所述起始纵坐标且小于所述终止纵坐标。若是，则将所述任意一个控件坐标信息所对应的控件划分至第一待更新控件集合。若否，则拒绝将所述任意一个控件坐标信息所对应的控件划分至第一待更新控件集合。

在本说明书实施例中，当数据展示页面的页面宽度等于当前浏览器视窗的宽度，且数据展示页面的页面高度大于当前浏览器视窗的高度时，在确定第一待更新控件集合中的控件时，仅需判断控件的左上角的纵坐标是否位于第一页面区域的纵向坐标范围内即可。

其中，第一页面区域的纵向坐标范围的起始纵坐标为第一页面区域的底边所对应的纵坐标，第一页面区域的纵向坐标范围的终止纵坐标为所述第一页面区域的顶边所对应的纵坐标，该起始纵坐标及该终止纵坐标均被包含于第一页面区域的区域坐标信息中。例如，假定第一页面区域的纵向坐标范围为[0,90]，若控件的左上角的纵坐标为10，则该控件为第一待更新控件集合中的控件；若控件的左上角的纵坐标为100，则该控件不属于第一待更新控件集合中的控件。

在本说明书实施例中，当数据展示页面的页面宽度大于当前浏览器视窗的宽度，且数据展示页面的页面高度大于当前浏览器视窗的高度时，在确定第一待更新控件集合中的控件时，需要控件的左上角的纵坐标位于第一页面区域的纵向坐标范围内，且该控件的左上角的横坐标位于第一页面区域的横向坐标范围内，才能将该控件确定为第一待更新控件集合中的控件。

在本说明书实施例中，在对页面进行更新后，由于用户可能会通过操作滚动轴控件而改变浏览器视窗中展示的控件，进而改变浏览器视窗中展示的数据，因此，在步骤104之后，还可以包括：

监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域。

根据所述监听结果，确定所述滚动条控件的状态信息。

当所述状态信息表示所述滚动条控件由滚动状态转为静止状态时，确定所述数据展示页面在所述当前浏览器视窗中展示的第二页面区域的区域坐标信息。

根据所述控件坐标信息集合及所述第二页面区域的区域坐标信息，确定第二待更新控件集合，所述第二待更新控件集合中的待更新控件为所述第二页面区域中的控件。

对所述第二待更新控件集合中的待更新控件所展示的数据进行更新。

在本说明书实施例中，确定第二页面区域的区域坐标信息与确定第一页面区域的区域坐标信息的实现方式可以是相同的，确定第二待更新控件集合与确定第一待更新控件集合的实现方式也可以是相同的，对此不再赘述。

在本说明书实施例中，通过监控浏览器的滚动条控件(如图2所示的滚动条203)，在识别到滚动条滚动后，重新确定待更新控件，并对重新确定出的待更新控件所展示的数据进行周期性更新，以保证用户浏览到的数据的实时性。同时，无需对数据展示页面的全部数据进行更新，可以减少资源的浪费。

在本说明书实施例中，在对页面进行更新后，用户也可能在一段时间内并未对滚动轴控件执行操作，即用户并未改变浏览器视窗中展示的控件。为保证数据的实时性，在步骤104之后，还可以包括：

监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域。

根据所述监听结果，确定所述滚动条控件的状态信息。

当所述状态信息表示所述滚动条控件保持静止状态时，对所述第一待更新控件集合中的待更新控件所展示的数据进行周期性更新。或者，当所述状态信息表示所述滚动条控件保持静止状态时，再次采用步骤103中的方法，确定待更新控件集合，并对待更新控件集合中的待更新控件所展示的数据进行更新。从而保证用户浏览到的数据的实时性。

在本说明书实施例中，为了对控件展示的数据进行更新，还需获取数据展示页面中的各个控件的数据源信息，得到控件数据源信息集合。具体的，数据展示页面中的控件可以为HTML控件。浏览器可以根据数据展示页面中的控件的属性信息，获取到控件的数据源信息。该数据源信息用于请求该控件所展示的数据，该数据源可以采用统一资源定位符实现。在实际应用中，浏览器还可以建立控件的坐标信息与数据源信息之间的关联关系，从而便于后续对控件所展示的数据的更新。

相应的，步骤104：对所述第一待更新控件集合中的待更新控件所展示的数据进行更新，具体可以包括：

对于所述第一待更新控件集合中的任意一个待更新控件，从所述控件数据源信息集合中，确定所述任意一个待更新控件的数据源信息。

生成用于向所述任意一个待更新控件的数据源信息所对应的数据源请求数据的数据请求。

发送所述数据请求至所述数据分析应用的服务器。

接收所述数据分析应用的服务器响应于所述数据请求而反馈的目标数据。

根据所述目标数据对所述任意一个待更新控件进行更新，以便于所述任意一个待更新控件展示所述目标数据。

基于同样的思路，本说明书实施例还提供了与图1中方法对应的装置。图3为本说明书实施例提供的对应于图1中方法的一种页面更新装置的结构示意图。如图3所示，该装置可以包括：

坐标信息获取模块301，用于获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

第一确定模块302，用于确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

第二确定模块303，用于根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

第一更新模块304，用于对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

在本说明书实施例中，第一确定模块302，具体可以包括：

最大页面区域确定单元，用于确定所述数据展示页面在当前浏览器视窗中展示的最大页面区域，所述最大页面区域的页面宽度与所述当前浏览器视窗的宽度相同，所述最大页面区域的页面高度与所述当前浏览器视窗的高度相同。

第一页面区域确定单元，用于根据预设条件，从所述最大页面区域中确定第一页面区域，得到所述第一页面区域的区域坐标信息；所述第一页面区域的页面宽度小于等于所述最大页面区域的页面宽度，所述第一页面区域的页面高度小于等于所述最大页面区域的页面高度；所述预设条件包括：所述第一页面区域在所述最大页面区域中的位置条件，和/或用户对数据的使用率。

在本说明书实施例中，第一页面区域的区域坐标信息包括：起始纵坐标及终止纵坐标，所述起始纵坐标为所述第一页面区域的底边所对应的纵坐标，所述终止纵坐标为所述第一页面区域的顶边所对应的纵坐标，所述起始纵坐标小于所述终止纵坐标。

第二确定模块303，具体可以包括：

判断单元，用于对于所述控件坐标信息集合中的任意一个控件坐标信息，判断所述任意一个控件坐标信息中的纵坐标是否大于所述起始纵坐标且小于所述终止纵坐标。

划分单元，用于在所述任意一个控件坐标信息中的纵坐标大于所述起始纵坐标且小于所述终止纵坐标时，将所述任意一个控件坐标信息所对应的控件划分至第一待更新控件集合。

在本说明书实施例中，所述装置还可以包括：

监听模块，用于监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域。

第三确定模块，用于根据所述监听结果，确定所述滚动条控件的状态信息。

第四确定模块，用于当所述状态信息表示所述滚动条控件由滚动状态转为静止状态时，确定所述数据展示页面在所述当前浏览器视窗中展示的第二页面区域的区域坐标信息。

第五确定模块，用于根据所述控件坐标信息集合及所述第二页面区域的区域坐标信息，确定第二待更新控件集合，所述第二待更新控件集合中的待更新控件为所述第二页面区域中的控件。

第二更新模块，用于对所述第二待更新控件集合中的待更新控件所展示的数据进行更新。

在本说明书实施例中，所述装置还可以包括：

监听模块，用于监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域。

第三确定模块，用于根据所述监听结果，确定所述滚动条控件的状态信息。

第二更新模块，用于当所述状态信息表示所述滚动条控件保持静止状态时，对所述第一待更新控件集合中的待更新控件所展示的数据进行周期性更新。

在本说明书实施例中，所述装置还可以包括：

数据源信息获取模块，用于获取数据展示页面中的各个控件的数据源信息，得到控件数据源信息集合。

所述第一更新模块304，具体可以用于：

对于所述第一待更新控件集合中的任意一个待更新控件，从所述控件数据源信息集合中，确定所述任意一个待更新控件的数据源信息。

生成用于向所述任意一个待更新控件的数据源信息所对应的数据源请求数据的数据请求。

发送所述数据请求至所述数据分析应用的服务器。

接收所述数据分析应用的服务器响应于所述数据请求而反馈的目标数据；

根据所述目标数据对所述任意一个待更新控件进行更新，以便于所述任意一个待更新控件展示所述目标数据。

在本说明书实施例中，所述数据展示页面为页面宽度等于所述当前浏览器视窗的宽度，且页面高度大于所述当前浏览器视窗的高度的页面。

基于同样的思路，本说明书实施例还提供了与图1中方法对应的设备。图4为本说明书实施例提供的对应于图1中方法的一种页面更新设备的结构示意图。如图4所示，该设备400可以包括：

至少一个处理器410；以及，

与所述至少一个处理器通信连接的存储器430；其中，

所述存储器存储有可被所述至少一个处理器410执行的指令420，所述指令被所述至少一个处理器410执行，以使所述至少一个处理器410能够：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的。

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息。

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件。

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

基于同样的思路，本说明书实施例还提供了与图1中方法对应的计算机可读存储介质。该计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现如下的步骤：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的。

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息。

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件。

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、设备、非易失性计算机可读存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书实施例提供的装置、设备、非易失性计算机可读存储介质与方法是对应的，因此，装置、设备、非易失性计算机存储介质也具有与对应方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述对应装置、设备、非易失性计算机存储介质的有益技术效果。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

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

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

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

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

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

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

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

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

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

Claims (14)

1.一种页面更新方法，其特征在于，包括：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新；

监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域；

根据所述监听结果，确定所述滚动条控件的状态信息；

当所述状态信息表示所述滚动条控件由滚动状态转为静止状态时，确定所述数据展示页面在所述当前浏览器视窗中展示的第二页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第二页面区域的区域坐标信息，确定第二待更新控件集合，所述第二待更新控件集合中的待更新控件为所述第二页面区域中的控件；

对所述第二待更新控件集合中的待更新控件所展示的数据进行更新。

2.如权利要求1所述的方法，其特征在于，所述确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息，具体包括：

确定所述数据展示页面在当前浏览器视窗中展示的最大页面区域，所述最大页面区域的页面宽度与所述当前浏览器视窗的宽度相同，所述最大页面区域的页面高度与所述当前浏览器视窗的高度相同；

根据预设条件，从所述最大页面区域中确定第一页面区域，得到所述第一页面区域的区域坐标信息；所述第一页面区域的页面宽度小于等于所述最大页面区域的页面宽度，所述第一页面区域的页面高度小于等于所述最大页面区域的页面高度；所述预设条件包括：所述第一页面区域在所述最大页面区域中的位置条件，和/或用户对数据的使用率。

3.如权利要求1或2所述的方法，其特征在于，所述第一页面区域的区域坐标信息包括：起始纵坐标及终止纵坐标，所述起始纵坐标为所述第一页面区域的底边所对应的纵坐标，所述终止纵坐标为所述第一页面区域的顶边所对应的纵坐标，所述起始纵坐标小于所述终止纵坐标；

所述根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，具体包括：

对于所述控件坐标信息集合中的任意一个控件坐标信息，判断所述任意一个控件坐标信息中的纵坐标是否大于所述起始纵坐标且小于所述终止纵坐标；

若是，则将所述任意一个控件坐标信息所对应的控件划分至第一待更新控件集合。

4.如权利要求1所述的方法，其特征在于，所述根据所述监听结果，确定所述滚动条控件的状态信息之后，还包括：

当所述状态信息表示所述滚动条控件保持静止状态时，对所述第一待更新控件集合中的待更新控件所展示的数据进行周期性更新。

5.如权利要求1所述的方法，其特征在于，所述对所述第一待更新控件集合中的待更新控件所展示的数据进行更新之前，还包括：

获取数据展示页面中的各个控件的数据源信息，得到控件数据源信息集合；

所述对所述第一待更新控件集合中的待更新控件所展示的数据进行更新，具体包括：

对于所述第一待更新控件集合中的任意一个待更新控件，从所述控件数据源信息集合中，确定所述任意一个待更新控件的数据源信息；

生成用于向所述任意一个待更新控件的数据源信息所对应的数据源请求数据的数据请求；

发送所述数据请求至所述数据分析应用的服务器；

接收所述数据分析应用的服务器响应于所述数据请求而反馈的目标数据；

根据所述目标数据对所述任意一个待更新控件进行更新，以便于所述任意一个待更新控件展示所述目标数据。

6.如权利要求1或2所述的方法，其特征在于，所述数据展示页面为页面宽度等于所述当前浏览器视窗的宽度，且页面高度大于所述当前浏览器视窗的高度的页面。

7.一种页面更新装置，其特征在于，包括：

坐标信息获取模块，用于获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

第一确定模块，用于确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

第二确定模块，用于根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

第一更新模块，用于对所述第一待更新控件集合中的待更新控件所展示的数据进行更新；

监听模块，用于监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域；

第三确定模块，用于根据所述监听结果，确定所述滚动条控件的状态信息；

第四确定模块，用于当所述状态信息表示所述滚动条控件由滚动状态转为静止状态时，确定所述数据展示页面在所述当前浏览器视窗中展示的第二页面区域的区域坐标信息；

第五确定模块，用于根据所述控件坐标信息集合及所述第二页面区域的区域坐标信息，确定第二待更新控件集合，所述第二待更新控件集合中的待更新控件为所述第二页面区域中的控件；

第二更新模块，用于对所述第二待更新控件集合中的待更新控件所展示的数据进行更新。

8.如权利要求7所述的装置，其特征在于，所述第一确定模块，具体包括：

最大页面区域确定单元，用于确定所述数据展示页面在当前浏览器视窗中展示的最大页面区域，所述最大页面区域的页面宽度与所述当前浏览器视窗的宽度相同，所述最大页面区域的页面高度与所述当前浏览器视窗的高度相同；

第一页面区域确定单元，用于根据预设条件，从所述最大页面区域中确定第一页面区域，得到所述第一页面区域的区域坐标信息；所述第一页面区域的页面宽度小于等于所述最大页面区域的页面宽度，所述第一页面区域的页面高度小于等于所述最大页面区域的页面高度；所述预设条件包括：所述第一页面区域在所述最大页面区域中的位置条件，和/或用户对数据的使用率。

9.如权利要求7或8所述的装置，其特征在于，所述第一页面区域的区域坐标信息包括：起始纵坐标及终止纵坐标，所述起始纵坐标为所述第一页面区域的底边所对应的纵坐标，所述终止纵坐标为所述第一页面区域的顶边所对应的纵坐标，所述起始纵坐标小于所述终止纵坐标；

所述第二确定模块，具体包括：

判断单元，用于对于所述控件坐标信息集合中的任意一个控件坐标信息，判断所述任意一个控件坐标信息中的纵坐标是否大于所述起始纵坐标且小于所述终止纵坐标；

划分单元，用于在所述任意一个控件坐标信息中的纵坐标大于所述起始纵坐标且小于所述终止纵坐标时，将所述任意一个控件坐标信息所对应的控件划分至第一待更新控件集合。

10.如权利要求7所述的装置，其特征在于，所述装置还包括：

第二更新模块，用于当所述状态信息表示所述滚动条控件保持静止状态时，对所述第一待更新控件集合中的待更新控件所展示的数据进行周期性更新。

11.如权利要求7所述的装置，其特征在于，所述装置还包括：

数据源信息获取模块，用于获取数据展示页面中的各个控件的数据源信息，得到控件数据源信息集合；

所述第一更新模块，具体用于：

对于所述第一待更新控件集合中的任意一个待更新控件，从所述控件数据源信息集合中，确定所述任意一个待更新控件的数据源信息；

生成用于向所述任意一个待更新控件的数据源信息所对应的数据源请求数据的数据请求；

发送所述数据请求至所述数据分析应用的服务器；

接收所述数据分析应用的服务器响应于所述数据请求而反馈的目标数据；

根据所述目标数据对所述任意一个待更新控件进行更新，以便于所述任意一个待更新控件展示所述目标数据。

12.如权利要求7或8所述的装置，其特征在于，所述数据展示页面为页面宽度等于所述当前浏览器视窗的宽度，且页面高度大于所述当前浏览器视窗的高度的页面。

13.一种页面更新设备，其特征在于，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新；

监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域；

根据所述监听结果，确定所述滚动条控件的状态信息；

当所述状态信息表示所述滚动条控件由滚动状态转为静止状态时，确定所述数据展示页面在所述当前浏览器视窗中展示的第二页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第二页面区域的区域坐标信息，确定第二待更新控件集合，所述第二待更新控件集合中的待更新控件为所述第二页面区域中的控件；

对所述第二待更新控件集合中的待更新控件所展示的数据进行更新。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现如下的步骤：

获取数据展示页面中的各个控件的坐标信息，得到控件坐标信息集合，所述控件用于展示所述数据展示页面中的数据，所述数据展示页面中的数据是数据分析应用对从目标数据源处获取的流数据进行统计而得到的；

确定所述数据展示页面在当前浏览器视窗中展示的第一页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第一页面区域的区域坐标信息，确定第一待更新控件集合，所述第一待更新控件集合中的待更新控件为所述第一页面区域中的控件；

对所述第一待更新控件集合中的待更新控件所展示的数据进行更新

监听所述当前浏览器视窗中的滚动条控件的滚动事件，得到监听结果，所述滚动条控件用于在用户的操作下，控制所述数据展示页面在所述当前浏览器视窗中展示的页面区域；

根据所述监听结果，确定所述滚动条控件的状态信息；

当所述状态信息表示所述滚动条控件由滚动状态转为静止状态时，确定所述数据展示页面在所述当前浏览器视窗中展示的第二页面区域的区域坐标信息；

根据所述控件坐标信息集合及所述第二页面区域的区域坐标信息，确定第二待更新控件集合，所述第二待更新控件集合中的待更新控件为所述第二页面区域中的控件；

对所述第二待更新控件集合中的待更新控件所展示的数据进行更新。

Images