CN115237529A - 页面组件的属性共享方法、装置、电子设备和存储介质 - Google Patents

Abstract

本公开提供了一种页面组件的属性共享方法、装置、电子设备和存储介质，涉及通信技术领域，尤其涉及组件通信、小程序通信技术领域。具体实现方案为：源页面组件将目标属性更新后的目标取值发送至共享服务器；共享服务器将共享服务器中的目标属性的取值更新为目标取值；目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系；目标页面组件基于订阅关系，从共享服务器中获取目标取值。由此，源页面组件可通过共享服务器向目标页面组件共享目标属性，即可实现目标属性在源页面组件、目标页面组件之间的共享，页面组件的属性共享不需要层层传递，提高了页面组件的属性共享的效率，有助于节省计算资源。

Description

页面组件的属性共享方法、装置、电子设备和存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面组件的属性共享方法、装置、电子设备、存储介质和计算机程序产品。

背景技术

目前，随着网络技术的不断发展，页面组件化具有开发工作量少、扩展性好等优点，在网页、应用程序(比如小程序)等领域中得到了广泛应用。不同的页面组件可具有相同的属性，相关技术中，页面组件的属性共享需要层层传递，比如，父组件向子组件发送属性值，子组件向孙子组件发送属性值，以实现父组件、孙子组件之间的属性共享。

发明内容

本公开提供了一种页面组件的属性共享方法、装置、电子设备、存储介质和计算机程序产品。

根据本公开的一方面，提供了一种页面组件的属性共享方法，源页面组件将目标属性更新后的目标取值发送至共享服务器，其中，所述目标属性为所述源页面组件具有的属性；所述共享服务器将所述共享服务器中的目标属性的取值更新为所述目标取值；目标页面组件获取所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；所述目标页面组件基于所述订阅关系，从所述共享服务器中获取所述目标取值。

根据本公开的另一方面，提供了另一种页面组件的属性共享方法，适用于共享服务器，所述方法包括：接收源页面组件发送的目标属性更新后的目标取值，其中，所述目标属性为所述源页面组件具有的属性；将共享服务器中的目标属性的取值更新为所述目标取值；响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

根据本公开的另一方面，提供了另一种页面组件的属性共享方法，适用于源页面组件，所述方法包括：响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为所述目标取值，其中，所述目标取值通过所述共享服务器向具有所述目标属性的目标页面组件共享。

根据本公开的另一方面，提供了另一种页面组件的属性共享方法，适用于目标页面组件，所述方法包括：获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；基于所述订阅关系，从所述共享服务器中获取所述目标属性更新后的目标取值；将所述目标页面组件的目标属性的取值更新为所述目标取值。

根据本公开的另一方面，提供了一种页面组件的属性共享装置，包括：发送模块，用于将目标属性更新后的目标取值发送至共享服务器，其中，所述目标属性为所述源页面组件具有的属性；更新模块，用于将所述共享服务器中的目标属性的取值更新为所述目标取值；第一获取模块，用于获取所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；第二获取模块，用于基于所述订阅关系，从所述共享服务器中获取所述目标取值。

根据本公开的另一方面，提供了另一种页面组件的属性共享装置，适用于共享服务器，所述装置包括：接收模块，用于接收源页面组件发送的目标属性更新后的目标取值，其中，所述目标属性为所述源页面组件具有的属性；更新模块，用于将共享服务器中的目标属性的取值更新为所述目标取值；获取模块，用于响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标页面组件具有所述目标属性；处理模块，用于基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

根据本公开的另一方面，提供了另一种页面组件的属性共享装置，适用于源页面组件，所述装置包括：更新模块，用于响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为所述目标取值，其中，所述目标取值通过所述共享服务器向具有所述目标属性的目标页面组件共享。

根据本公开的另一方面，提供了另一种页面组件的属性共享装置，适用于目标页面组件，所述装置包括：第一获取模块，用于获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；第二获取模块，用于基于所述订阅关系，从所述共享服务器中获取所述目标属性更新后的目标取值；更新模块，用于将所述目标页面组件的目标属性的取值更新为所述目标取值。

根据本公开的另一方面，提供了一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行页面组件的属性共享方法。

根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行页面组件的属性共享方法。

根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，其中，所述计算机程序被处理器执行时实现页面组件的属性共享方法的步骤。

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

附图说明

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

图1是根据本公开第一实施例的页面组件的属性共享方法的流程示意图；

图2是根据本公开第二实施例的页面组件的属性共享方法中订阅关系的示意图；

图3是根据本公开第三实施例的页面组件的属性共享方法的流程示意图；

图4是根据本公开第四实施例的页面组件的属性共享方法的流程示意图；

图5是根据本公开第五实施例的页面组件的属性共享方法的流程示意图；

图6是根据本公开第六实施例的页面组件的属性共享方法的流程示意图；

图7是根据本公开第七实施例的页面组件的属性共享方法的流程示意图；

图8是根据本公开第八实施例的页面组件的属性共享方法的流程示意图；

图9是根据本公开第九实施例的页面组件的属性共享方法的流程示意图；

图10是根据本公开第一实施例的页面组件的属性共享装置的框图；

图11是根据本公开第二实施例的页面组件的属性共享装置的框图；

图12是根据本公开第三实施例的页面组件的属性共享装置的框图；

图13是根据本公开第四实施例的页面组件的属性共享装置的框图；

图14是用来实现本公开实施例的页面组件的属性共享方法的电子设备的框图。

具体实施方式

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

通信又称通信工程，是电子工程的重要分支，关注的是通信过程中的信息传输和信号处理的原理和应用。通信工程研究的是，以电磁波、声波或光波的形式把信息通过电脉冲，从发送端(信源)传输到一个或多个接受端(信宿)。接受端能否正确辨认信息，取决于传输中的损耗功率高低。信号处理是通信工程中一个重要环节，其包括过滤，编码和解码等。

组件通信是指组件之间进行通信，组件可包括页面组件，组件通信可包括父组件和子组件之间的通信，父组件和孙子组件之间的通信，父组件和重孙组件之间的通信，兄弟组件之间的通信等。

小程序通信是研究小程序中的组件通信、页面通信的技术，是小程序技术中的一个重要方向。小程序是一种不需要下载安装即可使用的应用程序，用户通过扫描二维码、搜索等方式就可打开小程序。目前，小程序具有使用方便、占用空间小等优点，得到了广泛的应用。

图1是根据本公开第一实施例的页面组件的属性共享方法的流程示意图。

如图1所示，本公开第一实施例的页面组件的属性共享方法，包括：

S101，源页面组件将目标属性更新后的目标取值发送至共享服务器，其中，目标属性为源页面组件具有的属性。

需要说明的是，共享服务器用于存储页面组件的属性的取值，比如，共享服务器用于存储源页面组件、目标页面组件的属性的取值。

需要说明的是，源页面组件、目标页面组件均可为页面上的任一组件，目标属性为源页面组件、目标页面组件具有的属性，对源页面组件、目标页面组件、目标属性均不做过多限定。比如，源页面组件、目标页面组件包括但不限于文本组件、图片组件、视频播放组件、文本输入组件、标签栏组件、表格组件、按钮组件、滑轮组件等。比如，目标属性包括但不限于字体、字号、字体颜色、组件尺寸、背景、位置、运动属性等。其中，运动属性包括但不限于运动方向、角度、速度等。

需要说明的是，对源页面组件、目标页面组件之间的组件关系不做过多限定，比如，源页面组件可为目标页面组件的父组件、子组件、孙子组件、重孙组件、兄弟组件等。

本公开的实施例中，源页面组件可将目标属性更新后的目标取值发送至共享服务器。应说明的是，共享服务器与源页面组件之间可进行通信，以进行数据传输，对通信方式不做过多限定。

比如，源页面组件具有目标属性num，共享服务器中存储有目标属性num，共享服务器中的目标属性num的取值为0，若源页面组件的目标属性num的取值更新为1，即目标属性num更新后的目标取值为1，源页面组件可将目标属性num更新后的目标取值(即1)发送至共享服务器。

S102，共享服务器将共享服务器中的目标属性的取值更新为目标取值。

本公开的实施例中，共享服务器可接收源页面组件发送的目标取值，并将共享服务器中的目标属性的取值更新为目标取值。

比如，共享服务器中存储有目标属性num，共享服务器中的目标属性num的取值为0，共享服务器可接收源页面组件发送的目标属性num更新后的目标取值，若目标属性num更新后的目标取值为1，将共享服务器中的目标属性num的取值更新为1。

需要说明的是，对共享服务器存储页面组件的属性的取值的方式不做过多限定。

在一种实施方式中，共享服务器用于存储state(状态)属性，应说明的是，state属性用于存储页面组件的属性的取值。

在一种实施方式中，共享服务器用于存储目标属性和目标属性的取值之间的映射关系或者映射表。

在一种实施方式中，共享服务器用于存储目标属性和目标属性的取值之间的键值对，其中，键为目标属性，值为目标属性的取值。

S103，目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性。

需要说明的是，目标页面组件与共享服务器中的目标属性之间具有订阅关系。可以理解的是，不同的目标页面组件可订阅不同的目标属性，一个目标页面组件可订阅至少一个目标属性，一个目标属性可被至少一个目标页面组件订阅。

比如，如图2所示，目标页面组件包括目标页面组件A、B、C，共享服务器中的目标属性包括目标属性1至3，目标页面组件A与目标属性1之间具有订阅关系，目标页面组件B与目标属性2之间具有订阅关系，目标页面组件C与目标属性1、2、3具有订阅关系。

在一种实施方式中，可预先在目标页面组件的存储空间中设置目标页面组件与共享服务器中的目标属性之间的订阅关系。目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括目标页面组件从本地获取上述订阅关系。

在一种实施方式中，目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括目标页面组件接收共享服务器发送的订阅关系。应说明的是，共享服务器与目标页面组件之间可进行通信，以进行数据传输，对通信方式不做过多限定。

S104，目标页面组件基于订阅关系，从共享服务器中获取目标取值。

继续以图2为例，目标页面组件A、C可从共享服务器中获取目标属性1更新后的目标取值1，目标页面组件B、C可从共享服务器中获取目标属性2更新后的目标取值2，目标页面组件C可从共享服务器中获取目标属性3更新后的目标取值3。

在一种实施方式中，目标页面组件基于订阅关系，从共享服务器中获取目标属性更新后的目标取值，可包括目标页面组件调用设定函数，执行设定函数，由设定函数基于订阅关系，从共享服务器中获取目标属性更新后的目标取值。应说明的是，对设定函数不做过多限定，设定函数包括但不限于同步函数、异步函数等。

综上，根据本公开实施例的页面组件的属性共享方法，源页面组件将目标属性更新后的目标取值发送至共享服务器，共享服务器将共享服务器中的目标属性的取值更新为目标取值，目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系，目标页面组件基于订阅关系，从共享服务器中获取目标取值。由此，源页面组件可通过共享服务器向目标页面组件共享目标属性，即可实现目标属性在源页面组件、目标页面组件之间的共享，页面组件的属性共享不需要层层传递，提高了页面组件的属性共享的效率，有助于节省计算资源。

图3是根据本公开第三实施例的页面组件的属性共享方法的流程示意图。

如图3所示，本公开第三实施例的页面组件的属性共享方法，包括：

S301，源页面组件将目标属性更新后的目标取值发送至共享服务器，其中，目标属性为源页面组件具有的属性。

S302，共享服务器将共享服务器中的目标属性的取值更新为目标取值。

S303，目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性。

步骤S301-S303的相关内容可参见上述实施例，这里不再赘述。

S304，目标页面组件基于订阅关系，接收共享服务器发送的目标取值。

继续以图2为例，目标页面组件A、C可基于订阅关系，接收共享服务器发送的目标属性1更新后的目标取值1，目标页面组件B、C可基于订阅关系，接收共享服务器发送的目标属性2更新后的目标取值2，目标页面组件C可基于订阅关系，接收共享服务器发送的目标属性3更新后的目标取值3。

在一种实施方式中，共享服务器响应于共享服务器中的目标属性的取值更新为目标取值，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，并基于订阅关系，将目标取值发送至目标页面组件。由此，共享服务器可基于订阅关系，实现目标属性在共享服务器、目标页面组件之间的共享，以实现目标属性在源页面组件、目标页面组件之间的共享。

在一种实施方式中，可预先在共享服务器的存储空间中设置目标页面组件与共享服务器中的目标属性之间的订阅关系。共享服务器获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括共享服务器从本地获取上述订阅关系。

在一种实施方式中，共享服务器获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括共享服务器接收目标页面组件发送的订阅关系。

继续以图2为例，共享服务器可响应于目标属性1的取值更新为目标取值1，基于订阅关系，将目标取值1发送至目标页面组件A、C，目标页面组件A、C可基于订阅关系，接收共享服务器发送的目标属性1更新后的目标取值1。

继续以图2为例，共享服务器可响应于目标属性2的取值更新为目标取值2，基于订阅关系，将目标取值2发送至目标页面组件B、C，目标页面组件B、C可基于订阅关系，接收共享服务器发送的目标属性2更新后的目标取值2。

继续以图2为例，共享服务器可响应于目标属性3的取值更新为目标取值3，基于订阅关系，将目标取值3发送至目标页面组件C，目标页面组件C可基于订阅关系，接收共享服务器发送的目标属性3更新后的目标取值3。

在一种实施方式中，目标页面组件基于订阅关系，接收共享服务器发送的目标取值之前，还包括目标页面组件向共享服务器发送请求信息，其中，请求信息用于获取目标取值。由此，该方法中目标页面组件可向共享服务器发送请求信息，使得共享服务器向目标页面组件发送目标取值。

在一种实施方式中，共享服务器基于订阅关系，将目标取值发送至目标页面组件之前，还包括共享服务器接收目标页面组件发送的请求信息，其中，请求信息用于获取目标取值。由此，该方法中共享服务器可在接收目标页面组件发送的请求信息时，将目标取值发送至目标页面组件。

继续以图2为例，共享服务器可响应于目标属性1的取值更新为目标取值1，并接收目标页面组件A发送的请求信息，基于订阅关系，将目标取值1发送至目标页面组件A。

继续以图2为例，共享服务器可响应于目标属性1的取值更新为目标取值1，且未接收到目标页面组件C发送的请求信息，则共享服务器不将目标取值1发送至目标页面组件C。

综上，根据本公开实施例的页面组件的属性共享方法，目标页面组件可基于订阅关系，接收共享服务器发送的目标取值，以获取目标取值。

图4是根据本公开第四实施例的页面组件的属性共享方法的流程示意图。

如图4所示，本公开第四实施例的页面组件的属性共享方法，包括：

S401，源页面组件将目标属性更新后的目标取值发送至共享服务器，其中，目标属性为源页面组件具有的属性。

S402，共享服务器将共享服务器中的目标属性的取值更新为目标取值。

S403，目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性。

步骤S401-S403的相关内容可参见上述实施例，这里不再赘述。

S404，目标页面组件基于订阅关系，对共享服务器中的目标属性进行监听。

继续以图2为例，目标页面组件A可对目标属性1进行监听，目标页面组件B可对目标属性2进行监听，目标页面组件C可对目标属性1、2、3进行监听。

需要说明的是，对监听方式不做过多限定，比如，目标页面组件可调用监听函数，执行监听函数，由监听函数基于订阅关系，对共享服务器中的目标属性进行监听。应说明的是，对监听函数不做过多限定。

S405，目标页面组件在监听到共享服务器中的目标属性的取值更新的情况下，从共享服务器中获取目标取值。

需要说明的是，目标页面组件对共享服务器中的目标属性的取值具有操作权限，其中，操作权限至少包括从共享服务器中获取目标取值。

在一种实施方式中，从共享服务器中获取目标取值，可包括目标页面组件从共享服务器中读取目标取值。

在一种实施方式中，从共享服务器中获取目标取值，可包括目标页面组件接收共享服务器发送的目标取值。比如，目标页面组件接收共享服务器发送的目标取值之前，目标页面组件可向共享服务器发送请求信息，其中，请求信息用于获取目标取值。

综上，根据本公开实施例的页面组件的属性共享方法，目标页面组件获取目标页面组件与共享服务器中的目标属性之间的订阅关系，在监听到共享服务器中的目标属性的取值更新的情况下，从共享服务器中获取目标取值。由此，目标页面组件可基于订阅关系，对共享服务器中的目标属性进行监听，以获取目标取值。

图5是根据本公开第五实施例的页面组件的属性共享方法的流程示意图。

如图5所示，本公开第五实施例的页面组件的属性共享方法，包括：

S501，接收源页面组件发送的目标属性更新后的目标取值，其中，目标属性为源页面组件具有的属性。

需要说明的是，本公开实施例的页面组件的属性共享方法的执行主体为共享服务器。共享服务器用于存储页面组件的属性的取值，比如，共享服务器用于存储源页面组件、目标页面组件的属性的取值。

需要说明的是，源页面组件、目标页面组件均可为页面上的任一组件，源页面组件、目标页面组件具有目标属性，对源页面组件、目标页面组件、目标属性均不做过多限定。比如，源页面组件、目标页面组件包括但不限于文本组件、图片组件、视频播放组件、文本输入组件、标签栏组件、表格组件、按钮组件、滑轮组件等。比如，目标属性包括但不限于字体、字号、字体颜色、组件尺寸、背景、位置、运动属性等。其中，运动属性包括但不限于运动方向、角度、速度等。

需要说明的是，对源页面组件、目标页面组件之间的组件关系不做过多限定，比如，源页面组件可为目标页面组件的父组件、子组件、孙子组件、重孙组件、兄弟组件等。

本公开的实施例中，共享服务器可接收源页面组件发送的目标属性更新后的目标取值。应说明的是，共享服务器与源页面组件之间可进行通信，以进行数据传输，对通信方式不做过多限定。

S502，将共享服务器中的目标属性的取值更新为目标取值。

比如，共享服务器中存储有目标属性num，共享服务器中的目标属性num的取值为0，共享服务器可接收源页面组件发送的目标属性num更新后的目标取值，若目标属性num更新后的目标取值为1，将共享服务器中的目标属性num的取值更新为1。

需要说明的是，对共享服务器存储页面组件的属性的取值的方式不做过多限定。

在一种实施方式中，共享服务器用于存储state(状态)属性，应说明的是，state属性用于存储页面组件的属性的取值。

在一种实施方式中，共享服务器用于存储目标属性和目标属性的取值之间的映射关系或者映射表。

在一种实施方式中，共享服务器用于存储目标属性和目标属性的取值之间的键值对，其中，键为目标属性，值为目标属性的取值。

S503，响应于共享服务器中的目标属性的取值更新为目标取值，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性。

需要说明的是，目标页面组件的相关内容可参见上述实施例，这里不再赘述。

需要说明的是，目标页面组件与共享服务器中的目标属性之间具有订阅关系。可以理解的是，不同的目标页面组件可订阅不同的目标属性，一个目标页面组件可订阅至少一个目标属性，一个目标属性可被至少一个目标页面组件订阅。

比如，如图2所示，目标页面组件包括目标页面组件A、B、C，共享服务器中的目标属性包括目标属性1至3，目标页面组件A与目标属性1之间具有订阅关系，目标页面组件B与目标属性2之间具有订阅关系，目标页面组件C与目标属性1、2、3具有订阅关系。

在一种实施方式中，可预先在共享服务器的存储空间中设置目标页面组件与共享服务器中的目标属性之间的订阅关系。获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括从本地获取上述订阅关系。

在一种实施方式中，共享服务器可获取共享服务器中的候选属性，以及目标页面组件的属性列表，识别候选属性存在于属性列表中，表明候选属性为目标页面组件具有的属性，确定候选属性为目标属性，并建立目标页面组件与共享服务器中的目标属性之间的订阅关系。应说明的是，属性列表包括目标页面组件具有的每个属性。由此，该方法中可在候选属性存在于目标页面组件的属性列表时，确定候选属性为目标属性，并建立目标页面组件与共享服务器中的目标属性之间的订阅关系，可实现订阅关系的自动建立。

在一种实施方式中，识别候选属性未存在于属性列表中，表明候选属性不是目标页面组件具有的属性，确定候选属性为非目标属性。由此，该方法中可在候选属性未存在于目标页面组件的属性列表时，确定候选属性为非目标属性。

在一种实施方式中，建立目标页面组件与共享服务器中的目标属性之间的订阅关系之后，共享服务器可将订阅关系发送至目标页面组件，以将订阅关系告知给目标页面组件。应说明的是，共享服务器与目标页面组件之间可进行通信，以进行数据传输，对通信方式不做过多限定。

在一种实施方式中，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括接收目标页面组件发送的订阅关系。

S504，基于订阅关系，将目标取值发送至目标页面组件。

继续以图2为例，共享服务器可响应于目标属性1的取值更新为目标取值1，基于订阅关系，将目标取值1发送至目标页面组件A、C。

继续以图2为例，共享服务器可响应于目标属性2的取值更新为目标取值2，基于订阅关系，将目标取值2发送至目标页面组件B、C。

继续以图2为例，共享服务器可响应于目标属性3的取值更新为目标取值3，基于订阅关系，将目标取值3发送至目标页面组件C。

在一种实施方式中，将目标取值发送至目标页面组件之前，可包括接收目标页面组件发送的请求信息，其中，请求信息用于获取目标取值。由此，该方法中可在接收目标页面组件发送的请求信息时，将目标取值发送至目标页面组件。

继续以图2为例，共享服务器可响应于目标属性1的取值更新为目标取值1，并接收目标页面组件A发送的请求信息，基于订阅关系，将目标取值1发送至目标页面组件A。

继续以图2为例，共享服务器可响应于目标属性1的取值更新为目标取值1，且未接收到目标页面组件C发送的请求信息，则共享服务器不将目标取值1发送至目标页面组件C。

综上，根据本公开实施例的页面组件的属性共享方法，共享服务器可接收源页面组件发送的目标属性更新后的目标取值，将共享服务器中的目标属性的取值更新为目标取值，响应于共享服务器中的目标属性的取值更新为目标取值，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，基于订阅关系，将目标取值发送至目标页面组件。由此，共享服务器可接收源页面组件发送的目标取值，并将目标取值发送至目标页面组件，可实现目标属性在源页面组件、目标页面组件之间的共享，页面组件的属性共享不需要层层传递，提高了页面组件的属性共享的效率，有助于节省计算资源。

图6是根据本公开第六实施例的页面组件的属性共享方法的流程示意图。

如图6所示，本公开第六实施例的页面组件的属性共享方法，包括：

S601，响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为目标取值，其中，目标取值通过共享服务器向具有目标属性的目标页面组件共享。

需要说明的是，本公开实施例的页面组件的属性共享方法的执行主体为源页面组件。源页面组件对共享服务器中的目标属性的取值具有操作权限，其中，操作权限至少包括将共享服务器中的目标属性的取值更新为目标取值。

需要说明的是，目标取值通过共享服务器向具有目标属性的目标页面组件共享的相关内容，可参见上述实施例，这里不再赘述。

比如，源页面组件具有目标属性num，共享服务器中存储有目标属性num，共享服务器中的目标属性num的取值为0，源页面组件可响应于源页面组件的目标属性num的取值更新为目标取值，若目标属性num更新后的目标取值为1，源页面组件可将共享服务器中的目标属性num的取值更新为1。

作为另一种可能的实施方式，源页面组件可响应于源页面组件的目标属性的取值更新为目标取值，将目标取值发送至共享服务器，进而共享服务器可根据接收到的目标取值，将共享服务器中的目标属性的取值更新为目标取值。

综上，根据本公开实施例的页面组件的属性共享方法，源页面组件可响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为目标取值，其中，目标取值通过共享服务器向具有目标属性的目标页面组件共享。由此，源页面组件可在自身的目标属性的取值更新为目标取值时，将共享服务器中的目标属性的取值更新为目标取值，可实现目标属性在共享服务器、源页面组件之间的共享，目标取值通过共享服务器向具有目标属性的目标页面组件共享，即可实现目标属性在源页面组件、目标页面组件之间的共享，页面组件的属性共享不需要层层传递，提高了页面组件的属性共享的效率，有助于节省计算资源。

图7是根据本公开第七实施例的页面组件的属性共享方法的流程示意图。

如图7所示，本公开第七实施例的页面组件的属性共享方法，包括：

S701，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性。

需要说明的是，本公开实施例的页面组件的属性共享方法的执行主体为目标页面组件。

需要说明的是，目标页面组件与共享服务器中的目标属性之间具有订阅关系。可以理解的是，不同的目标页面组件可订阅不同的目标属性，一个目标页面组件可订阅至少一个目标属性，一个目标属性可被至少一个目标页面组件订阅。

在一种实施方式中，可预先在目标页面组件的存储空间中设置目标页面组件与共享服务器中的目标属性之间的订阅关系。获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括从本地获取上述订阅关系。

在一种实施方式中，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，可包括接收共享服务器发送的订阅关系。

S702，基于订阅关系，从共享服务器中获取目标属性更新后的目标取值。

需要说明的是，共享服务器与目标页面组件之间可进行通信，以进行数据传输，对通信方式不做过多限定。

继续以图2为例，目标页面组件A、C可从共享服务器中获取目标属性1更新后的目标取值1，目标页面组件B、C可从共享服务器中获取目标属性2更新后的目标取值2，目标页面组件C可从共享服务器中获取目标属性3更新后的目标取值3。

在一种实施方式中，基于订阅关系，从共享服务器中获取目标属性更新后的目标取值，可包括目标页面组件调用设定函数，执行设定函数，由设定函数基于订阅关系，从共享服务器中获取目标属性更新后的目标取值。应说明的是，对设定函数不做过多限定，设定函数包括但不限于同步函数、异步函数等。

S703，将目标页面组件的目标属性的取值更新为目标取值。

比如，源页面组件、目标页面组件具有目标属性num，共享服务器中存储有目标属性num，目标页面组件的目标属性num的取值为0，目标页面组件可基于订阅关系，从共享服务器中获取目标属性num更新后的目标取值，若目标属性num更新后的目标取值为1，将目标页面组件的目标属性num的取值更新为1。

综上，根据本公开实施例的页面组件的属性共享方法，目标页面组件可获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性，基于订阅关系，从共享服务器中获取目标属性更新后的目标取值，并将目标页面组件的目标属性的取值更新为目标取值。由此，目标页面组件可基于订阅关系，从共享服务器中获取目标属性更新后的目标取值，并将自身的目标属性的取值更新为目标取值，可实现目标属性在源页面组件、目标页面组件之间的共享，可及时更新目标页面组件的目标属性的取值，提高了目标页面组件的目标属性的取值的实时性和准确性。

图8是根据本公开第八实施例的页面组件的属性共享方法的流程示意图。

如图8所示，本公开第八实施例的页面组件的属性共享方法，包括：

S801，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性。

在一种实施方式中，目标页面组件可获取共享服务器中的候选属性，以及目标页面组件的属性列表，识别候选属性存在于属性列表中，表明候选属性为目标页面组件具有的属性，确定候选属性为目标属性，并建立目标页面组件与共享服务器中的目标属性之间的订阅关系。应说明的是，属性列表包括目标页面组件具有的每个属性。由此，该方法中可在候选属性存在于目标页面组件的属性列表时，确定候选属性为目标属性，并建立目标页面组件与共享服务器中的目标属性之间的订阅关系，可实现订阅关系的自动建立。

在一种实施方式中，识别候选属性未存在于属性列表中，表明候选属性不是目标页面组件具有的属性，确定候选属性为非目标属性。由此，该方法中可在候选属性未存在于目标页面组件的属性列表时，确定候选属性为非目标属性。

在一种实施方式中，建立目标页面组件与共享服务器中的目标属性之间的订阅关系之后，目标页面组件可将订阅关系发送至共享服务器，以将订阅关系告知给共享服务器。

S802，基于订阅关系，对共享服务器中的目标属性进行监听。

继续以图2为例，目标页面组件A可对目标属性1进行监听，目标页面组件B可对目标属性2进行监听，目标页面组件C可对目标属性1、2、3进行监听。

需要说明的是，对监听方式不做过多限定，比如，目标页面组件可调用监听函数，执行监听函数，由监听函数基于订阅关系，对共享服务器中的目标属性进行监听。应说明的是，对监听函数不做过多限定。

S803，在监听到共享服务器中的目标属性的取值更新的情况下，从共享服务器中获取目标取值。

需要说明的是，目标页面组件对共享服务器中的目标属性的取值具有操作权限，其中，操作权限至少包括从共享服务器中获取目标取值。

在一种实施方式中，从共享服务器中获取目标取值，可包括目标页面组件从共享服务器中读取目标取值。

在一种实施方式中，从共享服务器中获取目标取值，可包括目标页面组件接收共享服务器发送的目标取值。比如，目标页面组件接收共享服务器发送的目标取值之前，目标页面组件可向共享服务器发送请求信息，其中，请求信息用于获取目标取值。

在一种实施方式中，从共享服务器中获取目标属性更新后的目标取值之后，还包括基于目标取值，对目标页面组件进行渲染，得到目标页面组件的渲染结果，在目标页面组件的显示区域中显示渲染结果。由此，该方法中可基于目标取值，对目标页面组件重新进行渲染，以更新目标页面组件的渲染结果并显示，提高了页面组件显示的实时性和准确性。

需要说明的是，对渲染方式不做过多限定，比如，目标页面组件具有渲染层，目标页面组件的渲染层可基于目标取值，对目标页面组件进行渲染。

S804，将目标页面组件的目标属性的取值更新为目标取值。

步骤S804的相关内容可参见上述实施例，这里不再赘述。

综上，根据本公开实施例的页面组件的属性共享方法，目标页面组件可基于订阅关系，对共享服务器中的目标属性进行监听，在监听到共享服务器中的目标属性的取值更新的情况下，从共享服务器中获取目标取值。由此，目标页面组件可基于订阅关系，对共享服务器中的目标属性进行监听，以获取目标取值。

图9是根据本公开第九实施例的页面组件的属性共享方法的流程示意图。

如图9所示，本公开第九实施例的页面组件的属性共享方法，包括：

S901，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性。

步骤S901的相关内容可参见上述实施例，这里不再赘述。

S902，基于订阅关系，接收共享服务器发送的目标取值。

继续以图2为例，目标页面组件A、C可基于订阅关系，接收共享服务器发送的目标属性1更新后的目标取值1，目标页面组件B、C可基于订阅关系，接收共享服务器发送的目标属性2更新后的目标取值2，目标页面组件C可基于订阅关系，接收共享服务器发送的目标属性3更新后的目标取值3。

S903，将目标页面组件的目标属性的取值更新为目标取值。

步骤S903的相关内容可参见上述实施例，这里不再赘述。

综上，根据本公开实施例的页面组件的属性共享方法，目标页面组件可基于订阅关系，接收共享服务器发送的目标取值，以获取目标取值。

本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种页面组件的属性共享装置，用于实现图1至图4所示的页面组件的属性共享方法。

图10是根据本公开第一实施例的页面组件的属性共享装置的框图。

如图10所示，本公开实施例的页面组件的属性共享装置1000，包括：发送模块1001、更新模块1002、第一获取模块1003和第二获取模块1004。

发送模块1001，用于将目标属性更新后的目标取值发送至共享服务器，其中，所述目标属性为所述源页面组件具有的属性；

更新模块1002，用于将所述共享服务器中的目标属性的取值更新为所述目标取值；

第一获取模块1003，用于获取所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；

第二获取模块1004，用于基于所述订阅关系，从所述共享服务器中获取所述目标取值。

在本公开的一个实施例中，所述页面组件的属性共享装置1000还包括：第三获取模块，用于响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取所述订阅关系；处理模块，用于基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

在本公开的一个实施例中，所述基于所述订阅关系，将所述目标取值发送至所述目标页面组件之前，所述处理模块，还用于：接收所述目标页面组件发送的请求信息，其中，所述请求信息用于获取所述目标取值。

在本公开的一个实施例中，所述第二获取模块1004，还用于：基于所述订阅关系，对所述共享服务器中的目标属性进行监听；在监听到所述共享服务器中的目标属性的取值更新的情况下，从所述共享服务器中获取所述目标取值。

在本公开的一个实施例中，所述第二获取模块1004，还用于：基于所述订阅关系，接收所述共享服务器发送的所述目标取值。

在本公开的一个实施例中，所述目标页面组件基于所述订阅关系，接收所述共享服务器发送的所述目标取值之前，所述第二获取模块1004，还用于：向所述共享服务器发送请求信息，其中，所述请求信息用于获取所述目标取值。

综上，本公开实施例的页面组件的属性共享装置，将目标属性更新后的目标取值发送至共享服务器，其中，所述目标属性为所述源页面组件具有的属性，将所述共享服务器中的目标属性的取值更新为所述目标取值，获取所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性，基于所述订阅关系，从所述共享服务器中获取所述目标取值。由此，源页面组件可通过共享服务器向目标页面组件共享目标属性，即可实现目标属性在源页面组件、目标页面组件之间的共享，页面组件的属性共享不需要层层传递，提高了页面组件的属性共享的效率，有助于节省计算资源。

根据本公开的实施例，本公开还提供了另一种页面组件的属性共享装置，用于实现图5所示的页面组件的属性共享方法。

图11是根据本公开第二实施例的页面组件的属性共享装置的框图。

如图11所示，本公开实施例的页面组件的属性共享装置1100，适用于共享服务器，所述页面组件的属性共享装置1100包括：接收模块1101、更新模块1102、获取模块1103和处理模块1104。

接收模块1101，用于接收源页面组件发送的目标属性更新后的目标取值；

更新模块1102，用于将共享服务器中的目标属性的取值更新为所述目标取值。

获取模块1103，用于响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标页面组件具有所述目标属性；

处理模块1104，用于基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

在本公开的一个实施例中，所述将所述目标取值发送至所述目标页面组件之前，所述处理模块1104，还用于：接收所述目标页面组件发送的请求信息，其中，所述请求信息用于获取所述目标取值。

在本公开的一个实施例中，所述页面组件的属性共享装置1100还包括：建立模块，所述建立模块，用于：获取所述共享服务器中的候选属性，以及所述目标页面组件的属性列表；识别所述候选属性存在于所述属性列表中，确定所述候选属性为所述目标属性，并建立所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系。

在本公开的一个实施例中，所述建立模块，还用于：识别所述候选属性未存在于所述属性列表中，确定所述候选属性为非目标属性。

综上，本公开实施例的页面组件的属性共享装置，可接收源页面组件发送的目标属性更新后的目标取值，将共享服务器中的目标属性的取值更新为目标取值，响应于共享服务器中的目标属性的取值更新为目标取值，获取目标页面组件与共享服务器中的目标属性之间的订阅关系，基于订阅关系，将目标取值发送至目标页面组件。由此，共享服务器可接收源页面组件发送的目标取值，并将目标取值发送至目标页面组件，可实现目标属性在源页面组件、目标页面组件之间的共享，页面组件的属性共享不需要层层传递，提高了页面组件的属性共享的效率，有助于节省计算资源。

根据本公开的实施例，本公开还提供了另一种页面组件的属性共享装置，用于实现图6所示的页面组件的属性共享方法。

图12是根据本公开第三实施例的页面组件的属性共享装置的框图。

如图12所示，本公开实施例的页面组件的属性共享装置1200，适用于源页面组件，所述页面组件的属性共享装置1200包括：更新模块1201。

更新模块1201，用于响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为所述目标取值，其中，所述目标取值通过所述共享服务器向具有所述目标属性的目标页面组件共享。

综上，本公开实施例的页面组件的属性共享装置，可响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为目标取值，其中，目标取值通过共享服务器向具有目标属性的目标页面组件共享。由此，源页面组件可在自身的目标属性的取值更新为目标取值时，将共享服务器中的目标属性的取值更新为目标取值，可实现目标属性在共享服务器、源页面组件之间的共享，目标取值通过共享服务器向具有目标属性的目标页面组件共享，即可实现目标属性在源页面组件、目标页面组件之间的共享，页面组件的属性共享不需要层层传递，提高了页面组件的属性共享的效率，有助于节省计算资源。

根据本公开的实施例，本公开还提供了另一种页面组件的属性共享装置，用于实现图7至图9所示的页面组件的属性共享方法。

图13是根据本公开第四实施例的页面组件的属性共享装置的框图。

如图13所示，本公开实施例的页面组件的属性共享装置1300，适用于目标页面组件，所述页面组件的属性共享装置1300包括：第一获取模块1301、第二获取模块1302和更新模块1303。

第一获取模块1301，用于获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；

第二获取模块1302，用于基于所述订阅关系，从所述共享服务器中获取所述目标属性更新后的目标取值。

更新模块1303，用于将所述目标页面组件的目标属性的取值更新为所述目标取值。

在本公开的一个实施例中，所述第二获取模块1302，还用于：基于所述订阅关系，对所述共享服务器中的目标属性进行监听；在监听到所述共享服务器中的目标属性的取值更新的情况下，从所述共享服务器中获取所述目标取值。

在本公开的一个实施例中，所述第二获取模块1302，还用于：基于所述订阅关系，接收所述共享服务器发送的所述目标取值。

在本公开的一个实施例中，所述页面组件的属性共享装置1300还包括：建立模块，所述建立模块，用于：获取所述共享服务器中的候选属性，以及所述目标页面组件的属性列表；识别所述候选属性存在于所述属性列表中，确定所述候选属性为所述目标属性，并建立所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系。

在本公开的一个实施例中，所述建立模块，还用于：识别所述候选属性未存在于所述属性列表中，确定所述候选属性为非目标属性。

在本公开的一个实施例中，所述页面组件的属性共享装置1300还包括：渲染模块，用于基于所述目标取值，对所述目标页面组件进行渲染，得到所述目标页面组件的渲染结果；显示模块，用于在所述目标页面组件的显示区域中显示所述渲染结果。

综上，本公开实施例的页面组件的属性共享装置，可获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，目标属性为目标页面组件具有的属性，基于订阅关系，从共享服务器中获取目标属性更新后的目标取值，并将目标页面组件的目标属性的取值更新为目标取值。由此，目标页面组件可基于订阅关系，从共享服务器中获取目标属性更新后的目标取值，并将自身的目标属性的取值更新为目标取值，可实现目标属性在源页面组件、目标页面组件之间的共享，可及时更新目标页面组件的目标属性的取值，提高了目标页面组件的目标属性的取值的实时性和准确性。

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

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

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

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

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

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

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

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

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

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

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务("Virtual Private Server"，或简称"VPS")中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。

根据本公开的实施例，本公开还提供了一种计算机程序产品，包括计算机程序，其中，所述计算机程序被处理器执行时实现本公开上述实施例所述的页面组件的属性共享方法的步骤。

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

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

Claims (37)

1.一种页面组件的属性共享方法，包括：

源页面组件将目标属性更新后的目标取值发送至共享服务器，其中，所述目标属性为所述源页面组件具有的属性；

所述共享服务器将所述共享服务器中的目标属性的取值更新为所述目标取值；

目标页面组件获取所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；

所述目标页面组件基于所述订阅关系，从所述共享服务器中获取所述目标取值。

2.根据权利要求1所述的方法，其中，还包括：

所述共享服务器响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取所述订阅关系；

所述共享服务器基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

3.根据权利要求2所述的方法，其中，所述共享服务器基于所述订阅关系，将所述目标取值发送至所述目标页面组件之前，还包括：

所述共享服务器接收所述目标页面组件发送的请求信息，其中，所述请求信息用于获取所述目标取值。

4.根据权利要求1所述的方法，其中，所述目标页面组件基于所述订阅关系，从所述共享服务器中获取所述目标取值，包括：

所述目标页面组件基于所述订阅关系，对所述共享服务器中的目标属性进行监听；

所述目标页面组件在监听到所述共享服务器中的目标属性的取值更新的情况下，从所述共享服务器中获取所述目标取值。

5.根据权利要求1或2所述的方法，其中，所述目标页面组件基于所述订阅关系，从所述共享服务器中获取所述目标取值，包括：

所述目标页面组件基于所述订阅关系，接收所述共享服务器发送的所述目标取值。

6.根据权利要求5所述的方法，其中，所述目标页面组件基于所述订阅关系，接收所述共享服务器发送的所述目标取值之前，还包括：

所述目标页面组件向所述共享服务器发送请求信息，其中，所述请求信息用于获取所述目标取值。

7.一种页面组件的属性共享方法，适用于共享服务器，所述方法包括：

接收源页面组件发送的目标属性更新后的目标取值，其中，所述目标属性为所述源页面组件具有的属性；

将共享服务器中的目标属性的取值更新为所述目标取值；

响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；

基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

8.根据权利要求7所述的方法，其中，所述将所述目标取值发送至所述目标页面组件之前，包括：

接收所述目标页面组件发送的请求信息，其中，所述请求信息用于获取所述目标取值。

9.根据权利要求7所述的方法，其中，还包括：

获取所述共享服务器中的候选属性，以及所述目标页面组件的属性列表；

识别所述候选属性存在于所述属性列表中，确定所述候选属性为所述目标属性，并建立所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系。

10.根据权利要求9所述的方法，其中，还包括：

识别所述候选属性未存在于所述属性列表中，确定所述候选属性为非目标属性。

11.一种页面组件的属性共享方法，适用于源页面组件，所述方法包括：

响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为所述目标取值，其中，所述目标取值通过所述共享服务器向具有所述目标属性的目标页面组件共享。

12.一种页面组件的属性共享方法，适用于目标页面组件，所述方法包括：

获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；

基于所述订阅关系，从所述共享服务器中获取所述目标属性更新后的目标取值；

将所述目标页面组件的目标属性的取值更新为所述目标取值。

13.根据权利要求12所述的方法，其中，所述基于所述订阅关系，从所述共享服务器中获取所述目标属性更新后的目标取值，包括：

基于所述订阅关系，对所述共享服务器中的目标属性进行监听；

在监听到所述共享服务器中的目标属性的取值更新的情况下，从所述共享服务器中获取所述目标取值。

14.根据权利要求12所述的方法，其中，所述基于所述订阅关系，从所述共享服务器中获取所述目标属性更新后的目标取值，包括：

基于所述订阅关系，接收所述共享服务器发送的所述目标取值。

15.根据权利要求12所述的方法，其中，还包括：

获取所述共享服务器中的候选属性，以及所述目标页面组件的属性列表；

识别所述候选属性存在于所述属性列表中，确定所述候选属性为所述目标属性，并建立所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系。

16.根据权利要求15所述的方法，其中，还包括：

识别所述候选属性未存在于所述属性列表中，确定所述候选属性为非目标属性。

17.根据权利要求12所述的方法，其中，所述从所述共享服务器中获取所述目标属性更新后的目标取值之后，还包括：

基于所述目标取值，对所述目标页面组件进行渲染，得到所述目标页面组件的渲染结果；

在所述目标页面组件的显示区域中显示所述渲染结果。

18.一种页面组件的属性共享装置，包括：

发送模块，用于将目标属性更新后的目标取值发送至共享服务器，其中，所述目标属性为所述源页面组件具有的属性；

更新模块，用于将所述共享服务器中的目标属性的取值更新为所述目标取值；

第一获取模块，用于获取所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；

第二获取模块，用于基于所述订阅关系，从所述共享服务器中获取所述目标取值。

19.根据权利要求18所述的装置，其中，还包括：

第三获取模块，用于响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取所述订阅关系；

处理模块，用于基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

20.根据权利要求19所述的装置，其中，所述基于所述订阅关系，将所述目标取值发送至所述目标页面组件之前，所述处理模块，还用于：

接收所述目标页面组件发送的请求信息，其中，所述请求信息用于获取所述目标取值。

21.根据权利要求18所述的装置，其中，所述第二获取模块，还用于：

基于所述订阅关系，对所述共享服务器中的目标属性进行监听；

在监听到所述共享服务器中的目标属性的取值更新的情况下，从所述共享服务器中获取所述目标取值。

22.根据权利要求18或19所述的装置，其中，所述第二获取模块，还用于：

基于所述订阅关系，接收所述共享服务器发送的所述目标取值。

23.根据权利要求22所述的装置，其中，所述目标页面组件基于所述订阅关系，接收所述共享服务器发送的所述目标取值之前，所述第二获取模块，还用于：

向所述共享服务器发送请求信息，其中，所述请求信息用于获取所述目标取值。

24.一种页面组件的属性共享装置，适用于共享服务器，所述装置包括：

接收模块，用于接收源页面组件发送的目标属性更新后的目标取值，其中，所述目标属性为所述源页面组件具有的属性；

更新模块，用于将共享服务器中的目标属性的取值更新为所述目标取值；

获取模块，用于响应于所述共享服务器中的目标属性的取值更新为所述目标取值，获取目标页面组件与所述共享服务器中的目标属性之间的订阅关系，其中，所述目标页面组件具有所述目标属性；

处理模块，用于基于所述订阅关系，将所述目标取值发送至所述目标页面组件。

25.根据权利要求24所述的装置，其中，所述将所述目标取值发送至所述目标页面组件之前，所述处理模块，还用于：

接收所述目标页面组件发送的请求信息，其中，所述请求信息用于获取所述目标取值。

26.根据权利要求24所述的装置，其中，所述装置还包括：建立模块，所述建立模块，用于：

获取所述共享服务器中的候选属性，以及所述目标页面组件的属性列表；

识别所述候选属性存在于所述属性列表中，确定所述候选属性为所述目标属性，并建立所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系。

27.根据权利要求26所述的装置，其中，所述建立模块，还用于：

识别所述候选属性未存在于所述属性列表中，确定所述候选属性为非目标属性。

28.一种页面组件的属性共享装置，适用于源页面组件，所述装置包括：

更新模块，用于响应于源页面组件的目标属性的取值更新为目标取值，将共享服务器中的目标属性的取值更新为所述目标取值，其中，所述目标取值通过所述共享服务器向具有所述目标属性的目标页面组件共享。

29.一种页面组件的属性共享装置，适用于目标页面组件，所述装置包括：

第一获取模块，用于获取目标页面组件与共享服务器中的目标属性之间的订阅关系，其中，所述目标属性为所述目标页面组件具有的属性；

第二获取模块，用于基于所述订阅关系，从所述共享服务器中获取所述目标属性更新后的目标取值；

更新模块，用于将所述目标页面组件的目标属性的取值更新为所述目标取值。

30.根据权利要求29所述的装置，其中，所述第二获取模块，还用于：

基于所述订阅关系，对所述共享服务器中的目标属性进行监听；

在监听到所述共享服务器中的目标属性的取值更新的情况下，从所述共享服务器中获取所述目标取值。

31.根据权利要求29所述的装置，其中，所述第二获取模块，还用于：

基于所述订阅关系，接收所述共享服务器发送的所述目标取值。

32.根据权利要求29所述的装置，其中，所述装置还包括：建立模块，所述建立模块，用于：

获取所述共享服务器中的候选属性，以及所述目标页面组件的属性列表；

识别所述候选属性存在于所述属性列表中，确定所述候选属性为所述目标属性，并建立所述目标页面组件与所述共享服务器中的目标属性之间的订阅关系。

33.根据权利要求32所述的装置，其中，所述建立模块，还用于：

识别所述候选属性未存在于所述属性列表中，确定所述候选属性为非目标属性。

34.根据权利要求29所述的装置，其中，所述装置还包括：

渲染模块，用于基于所述目标取值，对所述目标页面组件进行渲染，得到所述目标页面组件的渲染结果；

显示模块，用于在所述目标页面组件的显示区域中显示所述渲染结果。

35.一种电子设备，包括：

至少一个处理器；以及

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

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1-17中任一项所述的页面组件的属性共享方法。

36.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行如权利要求1-17中任一项所述的页面组件的属性共享方法。

37.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现如权利要求1-17中任一项所述的页面组件的属性共享方法的步骤。

Images