CN112231616A - 页面数据刷新方法、装置、电子设备及存储介质 - Google Patents

Abstract

本发明实施例提供了一种页面数据刷新方法、装置、电子设备及存储介质，所述方法包括：在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据作为新数据；将所述新数据与所述页面变化前的原数据进行比较，得到发生变化的数据；将所有发生变化的数据存储到更新对象库中；对更新对象库中所有变化的数据进行一次页面刷新。本发明实施例中，当监听到页面数据发生变化时，通过比较当前页面发生变化前后的数据中的所有key对应的值，获取发生变化的值，并将发生变化的值对应的键值对存储对应的更新对象库中，对该更新对象库中的键值对的数据一次性进行页面局部刷新操作。不但提高了页面刷新效率，还提高了设备的性能。

Description

页面数据刷新方法、装置、电子设备及存储介质

技术领域

本发明涉及网络技术领域，特别是涉及一种页面数据刷新方法、装置、电子设备及存储介质。

背景技术

随着移动设备的发展，移动应用市场日渐成熟。现有的微信小程序中可以支持响应式编程(mobx)，用来监听某个页面的所有数据，可以通过微信小程序中的设置数据(setData)特性进行刷新视图。从而实现当页面中的某一个数据发生变化时，只针对该数据所对应的视图进行局部刷新，避免整个页面刷新影响性能。

但是，现有的这种数据刷新方式，并不能完全实现对页面上局部数据的刷新，这是因为，监听的是该页面上的所有数据，由于每个页面上的数据可以包括很多种，比如，A页面有三种数据：头部数据a，底部数据b，广告数据c。头部数据a又包括头像数据a1，昵称数据a2，日期数据a3等等；底部数据b又包括号码数据b1，分享数据b2等等。如果监听到页面上的头部数据a中的头像数据a1和底部数据b中的号码数据b1有变化，说明头部数据a和底部数据b都有变化，按照现有的数据刷新方式，是对头部数据和底部数据的所有视图进行刷新，并非是对头部数据a中的头像数据a1和底部数据b中的号码数据b1对应的视图进行刷新，也就是说，现有的数据刷新方式，并没有真正的实现对页面上部分变化的数据进行局部刷新，降低了设备的刷新性能。

因此，如何真正的实现对页面中部分变化的数据进行局部刷新，是目前有待解决的技术问题。

发明内容

本发明实施例所要解决的技术问题是提供一种页面数据刷新方法，以解决现有技术中由于不能真正的实现对页面中部分变化的数据进行局部刷新，导致设备性能降低的技术问题。

相应的，本发明实施例还提供了一种页面数据刷新装置、电子设备及存储介质，用以保证上述方法的实现及应用。

为了解决上述问题，本发明是通过如下技术方案实现的：

第一方面提供一种页面数据刷新方法，所述方法包括：

在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为新数据；

将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；

将所述页面上所有发生变化的数据存储到更新对象库中；

对所述更新对象库中所有变化的数据进行一次页面刷新。

可选的，所述新数据和原数据均是以键值对的方式存储，所述将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据包括：

对所述新数据中的所有关键字进行遍历，获得所述新数据中的每个关键字对应的新值；以及对原数据中的所有关键字进行遍历，获得所述原数据中的每个关键字对应的值；

将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对；

将得到的所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

可选的，所述将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对，包括：

确定所述新数据中每个关键字对应的新值的类型；

按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对。

可选的，所述新数据中关键字对应的新值的类型至少包括下述之一：数字类型，布尔类型，字符串类型，数组类型和对象类型；

所述按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对，至少包括下述之一：

如果所述新数据中有关键字对应的新值的类型为数字类型或布尔类型，则比较所述新数据中的所述关键字对应的数字值或布尔值与原数据中同一关键字对应的数字值或布尔值是否相同，如果不同，则确定所述数字值或布尔值不同的值对应的键值对作为所述新数据中发生变化的键值对；或者

如果所述新数据中有关键字对应的新值的类型为字符串类型，则比较所述新数据中的所述关键字对应的字符串内容与原数据中同一关键字对应的字符串内容是否相同，如果不同，则确定所述字符串内容不同的值对应的键值对为所述新数据中发生变化的键值对；或者

如果所述新数据中有关键字对应的新值的类型为数组类型，则判断原数据中所述关键字对应的数组是否为空，如果所述数组为空，则确定所述数组为空的关键字对应的键值对作为所述新数据中发生变化的键值对；如果所述数组不为空，则遍历所述数组中的每个元素的元素值，判断所述每个元素值是否相同，将元素值不同的元素对应的数组的关键字对应的键值对作为所述新数据中发生变化的键值对；或者

如果所述新数据中有关键字对应的新值的类型为对象类型，判断原数据中所述关键字对应的对象是否为空，如果对象为空，则确定所述为空对象对应的关键字的键值对作为所述新数据中发生变化的键值对；如果对象不为空，则遍历所述新值中所有关键字对应的值，判断所有关键字的值是否相同，将值不同的关键字对应的对象名或对象中的关键字的值对应的键值对作为所述新数据中发生变化的键值对。

第二方面提供一种页面数据刷新装置，包括：

获取模块，用于在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为新数据；

比较模块，用于将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；

存储模块，用于将所述页面上所有发生变化的数据存储到更新对象库中；

刷新页面，用于对所述更新对象库中所有变化的数据进行一次页面刷新。

可选的，所述比较模块包括：

第一遍历模块，用于对所述新数据中的所有关键字进行遍历，获得所述新数据中的每个关键字对应的新值；

第二遍历模块，用于以及对原数据中的所有关键字进行遍历，获得所述原数据中的每个关键字对应的值；

键值比较模块，用于将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对；

数据确定模块，用于将得到的所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

可选的，所述键值比较模块包括：

类型确定模块，用于确定所述新数据中每个关键字对应的新值的类型；

键值比较子模块，用于按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对。

可选的，所述类型确定模块确定的所述新数据中关键字对应的新值的类型至少包括下述之一：数字类型，布尔类型，字符串类型，数组类型和对象类型；

所述键值比较子模块至少包括：第一判断模块和第一确定模块；和/或，第二判断模块和第二确定模块；和/或，第三判断模块、第三确定模块，第四判断模块和第四确定模块；和/或，第五判断模块、第五确定模块、第六判断模块和第六确定模块；其中，

所述第一判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为数字类型或布尔类型时，判断所述新数据中的所述关键字对应的数字值或布尔值与原数据中同一关键字对应的数字值或布尔值是否相同；

所述第一确定模块，用于在所述第一判断模块判定所述数字值或布尔值不同时，确定所述数字值或布尔值不同的值对应的键值对作为所述新数据中发生变化的键值对；

所述第二判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为字符串类型时，判断所述新数据中的所述关键字对应的字符串内容与原数据中同一关键字对应的字符串内容是否相同；

所述第二确定模块，用于在所述第二判断模块判定字符串内容不同时，确定所述字符串内容不同的值对应的键值对为所述新数据中发生变化的键值对；

所述第三判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为数组类型时，判断原数据中所述关键字对应的数组是否为空；

所述第三确定模块，用于在所述第三判断模块判定所述数组为空时，确定所述数组为空的关键字对应的键值对作为所述新数据中发生变化的键值对；

所述第四判断模块，用于在所述第三判断模块判定所述数组不为空时，遍历所述数组中的每个元素的元素值，判断所述每个元素值是否相同；

所述第四确定模块，用于在所述第四判断模块判定元素值不同时，将元素值不同的元素对应的数组的关键字对应的键值对作为所述新数据中发生变化的键值对；

所述第五判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为对象类型时，判断原数据中所述关键字对应的对象是否为空；

所述第五确定模块，用于在所述第五判断模块判定的对象为空时，确定所述为空对象对应的关键字的键值对作为所述新数据中发生变化的键值对；

所述第六判断模块，用于在所述第五判断模块判定的对象不为空时，遍历所述新值中所有关键字对应的值，判断所有关键字的值是否相同；

所述第六确定模块，用于在所述第六判断模块判定所有关键字的值不同时，将值不同的关键字对应的对象名或对象中的关键字的值对应的键值对作为所述新数据中发生变化的键值对。

第三方面提供一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至4中任一项所述的页面数据刷新方法的步骤。

第四方面提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至4中任一项所述的页面数据刷新方法中的步骤

第五方面提供一种计算机程序产品，当所述计算机程序产品中的指令由电子设备的处理器执行时，使得所述电子设备执行上述任一种页面数据刷新方法。

与现有技术相比，本发明实施例包括以下优点：

本发明实施例中，在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据作为新数据；将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；将所述页面上所有发生变化的数据存储到更新对象库中；对所述更新对象库中所有变化的数据进行一次页面刷新。也就是说，本发明实施例中，通过监听微信小程序的每个页面的数据，当页面数据发生变化时，通过比较当前页面发生变化前后的数据中的所有key对应的值，获取发生变化的值，并将发生变化的值对应的键值对存储对应的更新对象库中，然后，对该更新对象库中的键值对的数据一次性进行页面刷新操作。即本发明实施例只针对对发生变化的值进行一次局部的刷新操作，不但提高了页面局部刷新效率，还提高了设备的性能。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

图1是本发明实施例提供的一种页面数据刷新方法的流程图；

图2是本发明实施例提供的一种页面数据刷新方法的应用实例图；

图3是本发明实施例提供的一种页面数据刷新装置的结构示意图；

图4是本发明实施例提供的一种比较模块的结构示意图；

图5是本发明实施例提供的一种键值比较模块的结构示意图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

请参阅图1，为本发明实施例提供的一种页面数据刷新方法的流程图，具体可以包括如下步骤：

步骤101：在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为新数据；

步骤102：将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；

步骤103：将所述页面上所有发生变化的数据存储到更新对象库中；

步骤104：对所述更新对象库中所有变化的数据进行一次页面刷新。

本发明实施例提供的页面数据刷新方法，可以应用于移动终端、服务器、客户端、后端或***等，在此不作限制，其实施设备可以是智能手机，笔记本电脑、平板电脑等电子设备，在此也不作限制。

下面结合图1，对本发明实施例提供的页面数据刷新方法的具体实施步骤进行详细说明。

首先，执行步骤101，在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为新数据(newData)。

其中，微信小程序，就是能在微信上运行、传播并展示的小程序。小程序是一种新的开放能力，小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。微信小程序中的设置数据(setData，也可以称为固定数据)是用来对页面上的数据进行重新渲染数据，从而更新页面上对应视图，其中，data是某个页面包含的所有数据。

本实施例中，服务端(比如服务器等)在监听到微信小程序中的页面数据发生变化时，可以通过网络请求或主动接收或其他方式获取该该页面发生变化后所述页面的所有数据，并将其作为页面变化后的新数据。

需要说明的是，该实施例中，由于所述新数据(newData)和页面发生变化前的原数据(Data)均是以键值对(key-value)的方式来存储的，即以key-value方式存储，其中，key是关键字，即键；value是值，key-value表示，key-value表示键值对，即根据关键字可以查找到对应的值，即每个键都会对应一个唯一的值。而Key-value数据库就是一种以键值对存储数据的一种数据库。

其次，执行步骤102，将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；

该步骤中，一种比较方式为：

1)服务端对获取到的所述新数据中的所有关键字(key)进行遍历，获得所述新数据中的每个关键字对应的新值(newValue)；以及对原数据中的所有关键字进行遍历，获得所述原数据中的每个关键字对应的值(Value)。需要说明的是，对新数据和原数据中的关键字进行遍历的过程，在时间上没有先后顺序，也可以同时执行，本实施例不做限制。

2)将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对；

该步骤，首先，确定所述新数据中每个关键字对应的新值的类型；

也就是说，服务端需要先判断每个关键字对应的新值的类型，比如，对应的类型是否为数字类型，布尔类型，字符串类型，数组类型和对象类型等，其判断的顺序不分先后，比如，先判断关键字对应的新值的类型是否为数字类型，如果不是，再继续判断是否为布尔类型，如果不是，在判断是否为字符串类型等等；当然，也可以先关键字对应的新值的类型是否为布尔类型，如果不是，继续判断是否数字类型，如果还不是，再继续是否为数字类型等等。本实施例不做限制。

该步骤中，其判断的key或Value的类型，通常是通过map.keySet()获取key的集合，存在Set<Object>类型变量中；然后用一个Object接收第一个key；然后，通过有instanceof(该方法可以判断基础属性和对象属性)和class的equals()方法两种方法来判断它的类型，其具体的判断过程对于本领域技术人员来说，已是熟知技术，在此不再赘述，

然后，服务端按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对。

该步骤中，由于每个关键字对应的值的类型可能不同，所以，在确定该关键字对应的新值的类型后，可以根据该新值的类型进行相应的判断，其具体的判断比较过程：

该实施例中，所述新数据中关键字对应的新值的类型至少包括下述之一：数字类型，布尔类型，字符串类型，数组类型和对象类型；当然，在实际应用中，并不限于此，本实施例只是以上是上述类型为例，针对每个关键字，其具体判断过程包括：

如果所述新数据中有关键字对应的新值的类型为数字类型或布尔类型，则比较所述新数据中的所述关键字对应的数字值或布尔值与原数据中同一关键字对应的数字值或布尔值是否相同，如果不同，则确定所述数字值或布尔值不同的值对应的键值对作为所述新数据中发生变化的键值对；即将当前关键字作为关键字，将新数据与该当前关键字对应的新值作为关键字的值，退出当前流程了，即建立关键字与该关键字对应的值的键值对；如果相同，不做任何处理，退出当前流程；或者

如果所述新数据中有关键字对应的新值的类型为字符串类型，则比较所述新数据中的所述关键字对应的字符串内容与原数据中同一关键字对应的字符串内容是否相同，如果不同，则确定所述字符串内容不同的值对应的键值对为所述新数据中发生变化的键值对；如果相同，不做任何处理，退出当前流程；或者

如果所述新数据中有关键字对应的新值的类型为数组类型，则判断原数据中所述关键字对应的数组是否为空，如果所述数组为空，则确定所述数组为空的关键字对应的键值对作为所述新数据中发生变化的键值对；如果所述数组不为空，则遍历所述数组中的每个元素的元素值，判断所述每个元素值是否相同，将元素值不同的元素对应的数组的关键字对应的键值对作为所述新数据中发生变化的键值对；比如：如果新值(newValue)中的第二个元素不同，这时的关键字key为key.value[1]，与该关键字key对应的value为newValue[1]。如果遍历过程中元素值相同，则不做任何处理，退出当前流程；或者

如果所述新数据中有关键字对应的新值的类型为对象类型，判断原数据中所述关键字对应的对象是否为空，如果对象为空，则确定所述为空对象对应的关键字的键值对作为所述新数据中发生变化的键值对；如果对象不为空，则遍历所述新值中所有关键字对应的值，判断所有关键字的值是否相同，将值不同的关键字对应的对象名或对象中的关键字的值对应的键值对作为所述新数据中发生变化的键值对，也就是说，该键值对中的key需要拼接当前对象(object)名以及object中的key值，比如：newValue中key1所对应的值不同，这时的key为key.newValue.key1，value为newValue.key1。如果遍历过程中元素值相同，不做任何处理，退出当前流程。

需要说名的是，如果新数据中的关键字对应的值的类型都不是：数字类型、布尔类型、字符串类型，数组类型和对象类型，则视为空值，不做任何处理，直接退出流程。

3)将得到的所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

该步骤中，如果新数据中的关键字对应的新值的类型为数字类型或布尔类型，且确定所述数字值或布尔值不同的值对应的键值对作为所述新数据中发生变化的键值对时，将所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。或者

如果所述新数据中有关键字对应的新值的类型为字符串类型，且确定所述字符串内容不同的值对应的键值对为所述新数据中发生变化的键值对时，将所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

或者

如果所述新数据中有关键字对应的新值的类型为数组类型，且确定所述数组为空的关键字对应的键值对作为所述新数据中发生变化的键值对时，或者在所述数组不为空，且将遍历的元素值不同的元素对应的数组的关键字对应的键值对作为所述新数据中发生变化的键值对时，将所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。或者

如果所述新数据中有关键字对应的新值的类型为对象类型，且确定所述为空对象对应的关键字的键值对作为所述新数据中发生变化的键值对，或者对象不为空，将遍历值不同的关键字对应的对象名或对象中的关键字的值对应的键值对作为所述新数据中发生变化的键值对时，将所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

再次，执行步骤103，将所述页面上所有发生变化的数据存储到更新对象库中。

该步骤中，对于新数据中关键字对应的新值的类型分别为数字类型，布尔类型或字符串类型时，将当前关键字key作为key，将新值(newValue)作为与key对应的value保存到updateObject库中。

最后，执行步骤104，对所述更新对象库中所有变化的数据进行一次页面刷新。

该步骤中，通过调用微信小程序中的设置数据(setData)函数，对更新对象库中的所有发生变化的数据进行一次性刷新。其利用setData函数对所有数据的刷新过程，对于本领域技术人员来说，已是熟知技术，在此不再赘述。

本发明实施例中，在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据作为新数据；将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；将所述页面上所有发生变化的数据存储到更新对象库中；对所述更新对象库中所有变化的数据进行一次页面刷新。也就是说，本发明实施例中，通过监听微信小程序的每个页面的数据，当页面数据发生变化时，通过比较当前页面发生变化前后的数据中的所有key对应的值，获取发生变化的值，并将发生变化的值对应的键值对存储对应的更新对象库中，然后，对该更新对象库中的键值对的数据一次性进行页面刷新操作。即本发明实施例只针对对发生变化的值进行一次局部的刷新操作，不但提高了页面刷新效率，还提高了设备的性能。

进一步，当新数据中关键字对应的新值的类型分别为数字类型，布尔类型，字符串类型，数组类型或对象类型时，本发明实施例针对所述等不同类型的数据比较，对通过比较获得的发生变化的值进行保存，最后只针对发生变化的值进行一次局部的刷新操作，有效的提高了服务端对于页面的局部刷新及设备的性能。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

为了便于本领域技术人员的理解，还请参阅图2，图2为本发明实施例提供的一种页面刷新方法的应用实例图，所述方法实施例中，data为当前页面发生变化前的原数据或者老数据，newData是当前页面发生变化后的新数据，更新对象(updateObject)库是一个object类型的数据库，将当前页面需要更新的数据存到updateObject库中，用于存储页面刷新的数据。其所述方法包括：

步骤201：服务器在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为newData；

步骤202：服务器遍历newData中所有key，获取newData中每个key对应的新值(newValue)以及遍历Data中的所有key，根据每个key，获取data中key对应的值(value)；

其中，对newData和Data的遍历过程，可以同时，也可不同时，在实际应用中，没有时间上的先后顺序，也可以同时执行。

步骤203：服务器判断遍历是否结束，如果遍历没有结束，执行步骤204；如果结束，执行步骤205；

其中，在遍历的过程中，finish表示为遍历结束标识，false表示为初始值，判断finish的值是否为true，如果为true，结束遍历，否则继续遍历，直至遍历结束。

步骤204：比较遍历到的每一个关键字对应的value和newValue，得到发生变化的值；

其中，服务器比较value和newValue值的规则如下，本实施例以判断关键字对应的值的类型依次为数字类型，布尔类型，字符串类型，数组类型和对象类型为例，但在实际应用中并不限于此顺序，还可以是他的判断顺序，比如，先判断是否为字符串类型，如果不是，再判断是否为布尔类型，如果不是，再判断是否为数组类型，如果不是，再判断是否为数字类型，如果不是，最后判断是否对象类型等，本实施例不做限制，具体为：

1)判断newValue的类型是否为数字类型或布尔类型，如果是，直接比较value和newValue的值是否相同，若不同，将当前key作为key，newValue作为value，即将该键值对保存到updateObject中(即步骤205)，退出当前流程；如果相同，则不做任何处理，退出当前流程。如果newValue的类型不是数字类型或布尔类型，跳转到步骤2)。

2)判断newValue的类型是否为字符串类型，如果是字符串类型，则直接比较value和newValue的字符串内容是否相同，若字符串内容不同，将当前key作为key，newValue作为value，将其对应的键值对保存到updateObject中(即步骤205)，退出当前流程。如果字符串内容相同，则不做任何处理，退出当前流程。如果newValue类型不是字符串类型，则跳转到步骤3)；

3)判断newValue的类型是否为数组类型，如果是数组类型，则先判断value是否为空，如果为空，则直接将当前key作为key，newValue作为value的键值对保存到updateObject中(即步骤205)，退出当前流程。如果不为空，则遍历newValue数组，获取该数组中每个元素的元素值，判断所述每个元素值是否相同，其判断的过程具体详见上述步骤1)至步骤3)，如果遍历过程中某个元素值不同，则将元素值不同的元素对应的对应的数组的关键字对应的键值对保存到updateObject中(即步骤205)，其中，该键值对中的key需要拼接当前数组名以及元素的索引，比如：newValue中的第二个元素不同，这时的key为key.value[1]，value为newValue[1]。如果遍历过程中元素值相同，则不做任何处理，退出当前流程。如果newValue类型不是数组类型，跳转到步骤4)。

4)判断newValue的类型是否为Object类型，如果是，先判断value是否为空，如果为空，则直接将当前key作为key，newValue作为value的键值对保存到updateObject中(即步骤205)，退出当前流程。如果不为空，则遍历newValue的所有key，针对每个key所对应的值进行比较，比较规则与当前流程相同(即执行步骤1)至步骤4)。遍历过程中某个value值不同，执行步骤205，将value值不同的键值对保存到updateObject中，其中，保存到updateObject中的key需要拼接当前object名以及object中的key值，比如：newValue中key1所对应的值不同，这时的key为key.newValue.key1，value为newValue.key1。如果遍历过程中元素值相同，则不做任何处理，退出当前流程。如果newValue类型不是Object类型，则视为空值，不做任何处理，退出流程。

步骤205：服务器将发生变化的值对应的键值对保存到updateObject中；

该步骤中，则由于发生变化的值对应的类型不同，其对发生变化的值对应的键值对保存的方式也不同，其具体的保存方式详见步骤203，在此不再赘述。

步骤206：服务器通过调用设置数据(setData)函数对所述更新对象库中所有变化的数据进行一次页面刷新。

也就是说，服务器实时或定时检测updateObject是否为空，若为空，则继续检测，如果不为空，则调用微信小程序中的setData函数进行页面局部刷新操作，从而实现页面局部视图的刷新。。

本发明实施例中，通过监听微信小程序的每个页面的数据，当页面数据发生变化时，通过比较当前页面发生变化前后的数据中的所有key对应的值，获取发生变化的值，并将发生变化的值对应的键值对存储对应的更新对象库中，然后，对该更新对象库中的键值对的数据一次性进行页面刷新操作。即本发明实施例只针对对发生变化的值进行一次局部的刷新操作，不但提高了页面刷新效率，还提高了设备的性能。

请参阅图3，为本发明实施例提供的一种页面数据刷新装置的结构示意图，具体可以包括如下模块：获取模块301，比较模块302，存储模块303和刷新页面304，其中，

该获取模块301，用于在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为新数据；

该比较模块302，用于将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；

该存储模块303，用于将所述页面上所有发生变化的数据存储到更新对象库中；

该刷新页面304，用于对所述更新对象库中所有变化的数据进行一次页面刷新。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述比较模块302包括：第一遍历模块401，第二遍历模块402、键值比较模块403和数据确定模块404，其结构示意图如图4所示，其中，

该第一遍历模块401，用于对所述新数据中的所有关键字进行遍历，获得所述新数据中的每个关键字对应的新值；

该第二遍历模块402，用于以及对原数据中的所有关键字进行遍历，获得所述原数据中的每个关键字对应的值；

该键值比较模块403，用于将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对；

该数据确定模块404，用于将得到的所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述键值比较模块403包括：类型确定模块501和键值比较子模块502，其结构示意图如图5所示，其中，

该类型确定模块501，用于确定所述新数据中每个关键字对应的新值的类型；

该键值比较子模块502，用于按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述类型确定模块501确定的所述新数据中关键字对应的新值的类型至少包括下述之一：数字类型，布尔类型，字符串类型，数组类型和对象类型；

所述键值比较子模块502包括：第一判断模块和第一确定模块；和/或，第二判断模块和第二确定模块；和/或，第三判断模块、第三确定模块，第四判断模块和第四确定模块；和/或，第五判断模块、第五确定模块、第六判断模块和第六确定模块(图中未示)；其中，

所述第一判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为数字类型或布尔类型时，判断所述新数据中的所述关键字对应的数字值或布尔值与原数据中同一关键字对应的数字值或布尔值是否相同；

所述第一确定模块，用于在所述第一判断模块判定所述数字值或布尔值不同时，确定所述数字值或布尔值不同的值对应的键值对作为所述新数据中发生变化的键值对；

所述第二判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为字符串类型时，判断所述新数据中的所述关键字对应的字符串内容与原数据中同一关键字对应的字符串内容是否相同；

所述第二确定模块，用于在所述第二判断模块判定字符串内容不同时，确定所述字符串内容不同的值对应的键值对为所述新数据中发生变化的键值对；

所述第三判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为数组类型时，判断原数据中所述关键字对应的数组是否为空；

所述第三确定模块，用于在所述第三判断模块判定所述数组为空时，确定所述数组为空的关键字对应的键值对作为所述新数据中发生变化的键值对；

所述第四判断模块，用于在所述第三判断模块判定所述数组不为空时，遍历所述数组中的每个元素的元素值，判断所述每个元素值是否相同；

所述第四确定模块，用于在所述第四判断模块判定元素值不同时，将元素值不同的元素对应的数组的关键字对应的键值对作为所述新数据中发生变化的键值对；

所述第五判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为对象类型时，判断原数据中所述关键字对应的对象是否为空；

所述第五确定模块，用于在所述第五判断模块判定的对象为空时，确定所述为空对象对应的关键字的键值对作为所述新数据中发生变化的键值对；

所述第六判断模块，用于在所述第五判断模块判定的对象不为空时，遍历所述新值中所有关键字对应的值，判断所有关键字的值是否相同；

所述第六确定模块，用于在所述第六判断模块判定所有关键字的值不同时，将值不同的关键字对应的对象名或对象中的关键字的值对应的键值对作为所述新数据中发生变化的键值对。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

可选的，本发明实施例还提供一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现上所述的页面数据刷新方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

可选的，本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的页面数据刷新方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，所述的计算机可读存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等。

可选的，本发明实施例中，还提供了一种计算机程序产品，当计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备执行上述所示的页面数据刷新方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

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

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

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

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

尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本发明所提供的一种页面数据刷新方法、装置、电子设备及存储介质，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

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

在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为新数据；

将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；

将所述页面上所有发生变化的数据存储到更新对象库中；

对所述更新对象库中所有变化的数据进行一次页面刷新。

2.根据权利要求1所述的方法，其特征在于，所述新数据和原数据均是以键值对的方式存储，所述将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据包括：

对所述新数据中的所有关键字进行遍历，获得所述新数据中的每个关键字对应的新值；以及对原数据中的所有关键字进行遍历，获得所述原数据中的每个关键字对应的值；

将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对；

将得到的所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

3.根据权利要求2所述的方法，其特征在于，所述将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对，包括：

确定所述新数据中每个关键字对应的新值的类型；

按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对。

4.根据权利要求3所述的方法，其特征在于，

所述新数据中关键字对应的新值的类型至少包括下述之一：数字类型，布尔类型，字符串类型，数组类型和对象类型；

所述按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对，至少包括下述之一：

如果所述新数据中有关键字对应的新值的类型为数字类型或布尔类型，则比较所述新数据中的所述关键字对应的数字值或布尔值与原数据中同一关键字对应的数字值或布尔值是否相同，如果不同，则确定所述数字值或布尔值不同的值对应的键值对作为所述新数据中发生变化的键值对；或者

如果所述新数据中有关键字对应的新值的类型为字符串类型，则比较所述新数据中的所述关键字对应的字符串内容与原数据中同一关键字对应的字符串内容是否相同，如果不同，则确定所述字符串内容不同的值对应的键值对为所述新数据中发生变化的键值对；或者

如果所述新数据中有关键字对应的新值的类型为数组类型，则判断原数据中所述关键字对应的数组是否为空，如果所述数组为空，则确定所述数组为空的关键字对应的键值对作为所述新数据中发生变化的键值对；如果所述数组不为空，则遍历所述数组中的每个元素的元素值，判断所述每个元素值是否相同，将元素值不同的元素对应的数组的关键字对应的键值对作为所述新数据中发生变化的键值对；或者

如果所述新数据中有关键字对应的新值的类型为对象类型，判断原数据中所述关键字对应的对象是否为空，如果对象为空，则确定所述为空对象对应的关键字的键值对作为所述新数据中发生变化的键值对；如果对象不为空，则遍历所述新值中所有关键字对应的值，判断所有关键字的值是否相同，将值不同的关键字对应的对象名或对象中的关键字的值对应的键值对作为所述新数据中发生变化的键值对。

5.一种页面数据刷新装置，其特征在于，包括：

获取模块，用于在监听到微信小程序的页面数据发生变化时，获取所述页面发生变化后所述页面的所有数据，作为新数据；

比较模块，用于将所述新数据与所述页面变化前的原数据进行比较，得到所述页面上所有发生变化的数据；

存储模块，用于将所述页面上所有发生变化的数据存储到更新对象库中；

刷新页面，用于对所述更新对象库中所有变化的数据进行一次页面刷新。

6.根据权利要求5所述的装置，其特征在于，所述比较模块包括：

第一遍历模块，用于对所述新数据中的所有关键字进行遍历，获得所述新数据中的每个关键字对应的新值；

第二遍历模块，用于以及对原数据中的所有关键字进行遍历，获得所述原数据中的每个关键字对应的值；

键值比较模块，用于将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对；

数据确定模块，用于将得到的所有发生变化的值对应的键值对对应的数据作为所述页面上变化的数据。

7.根据权利要求6所述的装置，其特征在于，所述键值比较模块包括：

类型确定模块，用于确定所述新数据中每个关键字对应的新值的类型；

键值比较子模块，用于按照每个新值的类型，将所述新数据中每个关键字对应的新值与所述原数据中同一关键字对应的值进行比较，得到所述新数据中所有发生变化的值对应的键值对。

8.根据权利要求7所述的装置，其特征在于，

所述类型确定模块确定的所述新数据中关键字对应的新值的类型至少包括下述之一：数字类型，布尔类型，字符串类型，数组类型和对象类型；

所述键值比较子模块至少包括：第一判断模块和第一确定模块；和/或，第二判断模块和第二确定模块；和/或，第三判断模块、第三确定模块，第四判断模块和第四确定模块；和/或，第五判断模块、第五确定模块、第六判断模块和第六确定模块；其中，

所述第一判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为数字类型或布尔类型时，判断所述新数据中的所述关键字对应的数字值或布尔值与原数据中同一关键字对应的数字值或布尔值是否相同；

所述第一确定模块，用于在所述第一判断模块判定所述数字值或布尔值不同时，确定所述数字值或布尔值不同的值对应的键值对作为所述新数据中发生变化的键值对；

所述第二判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为字符串类型时，判断所述新数据中的所述关键字对应的字符串内容与原数据中同一关键字对应的字符串内容是否相同；

所述第二确定模块，用于在所述第二判断模块判定字符串内容不同时，确定所述字符串内容不同的值对应的键值对为所述新数据中发生变化的键值对；

所述第三判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为数组类型时，判断原数据中所述关键字对应的数组是否为空；

所述第三确定模块，用于在所述第三判断模块判定所述数组为空时，确定所述数组为空的关键字对应的键值对作为所述新数据中发生变化的键值对；

所述第四判断模块，用于在所述第三判断模块判定所述数组不为空时，遍历所述数组中的每个元素的元素值，判断所述每个元素值是否相同；

所述第四确定模块，用于在所述第四判断模块判定元素值不同时，将元素值不同的元素对应的数组的关键字对应的键值对作为所述新数据中发生变化的键值对；

所述第五判断模块，用于在所述类型确定模块确定的所述新数据中有关键字对应的新值的类型为对象类型时，判断原数据中所述关键字对应的对象是否为空；

所述第五确定模块，用于在所述第五判断模块判定的对象为空时，确定所述为空对象对应的关键字的键值对作为所述新数据中发生变化的键值对；

所述第六判断模块，用于在所述第五判断模块判定的对象不为空时，遍历所述新值中所有关键字对应的值，判断所有关键字的值是否相同；

所述第六确定模块，用于在所述第六判断模块判定所有关键字的值不同时，将值不同的关键字对应的对象名或对象中的关键字的值对应的键值对作为所述新数据中发生变化的键值对。

9.一种电子设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至4中任一项所述的页面数据刷新方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至4中任一项所述的页面数据刷新方法中的步骤。

Images