[发明专利]组件数据的管理方法、装置、电子设备和存储介质

说明书

本公开实施例公开了一种组件数据的管理方法、装置、电子设备和存储介质，其中该方法包括：获取目标页面的组件刷新请求；确定组件刷新请求对应的组件数据模型；通过组件数据模型从服务端获取已刷新的组件属性数据，并将组件属性数据发送至关联的各组件中，以进行组件刷新；其中，组件数据模型的数量为至少两个，每个组件数据模型关联至少一个组件，目标页面中包括至少两个具有相同组件属性数据的组件。本公开实施例将组件数据模型的拆分粒度更细，每个组件数据模型中的组件属性数据改变时仅通知关联的组件，大大减少了组件的渲染次数，节省了资源，提高了组件数据管理的效率。

技术领域

本公开实施例涉及数据处理技术领域，尤其涉及一种组件数据的管理方法、装置、电子设备和存储介质。

背景技术

随着智能终端的不断发展，人们可以通过智能终端实现越来越多工作和学习任务的处理。

现有技术中，有一种复杂的单页应用，该应用中一个页面可以存在多个不同的任务，一个任务可以对应多个不同的用户，任务与用户的对应关系为多对多。对于上述复杂的页面，一个页面中会存在具有多个相同用户的头像或姓名，当该用户的其中一个头像或姓名发生变化时，需要多次请求对应的组件，以实现所有头像或姓名的改变。

目前，通常是通过React+Redux应用框架来将一个页面包括的全部组件的组件属性数据聚集在一个组件数据模型(Store)中，当其中任何一个组件的组件属性数据发生改变时，该组件会请求上述组件数据模型，组件数据模型会通知当前页面的每个组件进行刷新。但是这种方式，由于数据嵌套严重，组件数据模型中所有的变化都会通知每个组件，导致每个组件的多次渲染，但是并非每次通知对于各个组件都是必须的，当组件仅仅依赖的是这个组件数据模型中的一小部分时，造成了很多不必要的渲染，引起资源的浪费和数据管理的效率降低。

发明内容

本公开实施例提供一种组件数据的管理方法、装置、电子设备和存储介质，以优化客户端页面中组件数据的管理方案，提高数据管理效率。

第一方面，本公开实施例提供了一种组件数据的管理方法，包括：

获取目标页面的组件刷新请求；

确定所述组件刷新请求对应的组件数据模型；

通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，以进行组件刷新；

其中，所述组件数据模型的数量为至少两个，每个所述组件数据模型关联至少一个组件，所述目标页面中包括至少两个具有相同组件属性数据的组件。

第二方面，本公开实施例还提供了一种组件数据的管理装置，包括：

请求获取模块，用于获取目标页面的组件刷新请求；

模型确定模块，用于确定所述组件刷新请求对应的组件数据模型；

组件刷新模块，用于通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，以进行组件刷新；

其中，所述组件数据模型的数量为至少两个，每个所述组件数据模型关联至少一个组件，所述目标页面中包括至少两个具有相同组件属性数据的组件。

第三方面，本公开实施例还提供了一种电子设备，所述电子设备包括：

一个或多个处理器；

存储装置，用于存储可执行指令；

当所述可执行指令被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上所述的组件数据的管理方法。

第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上所述的组件数据的管理方法。