CN109446462A - 基于页面的数据监控处理方法、装置、设备和存储介质 - Google Patents

Abstract

本申请提供一种基于页面的数据监控处理方法、装置、设备和存储介质，其中该方法包括：实时的检测页面上的数据是否被修改；在确定页面上的数据被修改时，获取页面的第一修改数据；保存第一修改数据。从而采用一个监听器实时的对页面进行检测，一旦检测到页面上的数据被修改时，就去自动的保存修改后的数据；可以去掉页面中所有的保存按钮，不需要手动的保存页面上的数据，减少了用户的操作，提高了用户体验；并且，实时的对页面上的修改数据进行保存，可以及时的对页面上的修改数据进行存储，不会出现页面的数据内容丢失、重新制作页面等情况，提高制作页面的效率，降低页面的成本。

Description

基于页面的数据监控处理方法、装置、设备和存储介质

技术领域

本申请涉及计算机技术，尤其涉及一种基于页面的数据监控处理方法、装置、设备和存储介质。

背景技术

随着计算机技术的发展，基于浏览器的页面得到广泛的应用。例如，可以提供一个基于浏览器的调查问卷页面，被调查的用户可以在调查问卷页面上填写调查信息，进而工作人员可以获取到调查问卷页面上的调查信息。在例如，可以提供一个基于浏览器的产品交易页面，卖家用户可以在产品交易页面上填写交易产品的信息，进而其他用户可以查看到产品交易页面上产品的信息。

现有技术中，在制作页面的时候，工作人员需要在页面上添加各种控件元素，例如添加按钮、添加文本框；并且在制作页面的时候，工作人员需要对页面上的各控件元素进行调整和修改，例如删除控件、调整控件的位置。以上过程，都是在对页面进行制作的时候所涉及的内容。现有技术中，终端设备可以每间隔一个预设时间段，对页面上的控件元素的数据内容进行保存，进而保存制作的页面。

然而现有技术中，如果发生断电、或者页面被关闭等意外情况，页面的数据内容没有被及时存储，就会导致页面的数据内容丢失，从而工作人员需要重新制作页面，导致制作页面的效率较低，并且制作页面的成本较高。

发明内容

本申请提供一种基于页面的数据监控处理方法、装置、设备和存储介质，用以解决现有技术中制作页面的效率较低，并且制作页面的成本较高的问题。

第一方面，本申请提供一种基于页面的数据监控处理方法，包括：

实时的检测页面上的数据是否被修改；

在确定所述页面上的数据被修改时，获取所述页面的第一修改数据；

保存所述第一修改数据。

进一步的，所述页面上设置有至少一个控件；实时的检测页面上的数据是否被修改，包括：

根据所述页面上的控件的修改事件类型，分别对所述页面上的与所述修改事件类型对应的事件进行监控；

在确定所述页面上的控件发生与所述修改事件类型对应的事件时，确定所述控件的数据被修改。

进一步的，所述事件中包括事件属性标识；保存所述第一修改数据，包括：

根据预设的保存方法库，确定与所述事件属性标识对应的保存方法，其中，所述保存方法库中包括了至少一种保存方法，所述至少一种保存方法中的每一种保存方法具有一个事件属性标识；

采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理。

进一步的，采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理，包括：

判断与所述事件属性标识对应的保存方法，是否处于被调用状态；

若确定是，则等待与所述事件属性标识对应的保存方法被调用完毕；

在确定与所述事件属性标识对应的保存方法被调用完毕时，采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理。

进一步的，在确定所述页面上的控件发生与所述修改事件类型对应的事件时，确定所述控件的数据被修改之前，还包括：

检测到所述控件发生与其他修改事件类型对应的事件，并获取第二修改数据，其中，所述第二修改数据为所述控件发生与其他修改事件类型对应的事件之后所生成的；

采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理，包括：

在所述控件的与所述修改事件类型对应的事件结束之后，采用与所述事件属性标识对应的保存方法，对所述第一修改数据和所述第二修改数据进行保存处理。

进一步的，采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理，包括：

根据预设的数据表库，确定与所述事件属性标识对应的数据表，其中，所述数据表库中包括至少一个数据表，所述至少一个数据表中的每一个数据表具有一个事件属性标识；

将所述第一修改数据，保存至与所述事件属性标识对应的数据表中。

进一步的，将所述第一修改数据，保存至与所述事件属性标识对应的数据表中，包括：

获取缓存的第三修改数据，其中，所述第三修改数据和所述第一修改数据都为在第一预设时间段内所述页面发生与事件属性标识对应的事件之后得到的；

确定所述第三修改数据的发生时间和所述第一修改数据的发生时间，其中，所述第一修改数据的发生时间晚于所述第三修改数据的发生时间；

将所述第一修改数据，保存至与所述事件属性标识对应的临时表中；

获取所述临时表中的第一修改数据，其中，所述第一修改数据为所述临时表中的在第二预设时间段内的最后时刻所对应的修改数据，保存至与所述事件属性标识对应的数据表中。

进一步的，所述第一修改数据具有时间标识；在将所述第一修改数据，保存至与所述事件属性标识对应的数据表中之后，还包括：

接收恢复指令，其中，所述恢复指令中包括事件属性标识和时间标识；

确定与所述恢复指令中的事件属性标识对应的数据表，并获取与所述恢复指令中的事件属性标识对应的数据表中的与所述时间标识对应的第一修改数据；

将与所述时间标识对应的第一修改数据，显示至所述页面上。

进一步的，所述至少一个控件中的一个或多个控件为父元素类型的控件，所述父元素类型的控件中包括至少一个子元素类型的控件。

第二方面，提供了一种基于页面的数据监控处理装置，包括：

检测单元，用于实时的检测页面上的数据是否被修改；

获取单元，用于在确定所述页面上的数据被修改时，获取所述页面的第一修改数据；

保存单元，用于保存所述第一修改数据。

进一步的，所述页面上设置有至少一个控件；所述检测单元，包括：

监控模块，用于根据所述页面上的控件的修改事件类型，分别对所述页面上的与所述修改事件类型对应的事件进行监控；

第一确定模块，用于在确定所述页面上的控件发生与所述修改事件类型对应的事件时，确定所述控件的数据被修改。

进一步的，所述事件中包括事件属性标识；所述保存单元，包括：

第二确定模块，用于根据预设的保存方法库，确定与所述事件属性标识对应的保存方法，其中，所述保存方法库中包括了至少一种保存方法，所述至少一种保存方法中的每一种保存方法具有一个事件属性标识；

保存模块，用于采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理。

进一步的，所述保存模块，包括：

判断子模块，用于判断与所述事件属性标识对应的保存方法，是否处于被调用状态；

等待子模块，用于若确定是，则等待与所述事件属性标识对应的保存方法被调用完毕；

保存子模块，用于在确定与所述事件属性标识对应的保存方法被调用完毕时，采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理。

进一步的，所述检测单元，还包括：

获取模块，用于在所述第一确定模块确定所述页面上的控件发生与所述修改事件类型对应的事件时，确定所述控件的数据被修改之前，检测到所述控件发生与其他修改事件类型对应的事件，并获取第二修改数据，其中，所述第二修改数据为所述控件发生与其他修改事件类型对应的事件之后所生成的；

所述保存模块，具体用于：

在所述控件的与所述修改事件类型对应的事件结束之后，采用与所述事件属性标识对应的保存方法，对所述第一修改数据和所述第二修改数据进行保存处理。

进一步的，所述保存模块，包括：

第三确定子模块，用于根据预设的数据表库，确定与所述事件属性标识对应的数据表，其中，所述数据表库中包括至少一个数据表，所述至少一个数据表中的每一个数据表具有一个事件属性标识；

处理子模块，用于将所述第一修改数据，保存至与所述事件属性标识对应的数据表中。

进一步的，所述处理子模块，具体用于：

获取缓存的第三修改数据，其中，所述第三修改数据和所述第一修改数据都为在第一预设时间段内所述页面发生与事件属性标识对应的事件之后得到的；

确定所述第三修改数据的发生时间和所述第一修改数据的发生时间，其中，所述第一修改数据的发生时间晚于所述第三修改数据的发生时间；

将所述第一修改数据，保存至与所述事件属性标识对应的临时表中；

获取所述临时表中的第一修改数据，其中，所述第一修改数据为所述临时表中的在第二预设时间段内的最后时刻所对应的修改数据，保存至与所述事件属性标识对应的数据表中。

进一步的，所述第一修改数据具有时间标识；所述装置，还包括：

接收单元，用于在所述处理子模块将所述第一修改数据，保存至与所述事件属性标识对应的数据表中之后，接收恢复指令，其中，所述恢复指令中包括事件属性标识和时间标识；

查询单元，用于确定与所述恢复指令中的事件属性标识对应的数据表，并获取与所述恢复指令中的事件属性标识对应的数据表中的与所述时间标识对应的第一修改数据；

显示单元，用于将与所述时间标识对应的第一修改数据，显示至所述页面上。

进一步的，所述至少一个控件中的一个或多个控件为父元素类型的控件，所述父元素类型的控件中包括至少一个子元素类型的控件。

第三方面，提供了一种基于页面的数据监控处理设备，包括用于执行以上第一方面的任一方法各个步骤的单元或者手段(means)。

第四方面，提供了一种基于页面的数据监控处理设备，包括处理器、存储器以及计算机程序，其中，所述计算机程序存储在所述存储器中，并被配置为由所述处理器执行以实现第一方面的任一方法。

第五方面，提供了一种基于页面的数据监控处理设备，包括用于执行以上第一方面的任一方法的至少一个处理元件或芯片。

第六方面，提供了一种计算机程序，该计算程序在被处理器执行时用于执行以上第一方面的任一方法。

第七方面，提供了一种计算机可读存储介质，其上存储有第六方面的计算机程序。

本申请提供的基于页面的数据监控处理方法、装置、设备和存储介质，通过实时的检测页面上的数据是否被修改；在确定页面上的数据被修改时，获取页面的第一修改数据；保存第一修改数据。从而采用一个监听器实时的对页面进行检测，一旦检测到页面上的数据被修改时，就去自动的保存修改后的数据；可以去掉页面中所有的保存按钮，不需要手动的保存页面上的数据，减少了用户的操作，提高了用户体验；并且，实时的对页面上的修改数据进行保存，可以及时的对页面上的修改数据进行存储，不会出现页面的数据内容丢失、重新制作页面等情况，提高制作页面的效率，降低页面的成本。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

图1为本申请实施例提供的一种基于页面的数据监控处理方法的流程示意图；

图2为本申请实施例提供的另一种基于页面的数据监控处理方法的流程示意图；

图3为本申请实施例提供的又一种基于页面的数据监控处理方法的流程示意图；

图4为本申请实施例提供的一种基于页面的数据监控处理装置的结构示意图；

图5为本申请实施例提供的另一种基于页面的数据监控处理装置的结构示意图；

图6为本申请实施例提供的一种基于页面的数据监控处理设备的结构示意图。

通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

本申请具体的应用场景为：随着计算机技术的发展，基于浏览器的页面得到广泛的应用。例如，可以提供一个基于浏览器的调查问卷页面，被调查的用户可以在调查问卷页面上填写调查信息，进而工作人员可以获取到调查问卷页面上的调查信息。在例如，可以提供一个基于浏览器的产品交易页面，卖家用户可以在产品交易页面上填写交易产品的信息，进而其他用户可以查看到产品交易页面上产品的信息。

现有技术中，在制作页面的时候，工作人员需要在页面上添加各种控件元素，例如添加按钮、添加文本框；并且在制作页面的时候，工作人员需要对页面上的各控件元素进行调整和修改，例如删除控件、调整控件的位置。以上过程，都是在对页面进行制作的时候所涉及的内容。

现有技术中，提供两种对页面的数据进行保存的方式。第一种方式为，在工作人员制作页面，对页面上的控件进行调整的过程中，手动的点击保存按钮或确定按钮，进而手动触发保存页面的数据的功能。第二种方式为，终端设备可以每间隔一个预设时间段，对页面上的控件元素的数据内容进行保存，进而保存制作的页面。

然而现有技术中，第一种方式中，手动保存页面的数据的方式，需要工作人员不断地触发保存功能，进而需要工作人员进行大量的从操作，使得制作页面的时间较长、效率较低。第二方式中，如果发生断电、或者页面被关闭等意外情况，页面的数据内容没有被及时存储，就会导致页面的数据内容丢失，从而工作人员需要重新制作页面，导致制作页面的效率较低，并且制作页面的成本较高。

本申请提供的基于页面的数据监控处理方法、装置、设备和存储介质，旨在解决现有技术的如上技术问题。

下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。

图1为本申请实施例提供的一种基于页面的数据监控处理方法的流程示意图。如图1所示，该方法包括：

步骤101、实时的检测页面上的数据是否被修改。

可选的，步骤101具体包括以下步骤：

步骤1011、根据页面上的控件的修改事件类型，分别对页面上的与修改事件类型对应的事件进行监控。

步骤1012、在确定页面上的控件发生与修改事件类型对应的事件时，确定控件的数据被修改。

可选的，至少一个控件中的一个或多个控件为父元素类型的控件，父元素类型的控件中包括至少一个子元素类型的控件。

在本实施例中，具体的，本实施例的执行主体可以为终端设备、或者服务器、或者基于页面的数据监控处理装置或设备、或者其他可以执行本实施例方法的装置或设备。

在工作人员制作页面的过程中，会不断地对页面进行调整，例如，在页面上增加控件、删除控件，调整控件的位置，调整控件上的信息。在页面的制作过程中，提供一个监听器，实时的监控页面上的数据是否被修改。

具体来说，页面上具有多个控件，其中，控件中具有父元素类型的控件，父元素类型的控件中包括至少一个子元素类型的控件。例如，作为父元素类型的文本框控件下具有按钮控件、图表控件、下拉式菜单控件等等。针对于以上父子嵌套方式的控件，实时的检测父元素类型的控件中的子元素类型控件的数据是否被修改；在确定父元素类型的控件中的子元素类型控件的数据被修改时，获取子元素类型控件的修改后数据；然后保存子元素类型控件的修改后数据。

并且，在上述对页面上的数据进行监控的过程中，可以针对不同修改事件类型的事件进行并行的监控。具体来说，修改事件类型包括有删除事件、增加事件、修改事件等等；根据修改事件类型，分别对页面上的不同的修改事件类型的事件进行监控；在控件发生与修改事件类型对应的事件时，则确定控件的数据被修改。

举例来说，采用同一个监听器，对页面上的修改事件进行监听，并且可以对页面上的删除事件进行监听。

步骤102、在确定页面上的数据被修改时，获取页面的第一修改数据。

在本实施例中，具体的，若监听器监听到页面上的数据被修改，则获取到修改后的数据，将此时的修改后的数据称为第一修改数据。

举例来说，若监听器监听到页面上的文本框控件的位置被调整，则获取第一修改数据，第一修改数据表征文本框控件的位置被移动；若监听器监听到页面上的按钮控件被删除，则获取第一修改数据，第一修改数据表征按钮控件被删除。

步骤103、保存第一修改数据。

在本实施例中，具体的，一旦监听到页面上的数据被修改，则确定保存修改后的数据，即保存第一修改数据。

本实施例，通过实时的检测页面上的数据是否被修改；在确定页面上的数据被修改时，获取页面的第一修改数据；保存第一修改数据。从而采用一个监听器实时的对页面进行检测，一旦检测到页面上的数据被修改时，就去自动的保存修改后的数据；可以去掉页面中所有的保存按钮，不需要手动的保存页面上的数据，减少了用户的操作，提高了用户体验；并且，实时的对页面上的修改数据进行保存，可以及时的对页面上的修改数据进行存储，不会出现页面的数据内容丢失、重新制作页面等情况，提高制作页面的效率，降低页面的成本。

图2为本申请实施例提供的另一种基于页面的数据监控处理方法的流程示意图。如图2所示，该方法包括：

步骤201、根据页面上的控件的修改事件类型，分别对页面上的与修改事件类型对应的事件进行监控。

在本实施例中，具体的，本实施例的执行主体可以为终端设备、或者服务器、或者基于页面的数据监控处理装置或设备、或者其他可以执行本实施例方法的装置或设备。

本步骤可以参见图1的步骤101，不再赘述。

步骤202、在确定页面上的控件发生与修改事件类型对应的事件时，确定控件的数据被修改。

在本实施例中，具体的，本步骤可以参见图1的步骤101，不再赘述。

步骤203、在确定页面上的数据被修改时，获取页面的第一修改数据。

在本实施例中，具体的，本步骤可以参见图1的步骤102，不再赘述。本步骤中获取到页面的控件的第一修改数据。

步骤204、事件中包括事件属性标识；根据预设的保存方法库，确定与事件属性标识对应的保存方法，其中，保存方法库中包括了至少一种保存方法，至少一种保存方法中的每一种保存方法具有一个事件属性标识。

在本实施例中，具体的，在确定页面上的控件发生与修改事件类型对应的事件时，由于事件中包括了事件属性(currentTarget)标识，并且提供了一个保存方法库，在该保存方法库设置有一种或多种保存方法(data-save-function)，每一种保存方式与一种修改事件类型是一一对应的，则可以在每一种保存方式种设置对应的事件属性标识。从而，可以在保存方法库中，查询到与事件属性标识对应的保存方法。

举例来说，保存方法库中设置有保存方法1、保存方法2和保存方法3；保存方法1与事件属性标识a对应，则保存方法与A类型的事件对应；保存方法2与事件属性标识b对应，则保存方法与B类型的事件对应；保存方法3与事件属性标识c对应，则保存方法与C类型的事件对应。在确定页面上的控件发生与修改事件类型A对应的事件时，事件中包括了事件属性标识a，从而可以确定出与事件属性标识a对应的保存方法1。

步骤205、采用与事件属性标识对应的保存方法，对第一修改数据进行保存处理。

其中，步骤205包括以下几种实现方式：

步骤205的第一种实现方式为：判断与事件属性标识对应的保存方法，是否处于被调用状态；若确定是，则等待与事件属性标识对应的保存方法被调用完毕；在确定与事件属性标识对应的保存方法被调用完毕时，采用与事件属性标识对应的保存方法，对第一修改数据进行保存处理。

步骤205的第二种实现方式为：在步骤202之前，还可以包括：检测到控件发生与其他修改事件类型对应的事件，并获取第二修改数据，其中，第二修改数据为控件发生与其他修改事件类型对应的事件之后所生成的。则步骤205的第二种实现方式中：在控件的与修改事件类型对应的事件结束之后，采用与事件属性标识对应的保存方法，对第一修改数据和第二修改数据进行保存处理。

在本实施例中，具体的，可以确定出与事件对应的保存方法之后，采用与事件对应的保存方法，对第一修改数据进行保存处理。从而针对不同类型的事件，采用不同的保存方法。

举例来说，在确定页面上的控件发生与修改事件类型A对应的事件时，事件中包括了事件属性标识a，从而可以确定出与事件属性标识a对应的保存方法1，采用保存方法1对页面上的控件的修改数据进行保存。

在本步骤中，当多个控件或多个事件频繁的调用同一保存方法的时候，当前面的调用没有结束的时候，不允许后面的调用开始。具体来说，在步骤204确定出与事件属性标识对应的保存方法之后，判断该保存方法是否处于被调用的状态；若该保存方法处于被调用的状态，则需要等待该保存方法被调用完毕；然后，在确定该保存方法被调用完毕之后，才可以采用该保存方法，对当前的第一修改数据进行保存处理。

举例来说，在确定页面上的控件发生与修改事件类型A对应的事件1时，事件1中包括了事件属性标识a，从而可以确定出与事件属性标识a对应的保存方法1；此时，保存方法1正在被页面上的控件所发生的事件2进行调用；需要等待保存方法1被调用完毕，然后再采用保存方法1对页面上的控件的修改数据进行保存。

在本步骤中，当同一个控件频繁调用同一方法或不同方法的时候，若前几次调用没有结束，不需要等待前几次调用的结束，然后只采用最后一次所使用的保存方法，对控件的修改数据进行保存处理。具体来说，已经确定了当前控件发生了与其他修改事件类型对应的事件，那么就可以获取到第二修改数据；不需要等待当前控件的与其他修改事件类型对应的事件结束，可以在当前控件的与当前的修改事件类型对应的事件结束之后，采用与当前的修改事件类型对应的保存方法，对所有的修改数据保存，即对第一修改数据和第二修改数据进行保存处理。

举例来说，在确定页面上的控件1发生与修改事件类型A对应的事件1时，事件1中包括了事件属性标识a，从而可以确定出与事件属性标识a对应的保存方法1，可以获取到与事件1对应的修改数据，即获取到第二修改数据，可以允许采用保存方法1对修改数据进行保存；然后，在确定页面上的控件1发生与修改事件类型B对应的事件2时，事件2中包括了事件属性标识b，从而可以确定出与事件属性标识b对应的保存方法2，可以获取到事件2对应的修改数据，即获取到第一修改数据；此时，可以确定控件1所使用的保存方法1尚处于被调用状态，那么不需要等待保存方法1被调用完毕，直接采用保存方法2对第一修改数据和第二修改数据进行保存处理。

本实施例，通过在确定页面上的控件发生与修改事件类型对应的事件时，确定控件的数据被修改，事件中包括事件属性标识；获取页面的第一修改数据；根据预设的保存方法库，确定与事件属性标识对应的保存方法；采用与事件属性标识对应的保存方法，对第一修改数据进行保存处理。从而采用一个监听器实时的对页面进行检测，一旦检测到页面上的数据被修改时，就去自动的保存修改后的数据；可以去掉页面中所有的保存按钮，不需要手动的保存页面上的数据，减少了用户的操作，提高了用户体验；并且，实时的对页面上的修改数据进行保存，可以及时的对页面上的修改数据进行存储，不会出现页面的数据内容丢失、重新制作页面等情况，提高制作页面的效率，降低页面的成本。并且，根据修改事件类型对页面上的控件进行检测，针对不同的修改事件类型，采用不同保存方法。提供了针对于保存方法的并发控制方式，可以当多个控件或多个事件频繁的调用同一保存方法的时候，当前面的调用没有结束的时候，不允许后面的调用开始；当同一个控件频繁调用同一方法或不同方法的时候，若前几次调用没有结束，不需要等待前几次调用的结束，然后只采用最后一次所使用的保存方法，对控件的修改数据进行保存处理；进而保证保存方法对数据的保存过程不会出错，并且减少保存处理的次数。

图3为本申请实施例提供的又一种基于页面的数据监控处理方法的流程示意图。如图3所示，该方法包括：

步骤301、根据页面上的控件的修改事件类型，分别对页面上的与修改事件类型对应的事件进行监控。

在本实施例中，具体的，具体的，本实施例的执行主体可以为终端设备、或者服务器、或者基于页面的数据监控处理装置或设备、或者其他可以执行本实施例方法的装置或设备。

本步骤可以参见图2的步骤201，不再赘述。

步骤302、在确定页面上的控件发生与修改事件类型对应的事件时，确定控件的数据被修改。

在本实施例中，具体的，本步骤可以参见图2的步骤202，不再赘述。

步骤303、在确定页面上的数据被修改时，获取页面的第一修改数据。

在本实施例中，具体的，本步骤可以参见图2的步骤203，不再赘述。

步骤304、事件中包括事件属性标识；根据预设的保存方法库，确定与事件属性标识对应的保存方法，其中，保存方法库中包括了至少一种保存方法，至少一种保存方法中的每一种保存方法具有一个事件属性标识。

在本实施例中，具体的，本步骤可以参见图2的步骤204，不再赘述。

步骤305、根据预设的数据表库，确定与事件属性标识对应的数据表，其中，数据表库中包括至少一个数据表，至少一个数据表中的每一个数据表具有一个事件属性标识。

在本实施例中，具体的，不同类型的事件，可以采用不同的数据表。具体来说，提供了一个数据表库，数据表库中包括一个或多个数据表，数据表与修改事件类型是一一对应的，则每一个数据表中具有一个事件属性标识。可以在数据表库中，查询到与事件属性标识对应的数据表。

步骤306、将第一修改数据，保存至与事件属性标识对应的数据表中。

其中，步骤306具体包括：

步骤3061、获取缓存的第三修改数据，其中，第三修改数据和第一修改数据都为在第一预设时间段内页面发生与事件属性标识对应的事件之后得到的；

步骤3062、确定第三修改数据的发生时间和第一修改数据的发生时间，其中，第一修改数据的发生时间晚于第三修改数据的发生时间；

步骤3063、将第一修改数据，保存至与事件属性标识对应的临时表中；

步骤3064、获取临时表中的第一修改数据，其中，第一修改数据为临时表中的在第二预设时间段内的最后时刻所对应的修改数据，保存至与事件属性标识对应的数据表中。

在本实施例中，具体的，将第一修改数据保存至与事件属性标识对应的数据表中，从而将不同修改事件类型的事件所对应的修改数据，保存到与修改事件类型对应的数据表中。

在本步骤中，针对于归属于同一修改事件类型的修改数据来说，对修改数据进行保存的时候，可以先进行缓存，只把预设时间内的最后一次修改数据保存到临时表；临时表中具有多个修改数据，临时表中的预设时间内的最后一次修改数据，放到最终的数据表中进行保存。具体来说，具体的，在页面上发生了修改事件之后，获取到了第三修改数据，此时的修改事件具有事件属性标识，然后，页面上又发生了与该事件属性标识对应的修改事件之后，获取到了第一修改数据，从而在获取到第一修改数据之前，已经缓存了一个或多个第三修改数据，并且，第一修改数据、第三修改数据所对应的事件的类型是相同。第三修改数据的发生时间和第一修改数据的发生时间是时间次序，第一修改数据的发生时间晚于第三修改数据的发生时间；从而，可以只将第一修改数据，保存到与事件属性标识对应的临时表中。然后经过一定预设时间段之后，与事件属性标识对应的临时表中具有了多个修改数据；将临时表中最后一个时刻所保存的第一修改数据，保存到与事件属性标识对应的数据表中。通过以上方式，可以减少访问最终表单的次数，提高数据保存效率。

举例来说，对于修改事件类型1来说，页面上依次发生了与修改事件类型1对应事件1、与修改事件类型1对应事件2、与修改事件类型1对应事件3，从而获取到事件1对应的修改数据、事件2对应的修改数据、事件3对应的修改数据；对以上数据进行缓存；将最后一个时刻发生的事件3对应的修改数据，存储到与修改事件类型1对应的临时表中；然后清空缓存。以上过程发生多次之后，与修改事件类型1对应的临时表中包括了多个修改数据，然后将与修改事件类型1对应的临时表中最后一个时刻保存的修改数据，存储到与修改事件类型1对应的数据表中；然后清空与修改事件类型1对应的临时表。

在步骤306中，第一修改数据具有时间标识。则在步骤306之后还可以执行步骤307-309。

步骤307、接收恢复指令，其中，恢复指令中包括事件属性标识和时间标识。

在本实施例中，具体的，数据表与事件属性标识一一对应，不同类型的事件的修改数据存储在不同的数据表中。并且每一个数据表中的每一个第一修改数据中具有时间标识，时间标识用于标记第一修改数据的被修改时间。接收用户发送的恢复指令，恢复指令中包括事件属性标识和时间标识。

步骤308、确定与恢复指令中的事件属性标识对应的数据表，并获取与恢复指令中的事件属性标识对应的数据表中的与时间标识对应的第一修改数据。

在本实施例中，具体的，根据恢复指令中的事件属性标识，在数据表库中确定出与事件属性标识对应的数据表；然后在该数据表中，查询出与时间标识对应的第一修改数据。

步骤309、将与时间标识对应的第一修改数据，显示至页面上。

在本实施例中，具体的，将时间标识对应的第一修改数据，显示至页面上。

具体来说，每一个数据表中的每一个第一修改数据中具有时间标识和控件标识，时间标识用于标记第一修改数据的被修改时间，控件标识用于标记第一修改数据所对应的控件。接收用户发送的恢复指令，恢复指令中包括事件属性标识、时间标识和控件标识。根据恢复指令中的事件属性标识，在数据表库中确定出与事件属性标识对应的数据表；然后在该数据表中，查询出与时间标识对应的第一修改数据；然后，根据控件标识，将第一修改数据显示至于控件标识对应的控件中。从而完成了数据的恢复。

本实施例，通过根据预设的数据表库，确定与事件属性标识对应的数据表；将第一修改数据，保存至与事件属性标识对应的数据表中；从而针对不同类型的事件，建立不同的数据表进行数据的存储。并且，接收恢复指令，恢复指令中包括事件属性标识和时间标识；在的事件属性标识对应的数据表中，确定出与时间标识对应的第一修改数据；然后将与时间标识对应的第一修改数据，显示至页面上；从而可以对各个时间点上的页面的修改，进行恢复。

图4为本申请实施例提供的一种基于页面的数据监控处理装置的结构示意图，如图4所示，本实施例的装置可以包括：

检测单元41，用于实时的检测页面上的数据是否被修改。

获取单元42，用于在确定页面上的数据被修改时，获取页面的第一修改数据。

保存单元43，用于保存第一修改数据。

本实施例的基于页面的数据监控处理装置可执行本申请实施例提供的一种基于页面的数据监控处理方法，其实现原理相类似，此处不再赘述。

本实施例，通过实时的检测页面上的数据是否被修改；在确定页面上的数据被修改时，获取页面的第一修改数据；保存第一修改数据。从而采用一个监听器实时的对页面进行检测，一旦检测到页面上的数据被修改时，就去自动的保存修改后的数据；可以去掉页面中所有的保存按钮，不需要手动的保存页面上的数据，减少了用户的操作，提高了用户体验；并且，实时的对页面上的修改数据进行保存，可以及时的对页面上的修改数据进行存储，不会出现页面的数据内容丢失、重新制作页面等情况，提高制作页面的效率，降低页面的成本。

图5为本申请实施例提供的另一种基于页面的数据监控处理装置的结构示意图，在图4所示实施例的基础上，如图5所示，本实施例的装置中，页面上设置有至少一个控件；检测单元41，包括：

监控模块411，用于根据页面上的控件的修改事件类型，分别对页面上的与修改事件类型对应的事件进行监控。

第一确定模块412，用于在确定页面上的控件发生与修改事件类型对应的事件时，确定控件的数据被修改。

事件中包括事件属性标识；保存单元43，包括：

第二确定模块431，用于根据预设的保存方法库，确定与事件属性标识对应的保存方法，其中，保存方法库中包括了至少一种保存方法，至少一种保存方法中的每一种保存方法具有一个事件属性标识。

保存模块432，用于采用与事件属性标识对应的保存方法，对第一修改数据进行保存处理。

保存模块432，包括：

判断子模块4321，用于判断与事件属性标识对应的保存方法，是否处于被调用状态。

等待子模块4322，用于若确定是，则等待与事件属性标识对应的保存方法被调用完毕。

保存子模块4323，用于在确定与事件属性标识对应的保存方法被调用完毕时，采用与事件属性标识对应的保存方法，对第一修改数据进行保存处理。

或者，检测单元41，还包括：

获取模块，用于在第一确定模块412确定页面上的控件发生与修改事件类型对应的事件时，确定控件的数据被修改之前，检测到控件发生与其他修改事件类型对应的事件，并获取第二修改数据，其中，第二修改数据为控件发生与其他修改事件类型对应的事件之后所生成的。

则保存模块432，具体用于：在控件的与修改事件类型对应的事件结束之后，采用与事件属性标识对应的保存方法，对第一修改数据和第二修改数据进行保存处理。

可选的，保存模块43，包括：

第三确定子模块，用于根据预设的数据表库，确定与事件属性标识对应的数据表，其中，数据表库中包括至少一个数据表，至少一个数据表中的每一个数据表具有一个事件属性标识。

处理子模块，用于将第一修改数据，保存至与事件属性标识对应的数据表中。

其中，处理子模块，具体用于：获取缓存的第三修改数据，其中，第三修改数据和第一修改数据都为在第一预设时间段内页面发生与事件属性标识对应的事件之后得到的；确定第三修改数据的发生时间和第一修改数据的发生时间，其中，第一修改数据的发生时间晚于第三修改数据的发生时间；将第一修改数据，保存至与事件属性标识对应的临时表中；获取临时表中的第一修改数据，其中，第一修改数据为临时表中的在第二预设时间段内的最后时刻所对应的修改数据，保存至与事件属性标识对应的数据表中。

第一修改数据具有时间标识；本实施例提供的装置，还包括：

接收单元51，用于在处理子模块将第一修改数据，保存至与事件属性标识对应的数据表中之后，接收恢复指令，其中，恢复指令中包括事件属性标识和时间标识。

查询单元52，用于确定与恢复指令中的事件属性标识对应的数据表，并获取与恢复指令中的事件属性标识对应的数据表中的与时间标识对应的第一修改数据。

显示单元53，用于将与时间标识对应的第一修改数据，显示至页面上。

其中，至少一个控件中的一个或多个控件为父元素类型的控件，父元素类型的控件中包括至少一个子元素类型的控件。

本实施例的基于页面的数据监控处理装置可执行本申请实施例提供的另一种基于页面的数据监控处理方法，其实现原理相类似，此处不再赘述。

本实施例，通过在确定页面上的控件发生与修改事件类型对应的事件时，确定控件的数据被修改，事件中包括事件属性标识；获取页面的第一修改数据；根据预设的保存方法库，确定与事件属性标识对应的保存方法；采用与事件属性标识对应的保存方法，对第一修改数据进行保存处理。从而采用一个监听器实时的对页面进行检测，一旦检测到页面上的数据被修改时，就去自动的保存修改后的数据；可以去掉页面中所有的保存按钮，不需要手动的保存页面上的数据，减少了用户的操作，提高了用户体验；并且，实时的对页面上的修改数据进行保存，可以及时的对页面上的修改数据进行存储，不会出现页面的数据内容丢失、重新制作页面等情况，提高制作页面的效率，降低页面的成本。并且，根据修改事件类型对页面上的控件进行检测，针对不同的修改事件类型，采用不同保存方法。提供了针对于保存方法的并发控制方式，可以当多个控件或多个事件频繁的调用同一保存方法的时候，当前面的调用没有结束的时候，不允许后面的调用开始；当同一个控件频繁调用同一方法或不同方法的时候，若前几次调用没有结束，不需要等待前几次调用的结束，然后只采用最后一次所使用的保存方法，对控件的修改数据进行保存处理；进而保证保存方法对数据的保存过程不会出错，并且减少保存处理的次数。并且，针对不同类型的事件，建立不同的数据表进行数据的存储。并且，接收恢复指令，将待恢复的第一修改数据，显示至页面上；从而可以对各个时间点上的页面的修改，进行恢复。

图6为本申请实施例提供的一种基于页面的数据监控处理设备的结构示意图，如图6所示，本申请实施例提供了一种基于页面的数据监控处理设备，可以用于执行图1、或图2、或图3所示实施例中基于页面的数据监控处理设备动作或步骤，具体包括：处理器2701，存储器2702和通信接口2703。

存储器2702，用于存储计算机程序。

处理器2701，用于执行存储器2702中存储的计算机程序，以实现图1、或图2、或图3所示实施例中基于页面的数据监控处理设备的动作，不再赘述。

可选的，基于页面的数据监控处理设备还可以包括总线2704。其中，处理器2701、存储器2702以及通信接口2703可以通过总线2704相互连接；总线2704可以是外设部件互连标准(Peripheral Component Interconnect，简称PCI)总线或扩展工业标准结构(Extended Industry Standard Architecture，简称EISA)总线等。上述总线2704可以分为地址总线、数据总线和控制总线等。为便于表示，图6中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

在本申请实施例中，上述各实施例之间可以相互参考和借鉴，相同或相似的步骤以及名词均不再一一赘述。

或者，以上各个模块的部分或全部也可以通过集成电路的形式内嵌于该基于页面的数据监控处理设备的某一个芯片上来实现。且它们可以单独实现，也可以集成在一起。即以上这些模块可以被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(Application Specific Integrated Circuit，简称ASIC)，或，一个或多个微处理器(Digital Singnal Processor，简称DSP)，或，一个或者多个现场可编程门阵列(FieldProgrammable Gate Array，简称FPGA)等。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器2702，上述指令可由上述基于页面的数据监控处理设备的处理器2701执行以完成上述方法。例如，非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当该存储介质中的指令由基于页面的数据监控处理设备的处理器执行时，使得基于页面的数据监控处理设备能够执行上述基于页面的数据监控处理方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时，全部或部分地产生按照本申请实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令可以从一个网站站点、计算机、基于页面的数据监控处理设备或数据中心通过有线(例如，同轴电缆、光纤、数字用户线(digital subscriber line，DSL))或无线(例如，红外、无线、微波等)方式向另一个网站站点、计算机、基于页面的数据监控处理设备或数据中心进行传输。计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的基于页面的数据监控处理设备、数据中心等数据存储设备。可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如，固态硬盘(solid state disk，SSD))等。

本领域技术人员应该可以意识到，在上述一个或多个示例中，本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。

Claims (10)

1.一种基于页面的数据监控处理方法，其特征在于，包括：

实时的检测页面上的数据是否被修改；

在确定所述页面上的数据被修改时，获取所述页面的第一修改数据；

保存所述第一修改数据。

2.根据权利要求1所述的方法，其特征在于，所述页面上设置有至少一个控件；实时的检测页面上的数据是否被修改，包括：

根据所述页面上的控件的修改事件类型，分别对所述页面上的与所述修改事件类型对应的事件进行监控；

在确定所述页面上的控件发生与所述修改事件类型对应的事件时，确定所述控件的数据被修改。

3.根据权利要求2所述的方法，其特征在于，所述事件中包括事件属性标识；保存所述第一修改数据，包括：

根据预设的保存方法库，确定与所述事件属性标识对应的保存方法，其中，所述保存方法库中包括了至少一种保存方法，所述至少一种保存方法中的每一种保存方法具有一个事件属性标识；

采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理。

4.根据权利要求3所述的方法，其特征在于，采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理，包括：

判断与所述事件属性标识对应的保存方法，是否处于被调用状态；

若确定是，则等待与所述事件属性标识对应的保存方法被调用完毕；

在确定与所述事件属性标识对应的保存方法被调用完毕时，采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理。

5.根据权利要求3所述的方法，其特征在于，在确定所述页面上的控件发生与所述修改事件类型对应的事件时，确定所述控件的数据被修改之前，还包括：

检测到所述控件发生与其他修改事件类型对应的事件，并获取第二修改数据，其中，所述第二修改数据为所述控件发生与其他修改事件类型对应的事件之后所生成的；

采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理，包括：

在所述控件的与所述修改事件类型对应的事件结束之后，采用与所述事件属性标识对应的保存方法，对所述第一修改数据和所述第二修改数据进行保存处理。

6.根据权利要求3所述的方法，其特征在于，采用与所述事件属性标识对应的保存方法，对所述第一修改数据进行保存处理，包括：

根据预设的数据表库，确定与所述事件属性标识对应的数据表，其中，所述数据表库中包括至少一个数据表，所述至少一个数据表中的每一个数据表具有一个事件属性标识；

将所述第一修改数据，保存至与所述事件属性标识对应的数据表中。

7.根据权利要求6所述的方法，其特征在于，将所述第一修改数据，保存至与所述事件属性标识对应的数据表中，包括：

获取缓存的第三修改数据，其中，所述第三修改数据和所述第一修改数据都为在第一预设时间段内所述页面发生与事件属性标识对应的事件之后得到的；

确定所述第三修改数据的发生时间和所述第一修改数据的发生时间，其中，所述第一修改数据的发生时间晚于所述第三修改数据的发生时间；

将所述第一修改数据，保存至与所述事件属性标识对应的临时表中；

获取所述临时表中的第一修改数据，其中，所述第一修改数据为所述临时表中的在第二预设时间段内的最后时刻所对应的修改数据，保存至与所述事件属性标识对应的数据表中。

8.一种基于页面的数据监控处理装置，其特征在于，包括：

检测单元，用于实时的检测页面上的数据是否被修改；

获取单元，用于在确定所述页面上的数据被修改时，获取所述页面的第一修改数据；

保存单元，用于保存所述第一修改数据。

9.一种基于页面的数据监控处理设备，其特征在于，包括：处理器、存储器以及计算机程序；

其中，所述计算机程序存储在所述存储器中，并被配置为由所述处理器执行以实现如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器执行以实现如权利要求1-7任一项所述的方法。