数据处理方法、装置、电子设备和存储器

技术领域

本公开涉及计算机技术领域，尤其涉及网页显示领域中数据处理方法、装置、电子设备和存储器。

背景技术

目前，针对网页的业务开发，在网页元素的属性变化过程中，通常是按照变化后的属性直接来显示网页元素，而不进行动画处理，也即，在网页元素的属性变化过程中是没有呈现出一定的动画效果的，这样使得网页元素的变换状态比较生硬。

发明内容

本公开提供了一种数据处理方法、装置、电子设备和存储器。

根据本公开的一方面，提供了一种数据处理方法。该方法可以包括：获取网页元素的目标属性；确定目标属性的属性值由第一属性值变化至第二属性值；基于第二属性值确定目标属性的结束值；基于目标属性的开始值和结束值，在目标界面上渲染目标动画，其中，目标动画用于展示目标属性由开始值变化到结束值的过程数据。

根据本公开的另一方面，提供了一种数据处理装置。该装置可以包括：第一获取单元，用于获取网页元素的目标属性；第一确定单元，用于确定目标属性的属性值由第一属性值变化至第二属性值；第二确定单元，用于基于第二属性值确定目标属性的结束值；第一渲染单元，用于基于目标属性的开始值和结束值，在目标界面上渲染目标动画，其中，目标动画用于展示目标属性由开始值变化到结束值的过程数据。

根据本公开的另一方面，还提供了一种电子设备。该电子设备可以包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行本公开实施例的数据处理方法。

根据本公开的另一方面，还提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行本公开实施例的数据处理方法。

根据本公开的另一方面，还提供了一种计算机程序产品。该计算机程序产品可以包括计算机程序，计算机程序在被处理器执行时实现本公开实施例的数据处理方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是根据本公开实施例的一种数据处理方法；

图2是根据本公开实施例的另一种数据处理方法的流程图；

图3A是根据本公开实施例的一种使用CSS3 transition实现动画的示意图；

图3B是根据本公开实施例的一种使用CSS3 transition实现动画的方法的流程图；

图4是根据本公开实施例的一种数据处理装置的示意图；

图5是根据本公开实施例的另一种数据处理装置的示意图；

图6是根据本公开实施例的一种电子设备的示意性框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本公开实施例提供了一种数据处理方法。

图1是根据本公开实施例的一种数据处理方法。如图1所示，该数据处理方法可以包括以下步骤：

步骤S102，获取网页元素的目标属性。

在本公开上述步骤102提供的技术方案中，网页元素可以是在客户端的页面上显示的要实现动画的元素，比如，其可以为动画的元素层叠样式表(Cascading Style Sheet，简称为CSS)属性，可以包括容器、功能控件等。其中，客户端可以为浏览器，容器可以为标签容器，也即，至少一个标签可以是通过容器进行显示的。

可选地，该实施例的上述网页元素可以为文档对象模型(Document ObjectModel，简称DOM)元素。

在该实施例中，获取网页元素的目标属性，该目标属性可以包括网页元素的高度(Height)和/或宽度(Width)。

步骤S104，确定目标属性的属性值由第一属性值变化至第二属性值。

在本公开上述步骤104提供的技术方案中，在获取网页元素的目标属性之后，确定目标属性的属性值由第一属性值变化至第二属性值。

在该实施例中，可以获取目标属性的属性值，比如，目标属性为网页元素的高度，则属性值可以为高度值，再比如，目标属性为网页元素的宽度，则属性值可以为宽度值。该实施例的目标属性的属性值可以发生变化，由第一属性值变换至第二属性值，比如，网页元素可以为页面容器，该页面容器可以包括标签1、标签2和标签3，此时页面容器的高度值可以为30px，而在页面容器添加了标签4之后，比如，页面容器所在的页面上具有添加标签的功能控件，通过该功能控件响应操作指令，可以在页面容器中进一步添加标签4，此时页面容器的高度就会发生变化，页面容器的高度值可以为50px。

可选地，在第一属性值变化之后，可以通过第一目标引擎计算第一属性值变化至的上述第二属性值，其中，第一目标引擎可以为JS引擎，由客户端所支持，也即，该实施例可以通过JS引擎动态计算出目标属性的第二属性值，比如，可以通过JS引擎中的getBoundingClientRect来获取上述第二属性值。其也可以称为元素属性值，比如，元素高度值、DOM元素高度。

可选地，该实施例获取第二属性值的时机可以在回调函数($nextTick)中，以确保获取到第一属性值变化后的第二属性值。

步骤S106，基于第二属性值确定目标属性的结束值。

在本公开上述步骤106提供的技术方案中，在确定目标属性的属性值由第一属性值变化至第二属性值之后，可以基于第二属性值确定目标属性的结束值。

在该实施例中，目标属性具有开始值和结束值，该开始值和结束值是具体的值，在结束值未知的情况下，可以基于第二属性值确定目标属性的结束值，进而为网页元素添加结束值。

该实施例通过基于第二属性值确定目标属性的结束值，为网页元素动态地添加与网页元素真实的属性值相对应的结束值，这即使是在网页元素的内容变化的场景下，也同样适用，而并非直接为网页元素设置一个最大属性值(最大高度max-height，最大宽度max-width)这种固定值，而导致不能很精确地设置网页元素的结束值。

步骤S108，基于目标属性的开始值和结束值，在目标界面上渲染目标动画。

在本公开上述步骤108提供的技术方案中，在基于第二属性值确定目标属性的结束值之后，基于目标属性的开始值和结束值，在目标界面上渲染目标动画，其中，目标动画用于展示目标属性由开始值变化到结束值的过程数据。

在该实施例中，目标属性的开始值可以是已知的，在获取到目标属性的结束值之后，目标属性的开始值和结束值为具体的值，从而网页元素的目标属性可以从开始值变化到结束值，该实施例可以基于目标属性的开始值和结束值在目标界面上渲染目标动画，其中，目标界面为客户端的界面，以展示目标属性由开始值变化到结束值的过程数据，该过程数据可以是与目标属性由开始值变化到结束值的动画效果相关的数据，从而该实施例可以实现在任何场景中，在网页元素的目标属性的属性值未知的情况下，仍然可以产生网页元素平滑的动画效果的目的。

通过本申请上述步骤S102至步骤S108，获取网页元素的目标属性；确定目标属性的属性值由第一属性值变化至第二属性值；基于第二属性值确定目标属性的结束值；基于目标属性的开始值和结束值，在目标界面上渲染目标动画，其中，目标动画用于展示目标属性由开始值变化到结束值的过程数据。也就是说，该实施例在网页元素的属性值发生变化时，计算变化后的属性值，将其作为属性的结束值，进而利用属性的开始值和结束值来渲染动画，避免了直接为网页元素设置一个最大属性值，而不能很精确地设置网页元素的结束值，从而解决了无法有效显示网页元素的动画的效果的技术问题，达到了有效显示网页元素的动画的效果的技术效果。

下面对该实施例的上述方法进行进一步介绍。

作为一种可选的实施方式，步骤S106，基于第二属性值确定目标属性的结束值包括：将第二属性值确定为目标属性的结束值。

在该实施例中，在实现基于第二属性值确定目标属性的结束值时，该实施例可以将第二属性值直接确定为目标属性的结束值，也即，目标属性的结束值为计算出来的第一属性值变化后的值，从而该实施例为网页元素动态地添加与网页元素真实的属性值相等的结束值，实现了精确计算网页元素的结束值的目的，这样即使是在网页元素的内容变化的场景下，也同样适用，而并非直接为网页元素设置一个最大属性值，而最大属性值并不能够与网页元素真实的属性值相等，而导致不能很精确地设置网页元素的结束值。

作为一种可选的实施方式，步骤S108，基于目标属性的开始值和结束值，在目标界面上渲染目标动画包括：在开始值为默认值的情况下，基于开始值和结束值在目标界面上渲染目标动画。

在该实施例中，目标属性的开始值可以为预先已经设置好的默认值，比如，为0，可以根据具体场景而灵活设置，此处不做具体限制，从而该实施例可以基于为默认值的开始值和结束值在目标界面上渲染目标动画。

作为一种可选的实施方式，目标属性为风格属性，风格属性用于表示网页元素的风格，该方法还包括：在风格属性中确定属性变量；向属性变量赋值结束值。

在该实施例中，目标属性可以属于风格属性(style)中的一种，比如，为网页元素的高或宽。该实施例可以在风格属性中确定属性变量，比如，风格属性下面有网页元素的高变量，可以通过height表示，则可以向其赋值上述结束值，也即，赋值上述已经计算好的第二属性值。

该实施例使用JS引擎动态获取第二属性值，通过网页元素的风格属性修改属性变量的值来实现目标动画，不需要引入第三方库，从而使得维护成本低。

作为一种可选的实施方式，该方法还包括：通过层叠样式表确定允许对网页元素进行过渡变换操作。

在该实施例中，对于网页元素的目标属性从一个第一属性值到另一个第二属性值变化过程的动画效果，可以采用过渡变换操作(transition)，该方案使用简单，代码简单，少依赖，且维护方便，实现成本较低，动画效果流畅，可以提升系统的整体使用体验。

该实施例可以在基于目标属性的开始值和结束值，在目标界面上渲染目标动画之前，通过层叠样式表(Cascading Style Sheets，简称为CCS)确定允许对网页元素进行过渡变换操作，也即，该实施例是通过CSS设置transition(CSS3 transition)，比如，当目标属性为网页元素的高时，则可以预先设置transition：height.3s ease。

该实施例的客户端支持CSS3 transition，可以基于CSS3 transition控制网页元素实现目标属性的变化，效果流畅，且可以灵活设置动画时长、动画效果等。

作为一种可选的实施方式，步骤S108，基于目标属性的开始值和结束值，在目标界面上渲染目标动画包括：对开始值和结束值进行过渡变换操作，得到目标动画；利用渲染进程在目标界面上渲染目标动画。

在该实施例中，在实现基于目标属性的开始值和结束值，在目标界面上渲染目标动画时，可以对开始值和结束值进行过渡变换操作，可以得到用于展示目标属性从开始值到结束值的变化过程的目标动画。可选地，该实施例在确定目标属性的结束值之后，可以将结束值的处理放在setTimeout里面，这样在渲染进程进行启动时，可以将目标动画渲染在目标界面上，展示目标属性的动画效果。其中，渲染进程可以用户界面(User Interface，简称为UI)渲染进程。

可选地，该实施例的上述渲染进程由渲染引擎启动，该渲染引擎可以为CSS渲染引擎，从而实现了通过JS引擎计算第一属性值变化后的第二属性值，通过向网页元素的风格属性下面的属性变量赋值第二属性值，进一步与CSS渲染引擎协作渲染出来目标动画的动画效果。

该实施例通过动态获取网页元素的目标属性的属性值方法，可以解决在目标属性的属性值未知的情况下，只能通过设置最大属性值而导致动画效果有误差的问题，达到了有效显示网页元素的动画的效果的技术效果。

本公开实施例还从教育场景提供了另一种数据处理方法。

图2是根据本公开实施例的另一种数据处理方法的流程图。如图2所示，该方法可以包括以下步骤：

步骤S202，获取教学平台上的网页元素的目标属性，其中，网页元素用于显示教学信息。

在本公开上述步骤S202提供的技术方案中，教学平台可以是与教育教研资源相关的平台，网页元素可以是在教学平台的客户端的页面上显示的要实现动画的元素，可以包括容器、功能控件等，其用于显示教学信息，该教学信息可以是教学内容，也可以是教学对象的相关信息，比如，教师信息、学生信息等，此处可以根据实际场景而灵活设置，不做具体限制。

在该实施例中，获取教学平台上的网页元素的目标属性，该目标属性可以包括网页元素的高度和/或宽度。

步骤S204，确定目标属性的属性值由第一属性值变化至第二属性值。

在本公开上述步骤S204提供的技术方案中，在获取教学平台上的网页元素的目标属性之后，确定目标属性的属性值由第一属性值变化至第二属性值。

在该实施例中，可以获取目标属性的属性值，比如，目标属性为网页元素的高度，则属性值可以为高度值，再比如，目标属性为网页元素的宽度，则属性值可以为宽度值。该实施例的目标属性的属性值可以发生变化，由第一属性值变换至第二属性值。

可选地，在第一属性值变化之后，可以通过第一目标引擎计算第一属性值变化至的上述第二属性值。

步骤S206，基于第二属性值确定目标属性的结束值。

在本公开上述步骤S206提供的技术方案中，在确定目标属性的属性值由第一属性值变化至第二属性值之后，可以基于第二属性值确定目标属性的结束值。

在该实施例中，教学平台上的网页元素的目标属性具有开始值和结束值，该开始值和结束值是具体的值，在结束值未知的情况下，可以基于第二属性值确定教学平台上的网页元素的目标属性的结束值，进而为教学平台上的网页元素添加结束值。

该实施例通过基于第二属性值确定教学平台上的网页元素的目标属性的结束值，为教学平台上的网页元素动态地添加与网页元素真实的属性值相对应的结束值，即使是在教学平台上的网页元素的内容变化的场景下，也同样适用，而并非直接为教学平台上的网页元素设置一个最大属性值，导致不能很精确地设置教学平台上的网页元素的结束值。

步骤S208，基于目标属性的开始值和结束值，在教学平台的界面上渲染目标动画。

在本公开上述步骤S208提供的技术方案中，在基于第二属性值确定目标属性的结束值之后，可以基于目标属性的开始值和结束值，在教学平台的界面上渲染目标动画。其中，目标动画用于展示目标属性由开始值变化到结束值的过程数据。

在该实施例中，教学平台上的网页元素的目标属性的开始值可以是已知的，在获取到教学平台上的网页元素的目标属性的结束值之后，目标属性的开始值和结束值为具体的值，从而教学平台上的网页元素的目标属性可以从开始值变化到结束值，该实施例可以基于教学平台上的网页元素的目标属性的开始值和结束值在目标界面上渲染目标动画，以展示目标属性由开始值变化到结束值的过程数据，该过程数据可以是与教学平台上的网页元素的目标属性由开始值变化到结束值的动画效果相关的数据，从而该实施例可以实现在任何教学场景中，教学平台上的网页元素的目标属性的属性值未知的情况下，仍然可以产生平滑的动画效果。

该实施例通过动态获取教学平台上的网页元素的目标属性的属性值方法，可以解决在教学平台上的网页元素的目标属性的属性值未知的情况下，只能通过设置最大属性值而导致动画效果有误差的问题，达到了有效显示网页元素的动画的效果的技术效果，以支撑教育业务的发展。

下面结合优选的实施方式对本公开实施例的技术方案进行进一步地举例说明。

随着超文本标记语言5(HyperText Markup Language 5，简称为HTML5)5、CSS3、JS版本标准(ECMAScript 6.0，简称为ES6)等技术的发展以及浏览器性能的提升，用户对产品的使用体验提出了更高的要求，这些好的体验可以包括但不限于网页元素高度变化或者宽度变化时候的动画效果，以及网页元素的位置移动时候的动画效果等。

实现动画的方法可以有CSS3动画(animation)、HTML5动画执行请求(requestAnimationFrame)，可以直接操作网页元素，或者引入第三方动画库等方案，但是这些方法又受到以下三个因素的限制：

(1)使用成本因素，产品需求只是要求网页元素在高度变化时候实现动画的效果，这种情况下使用animation、requestAnimationFrame、操作DOM或者第三方动画库都会带来很大的工作量，使得成本成倍数增长；

(2)技术发展驱使因素，随着网页(WEB)技术的日益发展，通过使用JS引擎直接操作DOM实现动画的方式也越来越不被推荐。从设计的角度来说，CSS本身就是设计用来表现样式，JS控制逻辑，所以优先推荐实现动画的方式是通过CSS或者可以说是CSS3+。

(3)工程可维护因素，工程中引入第三方动画库会造成项目体积增大，开发者需要学习第三方库的功能和用法，一部分程度上增加了维护成本。

在相关技术中，对于动画的优化方案通常可以通过以下方案进行：元素的属性变化(高度、宽度等)过程中无动画，该方法使得状态切换生硬，体验差；animation方式，CSS3原生动画属性，可以实现较复杂、功能丰富的动画效果，实现动画需要较多的代码，适用于较复杂的动画场景，工作量大；引入第三方动画库(Anime.js、Lottie等动画库)，但该方法有一定的学习成本，增加项目打包后的体积，维护成本高；transition方式，对于网页元素的高度、宽度等属性从一个值到另一个值变化过程的动画效果，可以采用transition，该方案使用简单、维护方便，并且通过transition实现动画的方案对要做动画的CSS属性有一个要求，起始值和结束值必须是具体的值，对于网页元素的属性的初始值已知，而结束值未知的情况，可以通过设置最大高度max-height，最大宽度max-width为网页元素设置结束值，以实现动画效果，但是该方法具有一定的局限性，因为网页元素的结束值不确定是具体多少，设置一个最大高度或最大宽度值并不能够与元素真实的属性值相等，从而不能很精确的设置网页元素的结束值，尤其是在网页元素的内容变化的场景下就更不适合了，所以体验不是十分友好。

然而，在该实施例中，浏览器都支持CSS3 transition属性，在初始值已知(默认0)的情况下，可以需要通过JS动态精确地计算网页元素的高度值和/或宽度值，将其作为结束值，然后通过style为网页元素添加属性的结束值，就可以实现任何场景元素高度(宽度等)未知的情况下产生平滑的动画效果。下面对其进行进一步介绍。

图3A是根据本公开实施例的一种使用CSS3 transition实现动画的示意图。如图3A所示，页面具有标签容器，在页面处于初始状态下，标签容器中设置有标签1、标签2和标签3，标签容器此时的高度为30px。对页面上的“添加标签”功能控件进行点击操作，可以将标签4动态地添加至标签容器中，此时标签容器的高度发生了变化，由原来的30px变化至50px。

图3B是根据本公开实施例的一种使用CSS3 transition实现动画的方法的流程图。如图3B所示，该方法可以包括以下步骤：

步骤S301，向标签容器中添加标签。

步骤S302，通过JS引擎动态计算标签容器的高度，通过style为网页元素设置高度值。

该实施例通过style为标签容器添加可以为上述计算出的高度的结束值。

需要说明的是，该实施例需要在实现动画之前，通过JS引擎动态计算出来标签容器的高度，然后为标签容器的style属性下面的height变量动态赋值为上述计算出来的标签容器的高度。

步骤S303，标签容器的高度变化平滑切换。

该实施例通过标签容器的默认开始值和结束值实现高度变化的平滑切换，可以在目标界面上展示标签容器的高度变化的动画效果。

需要说明的是，该实施例要实现动画的网页元素事先必须通过CSS设置transition，比如，设置transition：height.3s ease，该实现动画的方案，代码简单、少依赖，实现成本较低，动画效果流畅，提升了系统的整体使用体验；获取要实现动画的网页元素的高度值的时机，是在网页元素的高度变化之后，变化的网页元素的高度值的处理可以放在setTimeout里面，以让下次UI渲染进程启动的时候可以渲染出来动画的效果。

需要说明的是，上述涉及网页元素的高度的方法同样适用于网页元素的宽度。

该实施例的上述方法可以基于CSS3新特性实现，也即，可以基于CSS3 transition控制元素实现动画的属性(高度、宽度等)、动画时长、动画效果等；基于JS引擎与CSS渲染引擎交互实现，也即，该实施例基于HTML5、W3C标准WEB技术，使用JS动态计算出网页元素的高度和/或军队，通过网页元素style属性下面的高度和/宽度变量与CSS渲染引擎协作来实现渲染出来动画效果；该实施例可以基于VUE框架实现，获取网页元素变化的高度和/或宽度的时机要在$nextTick回调函数中，以确保获取到网页元素的高度和/或宽度变化后的值。

该实施例实现了一种通过JS引擎获取元素高度结合CSS3 transition实现动画，这与相关技术中在网页元素的高度和/或宽度未知的情况下，实现动画效果的方法相比较，该实施例实现的动画效果流畅、实现成本低、兼容性好等。比如，该实施例实现动画的核心基于CSS3 transition，效果流畅，可以灵活设置动画时长以及动画的效果；该实施例使用JS动态获取网页元素的高度和/或宽度，通过网页元素的style属性修改高度和/或宽度变量的值来实现动画，不需要引入第三方库，从而使得维护成本低；另外，该实施例所使用的CSS3和JS技术均被主流浏览器支持，比如，PC/H5主流浏览器都支持CSS transition，获取网页元素的高度和/或宽度的方法getBoundingClientRect也被所有主流浏览器支持，从而该实施例的方法兼容性好。

该实施例的上述所涉及动态获取网页元素的高度和/或宽度的方法，可以解决在网页元素的高度和/或宽度未知的情况只能通过设置最大高度值、最大宽度值这种固定值，而导致动画效果有误差的问题。

该实施例的上述方法可以应用于教育教研资源平台中，以支撑教育业务的发展。

本公开实施例提供了一种数据处理装置。需要说明的是，该实施例的数据处理装置可以用于执行本公开图1所示实施例的数据处理方法。

图4是根据本公开实施例的一种数据处理装置的示意图。如图4所示，该数据处理装置40可以包括：第一获取单元41、第一确定单元42、第二确定单元43和第一渲染单元44。

第一获取单元41，用于获取网页元素的目标属性。

第一确定单元42，用于确定目标属性的属性值由第一属性值变化至第二属性值。

第二确定单元43，用于基于第二属性值确定目标属性的结束值。

第一渲染单元44，用于基于目标属性的开始值和结束值，在目标界面上渲染目标动画，其中，目标动画用于展示目标属性由开始值变化到结束值的过程数据。

可选地，第二确定单元包括：确定模块，用于将第二属性值确定为目标属性的结束值。

可选地，第一渲染单元44包括：第一渲染模块，用于在开始值为默认值的情况下，基于开始值和结束值在目标界面上渲染目标动画。

可选地，目标属性为风格属性，风格属性用于表示网页元素的风格，该装置还包括：第三确定单元，用于在风格属性中确定属性变量；赋值单元，用于向属性变量赋值结束值。

可选地，该装置还包括：第四确定单元，用于通过层叠样式表确定允许对网页元素进行过渡变换操作。

可选地，第一渲染单元包括：过渡模块，用于对开始值和结束值进行过渡变换操作，得到目标动画；第二渲染模块，用于利用渲染进程在目标界面上渲染目标动画。

可选地，目标属性包括网页元素的宽和/或网页元素的高。

可选地，第一获取单元包括：获取模块，用于获取教学平台上的网页元素的目标属性，其中，网页元素用于显示教学信息；第一渲染单元包括：第三渲染模块，用于基于开始值和结束值，在教学平台的界面上渲染目标动画。

本公开实施例提供了另一种数据处理装置。需要说明的是，该实施例的数据处理装置可以用于执行本公开图2所示实施例的数据处理方法。

图5是根据本公开实施例的另一种数据处理装置的示意图。如图5所示，该数据处理装置50可以包括：第二获取单元51、第五确定单元52、第六确定单元53和第二渲染单元54。

第二获取单元51，用于获取教学平台上的网页元素的目标属性，其中，网页元素用于显示教学信息。

第五确定单元52，用于确定目标属性的属性值由第一属性值变化至第二属性值。

第六确定单元53，用于基于第二属性值确定目标属性的结束值。

第二渲染单元54，用于基于目标属性的开始值和结束值，在教学平台的界面上渲染目标动画，其中，目标动画用于展示目标属性由开始值变化到结束值的过程数据。

在该实施例的数据处理装置中，网页元素的属性值发生变化时，计算变化后的属性值，将其作为属性的结束值，进而利用属性的开始值和结束值来渲染动画，避免了直接为网页元素设置一个最大属性值，而不能很精确地设置网页元素的结束值，从而解决了无法有效显示网页元素的动画的效果的技术问题，达到了有效显示网页元素的动画的效果的技术效果。

需要说明的是，上述各个单元和模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述模块均位于同一处理器中；或者，上述各个模块以任意组合的形式分别位于不同的处理器中。

本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图6是根据本公开实施例的一种电子设备的示意性框图。如图6所示，电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图6所示，设备600包括计算单元601，其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序，来执行各种适当的动作和处理。在RAM 603中，还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

设备600中的多个部件连接至I/O接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元608，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元801的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如数据处理方法。例如，在一些实施例中，数据处理方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时，可以执行上文描述的数据处理方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行数据处理方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。