组件数据的管理方法、装置、电子设备和存储介质制造方法及图纸

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

Management method, device, electronic equipment and storage medium of component data

【技术实现步骤摘要】
组件数据的管理方法、装置、电子设备和存储介质
本公开实施例涉及数据处理
，尤其涉及一种组件数据的管理方法、装置、电子设备和存储介质。
技术介绍
随着智能终端的不断发展，人们可以通过智能终端实现越来越多工作和学习任务的处理。现有技术中，有一种复杂的单页应用，该应用中一个页面可以存在多个不同的任务，一个任务可以对应多个不同的用户，任务与用户的对应关系为多对多。对于上述复杂的页面，一个页面中会存在具有多个相同用户的头像或姓名，当该用户的其中一个头像或姓名发生变化时，需要多次请求对应的组件，以实现所有头像或姓名的改变。目前，通常是通过React+Redux应用框架来将一个页面包括的全部组件的组件属性数据聚集在一个组件数据模型(Store)中，当其中任何一个组件的组件属性数据发生改变时，该组件会请求上述组件数据模型，组件数据模型会通知当前页面的每个组件进行刷新。但是这种方式，由于数据嵌套严重，组件数据模型中所有的变化都会通知每个组件，导致每个组件的多次渲染，但是并非每次通知对于各个组件都是必须的，当组件仅仅依赖的是这个组件数据模型中的一小部分时，造成了很多不必要的渲染，引起资源的浪费和数据管理的效率降低。
技术实现思路
本公开实施例提供一种组件数据的管理方法、装置、电子设备和存储介质，以优化客户端页面中组件数据的管理方案，提高数据管理效率。第一方面，本公开实施例提供了一种组件数据的管理方法，包括：获取目标页面的组件刷新请求；确定所述组件刷新请求对应的组件数据模型；通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，以进行组件刷新；其中，所述组件数据模型的数量为至少两个，每个所述组件数据模型关联至少一个组件，所述目标页面中包括至少两个具有相同组件属性数据的组件。第二方面，本公开实施例还提供了一种组件数据的管理装置，包括：请求获取模块，用于获取目标页面的组件刷新请求；模型确定模块，用于确定所述组件刷新请求对应的组件数据模型；组件刷新模块，用于通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，以进行组件刷新；其中，所述组件数据模型的数量为至少两个，每个所述组件数据模型关联至少一个组件，所述目标页面中包括至少两个具有相同组件属性数据的组件。第三方面，本公开实施例还提供了一种电子设备，所述电子设备包括：一个或多个处理器；存储装置，用于存储可执行指令；当所述可执行指令被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上所述的组件数据的管理方法。第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上所述的组件数据的管理方法。本公开实施例通过获取目标页面的组件刷新请求，确定组件刷新请求对应的组件数据模型，通过组件数据模型从服务端获取已刷新的组件属性数据，并将组件属性数据发送至关联的各组件中，以进行组件刷新；其中，组件数据模型的数量为至少两个，每个组件数据模型关联至少一个组件，目标页面中包括至少两个具有相同组件属性数据的组件。本公开实施例的技术方案，通过设置一个页面对应多个组件数据模型，每个组件数据模型关联至少一个组件，使得组件数据模型的拆分粒度更细，每个组件数据模型中的组件属性数据改变时仅通知关联的组件，大大减少了组件的渲染次数，节省了资源，提高了组件数据管理的效率。附图说明结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。图1为本公开实施例中的一种组件数据的管理方法的流程图；图2为本公开实施例中的一种目标页面的示意图；图3为本公开实施例中的另一种组件数据的管理方法的流程图；图4为本公开实施例中的一种组件数据的管理装置的结构示意图；图5为本公开实施例中的一种电子设备的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。图1为本公开实施例中的一种组件数据的管理方法的流程图，本实施例可适用于对客户端页面中的组件数据进行管理的情况，该方法应用于客户端中，该方法可以由组件数据的管理装置执行，该装置可以采用软件和/或硬件的方式实现，该装置可配置于电子设备中，例如服务器或终端设备，典型的终端设备包括移动终端，具体包括手机、电脑或平板电脑等。如图1所示，该方法具体可以包括：S110、获取目标页面的组件刷新请求。其中，目标页面可以为客户端中一种任务管理应用程序中的页面，目标页面中包括至少两个具有相同组件属性数据的组件，例如一个页面中的各个组件中均具有相同的用户头像，头像是组件属性数据中的一种，组件属性数据的种类本方案中不作限定。参见图2，图2为本公开实施例中的一种目标页面的示意图，目标页面中包括多个组件，图中的任务组件和文件组件仅为示例，任务组件对应用户A和用户B，文件组件对应的用户C、用户A和用户B，用户A和用户B的头像和名字等数据，在任务组件和文件组件中均相同。组件属性数据是组件中存储的相关数据，一个组件可以对应多个组件属性数据，不同的组件对应的组件属性数据可能不同，也可能存在相同的组件属性信息。例如用户组件中的组件属性数据可以为用户信息，而任务组件中的组件属性信息可以为任务信息，用户组件和任务组件中可以具有一个相同的组件属性数据，例如用户本文档来自技高网...

【技术保护点】
1.一种组件数据的管理方法，其特征在于，包括：/n获取目标页面的组件刷新请求；/n确定所述组件刷新请求对应的组件数据模型；/n通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，以进行组件刷新；/n其中，所述组件数据模型的数量为至少两个，每个所述组件数据模型关联至少一个组件，所述目标页面中包括至少两个具有相同组件属性数据的组件。/n

【技术特征摘要】
1.一种组件数据的管理方法，其特征在于，包括：
获取目标页面的组件刷新请求；
确定所述组件刷新请求对应的组件数据模型；
通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，以进行组件刷新；
其中，所述组件数据模型的数量为至少两个，每个所述组件数据模型关联至少一个组件，所述目标页面中包括至少两个具有相同组件属性数据的组件。


2.根据权利要求1所述的方法，其特征在于，确定所述组件刷新请求对应的组件数据模型，包括：
根据所述组件刷新请求中的已刷新组件的组件标识，确定与所述已刷新组件关联的所述组件数据模型。


3.根据权利要求2所述的方法，其特征在于，通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，包括：
根据所述已刷新组件的组件标识，通过所述组件数据模型从服务端获取已刷新的组件属性数据；
按照预先建立的所述组件数据模型与组件标识的关联关系，通过所述组件数据模型将所述组件属性数据发送至关联的各组件中。


4.根据权利要求1所述的方法，其特征在于，通过所述组件数据模型从服务端获取已刷新的组件属性数据，并将所述组件属性数据发送至关联的各组件中，以进行组件刷新之后，还包括：
在所述目标页面中展示刷新后的各所述组件。


5.根据权利要求4所述的方法，其特征在于，在所述目标页面中展示刷新后的各所述组件，包括：
通过各组件中内置的视图模型，将各所述组件属性数据进行格式转换之后，展示给用户，所述视图模型与组件相对应。


6.根据权利要求1所述...

【专利技术属性】
技术研发人员：李雄，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京;11