CN114661288A - 组件配置方法、装置、设备及存储介质 - Google Patents

Abstract

本申请实施例提供一种组件配置方法、装置、设备及存储介质，其中，所述方法包括：确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；基于所述待处理业务，在所述多个组件中确定入口组件；在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。

Description

组件配置方法、装置、设备及存储介质

技术领域

本申请实施例涉及网页管理技术领域，涉及但不限于一种组件配置方法、装置、设备及存储介质。

背景技术

随着项目的发展，业务逐渐复杂，需求也会一并复杂。在相关技术中，基于组件的开发，在跨父子组件上，父子通信受到局限，且传递起来复杂冗余，代码维护上成本增加。

发明内容

本申请实施例提供一种组件配置技术方案。

本申请实施例的技术方案是这样实现的：

本申请实施例提供一种组件配置方法，所述方法包括：

确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；

基于所述待处理业务，在所述多个组件中确定入口组件；

在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。

在一些实施例中，所述在所述功能模块中将所述多个组件中的入口组件独立设置于所述多个页面，包括：确定所述功能模块的第一视图窗口；将所述多个页面嵌套在所述第一视图窗口内，得到第二视图窗口；将所述入口组件置于所述第二视图窗口的预设入口。如此，将入口组件作为第二视图窗口的入口，能够使得该功能模块中的所有页面均可通过点击入口进入入口组件，从而能够减少代码冗余，每个页面都可呼叫该入口组件，降低代码维护成本，优化代码阅读。

在一些实施例中，所述方法还包括在所述多个组件内，确定用于实现所述待处理业务的存储数据；采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据；响应于接收到任一页面对所述多个组件中任一组件的存储数据的调用指令，以弹窗的方式显示所述任一组件内的存储数据。如此，通过预设事件的接口将组件内的存储数据传出来，并通过弹窗的方式显示组件内的存储数据，从而使得跨父子组件之间也能直接调用彼此的存储数据。

在一些实施例中，采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据，包括：在所述多个组件内的存储数据中，获取第一组件内的存储数据；其中，所述第一组件为所述多个组件中的每一组件；采用所述预设事件对所述第一组件内的存储数据进行更新，得到已更新数据；通过所述预设事件的接口将所述已更新数据输出至所述第一组件对应的目标页面。如此，通过在组件内部的数据存储器中对存储数据进行更新，并事件接口将已更新数据输出至对应的目标页面上，这样跨父子组件之间数据传递上更加直接，无需层层嵌套，能够直接访问。

在一些实施例中，所述采用预设事件对所述存储数据进行更新，得到已更新数据之前，所述方法还包括：对所述存储数据进行简化处理，得到处理后数据；所述采用预设事件对所述存储数据进行更新，得到已更新数据，包括：基于所述预设事件对应的操作对所述处理后数据进行更新，得到所述已更新数据。如此，能够加快采用预设事件对应的操作对处理后的数据进行处理的过程。

在一些实施例中，所述通过所述预设事件的接口将所述已更新数据输出至所述任一组件对应的目标页面之后，所述方法还包括：获取第二组件对所述已更新数据的调用请求；其中，所述第二组件与所述第一组件为非父子组件；响应于所述调用请求，在所述目标页面上将所述已更新数据发送至所述第二组件。如此，跨父子组件的第一组件和第二组件的页面之间能够直接传递组件内部配置的数据，使得代码更加简洁，数据据传递更简单快速。

在一些实施例中，所述基于所述待处理业务，在所述多个组件中确定入口组件，包括：确定所述多个组件中每一组件的功能；基于所述待处理业务的预设实现过程，确定所述每一组件的功能被所述多个页面调用的次数；在所述多个组件中，确定所述次数满足预设条件的目标组件为所述入口组件。如此，通过分析每一组件的功能被调用的次数，按照被调用的次数确定入口组件；这样，独立设置该入口组件后，每一页面均可呼叫该入口组件，方便页面调用，能够减少操作次数。

在一些实施例中，所述入口组件包括至少一个组件，所述在所述多个组件中，确定所述次数满足预设条件的所述入口组件，包括：基于所述待处理业务的预设实现过程，在所述多个组件中确定被所述多个页面调用的次数大于预设次数阈值的至少一个组件；将所述至少一个组件确定为所述入口组件。如此，通过将被调用次数较高的组件作为独立于功能模块其他页面的入口组件，能够便于功能模块中多个页面的调用，提高响应速度。

在一些实施例中，所述将所述入口组件置于所述第二视图窗口的预设入口，包括：确定包括所述入口组件中的至少一个组件的悬浮框；将所述悬浮框显示在所述第二视图窗口的预设入口，以使所述多个页面能够进入所述入口组件。如此，通过悬浮框的方式显示入口组件中的多个组件，从而多个页面能够较为方便地访问入口组件中的每一组件。

本申请实施例提供一种组件配置装置，所述装置包括：

第一确定模块，用于确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；

第二确定模块，用于基于所述待处理业务，在所述多个组件中确定入口组件；

第一设置模块，用于在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。

对应地，本申请实施例提供一种计算机存储介质，所述计算机存储介质上存储有计算机可执行指令，该计算机可执行指令被执行后，能够实现上述的组件配置方法。

本申请实施例提供一种电子设备，所述电子设备包括存储器和处理器，所述存储器上存储有计算机可执行指令，所述处理器运行所述存储器上的计算机可执行指令时能够实现上述的组件配置方法。

本申请实施例提供一种组件配置方法、装置、设备及存储介质，对于实现待处理业务的功能模块，基于待处理业务，在该功能模块的多个组件中确定入口组件；并在功能模块中将入口组件独立设置于该功能模块的多个页面，以使每一页面均能够进入入口组件；如此，将入口组件独立设置于功能模块的多个页面，从而能够减少代码冗余，使得每个页面都可呼叫该入口组件，进而能够解放不同组件之间的数据通信。

附图说明

图1为本申请实施例提供的组件配置方法的实现流程示意图；

图2为本申请实施例提供的组件配置方法的另一实现流程示意图；

图3为本申请实施例提供的组件配置方法的另一实现流程示意图；

图4为本申请实施例提供的组件配置方法的应用场景示意图；

图5为本申请实施例提供的组件配置方法的另一应用场景示意图；

图6为本申请实施例提供的组件配置方法的实现流程示意图；

图7为本申请实施例组件配置装置的结构组成示意图；

图8为本申请实施例电子设备的组成结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对发明的具体技术方案做进一步详细描述。以下实施例用于说明本申请，但不用来限制本申请的范围。

在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。

在以下的描述中，所涉及的术语“第一\第二\第三”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本申请实施例能够以除了在这里图示或描述的以外的顺序实施。

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的，不是旨在限制本申请。

对本申请实施例进行进一步详细说明之前，对本申请实施例中涉及的名词和术语进行说明，本申请实施例中涉及的名词和术语适用于如下的解释。

1)组件，是相互独立、可复用的单元，一个组件可能在不同地方被用到。但是在不同的场景下对这个组件的需求可能会根据情况有所不同。

2)父子组件，在一个组件中又定义了其它组件即为父子组件，其实局部组件就是最简单的父子组件。因为可以把组件实例看做是一个大组件，在组件实例中定义了局部组件，即相当于在大组件里面定义了小组件，所以局部组件为最简单的父子组件。

下面说明本申请实施例提供的组件配置设备的示例性应用，本申请实施例提供的设备可以实施为具有数据处理功能的笔记本电脑，平板电脑，台式计算机，移动设备(例如，个人数字助理，专用消息设备，便携式游戏设备)等各种类型的用户终端，也可以实施为服务器。下面，将说明设备实施为终端或服务器时示例性应用。

该方法可以应用于电子设备，该方法所实现的功能可以通过电子设备中的处理器调用程序代码来实现，当然程序代码可以保存在计算机存储介质中，可见，该电子设备至少包括处理器和存储介质。

本申请实施例提供一种组件配置方法，如图1所示，结合如图1所示步骤进行说明：

步骤S101，确定实现待处理业务的功能模块。

在一些实施例中，所述功能模块包括多个页面和多个组件，该多个组件可以是不同的父子组件。该多个页面可以是功能模块中呈现不同画面的网络页面。一个页面中调用多个组件，一个组件也可以服务于多个页面。该待处理业务可以是任一业务，比如，对象统计业务、对象检测业务等。功能模块为实现该待处理业务的模块，或者是实现该待处理业务的子系统。一个组件可以是实现待处理任务中一个独立可复用的单元。

在一些可能的实现方式中，以待处理业务为对象统计业务，功能模块为实现对象统计业务的子系统，多个页面包括呈现对象统计总体趋势的页面和呈现每一区域对象统计情况的页面；多个组件包括：实现区域管理的单元、实现对象统计模块的单元、实现对输入数据进行标签配置的单元等。

如果待处理业务为对象检测任务，那么功能模块可以是集成了检测任务的神经网络的模块；其中，该模块的多个页面包括：呈现输入数据的页面以及呈现检测结果的页面；多个组件包括：实现数据输入的单元、实现对象检测的单元、实现输出的单元等。

步骤S102，基于所述待处理业务，在所述多个组件中确定入口组件。

在一些实施例中，按照功能模块实现该待处理业务的过程，确定页面调用次数较多的组件，将该组件作为入口组件。在功能模块实现该待处理业务的过程中，如果多个页面均需要调用某一组件的功能，那么说明该组件的功能可能是实现该功能模块的基础功能单元；该多个页面均需要打开该组件以在自身页面使用该组件的功能；所以将该组件作为入口组件，能够使得多个页面均能够进入该入口组件。

在一些可能的实现方式中，以待处理业务为对象统计业务为例，按照功能模块实现该对象统计业务的过程，确定页面调用次数较多的组件为实现标签配置功能的对象管理组件。将该对象管理组件作为入口组件。

步骤S103，在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。

在一些实施例中，在功能模块的视图窗口中设计一个入口，该功能模块中的多个页面均嵌在该视图窗口内，将该入口组件设置为该入口，独立于功能模块中的多个页面。这样，由于入口组件独立于功能模块的多个页面，那么用户无论在哪一页面均能够进入该入口组件，从而使用入口组件的功能。

在一些可能的实现方式中，以待处理业务为对象统计业务为例，入口组件为具有标签配置功能的组件。将该组件独立于功能模块中的多个页面，这样，从功能模块的任一页面均能够进入到该入口组件，从而启动标签配置的功能。

在本申请实施例中，对于实现待处理业务的功能模块，基于待处理业务，在该功能模块的多个组件中确定入口组件；并在功能模块中将入口组件独立设置于该功能模块的多个页面，以使每一页面均能够进入入口组件；如此，将入口组件独立设置于功能模块的多个页面，从而能够减少代码冗余，使得每个页面都可呼叫该入口组件，进而能够解放不同组件之间的数据通信。

在一些实施例中，通过在功能模块的视图窗口设置入口组件，将多个页面归到该视图窗口内，能够实现入口组件独立于功能模块的多个页面，即上述步骤S103可以通过图2所示的步骤实现：

步骤S201，确定所述功能模块的第一视图窗口。

在一些实施例中，功能模块的第一视图窗口可以是用于呈现该功能模块各个功能选项，比如，包括功能模块的首页以及其他网络。如图4所示对象应用系统400作为一个功能模块，该系统在图4中所示的窗口即为该系统的第一视图窗口。

步骤S202，将所述多个页面嵌套在第一视图窗口内，得到第二视图窗口。

在一些实施例中，将该功能模块的所有页面均内置于第一视图窗口内，从而从第一视图窗口能够进入每一页面。即将多个页面均归到第一视图窗口内，这样将已内置多个页面的视图窗口作为第二视图窗口。如图4所示，将总体趋势401的页面和区域详情402的页面均内嵌套在对象应用系统400的视图窗口内。

步骤S203，将所述入口组件置于所述第二视图窗口的预设入口。

在一些实施例中，预设入口为在功能模块的第二视图窗口上开发的一个入口。将所述入口组件置于第二视图窗口的预设入口，可以立即为将该入口组件作为第二视图窗口的入口，这样，第二视图窗口中嵌套的每一页面均可通过该入口调用入口组件。

在一些可能的实现方式中，通过悬浮框的方式显示作为入口组件的多个组件，以使其他页面都能够进入到入口组件，即上述步骤S203可以通过以下步骤S231和232(图示未示出)实现：

步骤S231，确定包括所述入口组件中的至少一个组件的悬浮框。

这里，将该至少一个组件设置于同一悬浮框中，通过一个悬浮框将该至少一个组件独立于多个页面。该悬浮框可以采用矩形框的形式呈现；如果至少一个组件包括三个组件，那么悬浮框中包括三个可以访问的组件，该三个组件可以是通过平铺的方式设置于悬浮框中，以使得互相不遮挡；还可以是通过折叠列表的方式，设置于悬浮框中，从而能够在悬浮框中设置较多的入口组件。

步骤S232，将所述悬浮框显示在所述第二视图窗口的预设入口，以使所述多个页面能够进入所述入口组件。

这里，将该悬浮框悬浮与第二视图窗口的预设入口，这样，无论哪一页面需要访问入口组件时，均可以进入该入口组件，直接调用该组件。

在本申请实施例中，通过将多个页面归到功能模块的第一视图窗口内，并将入口组件作为第二视图窗口的入口，能够使得该功能模块中的所有页面均可通过点击入口进入入口组件，从而能够减少代码冗余，每个页面都可呼叫该入口组件，降低代码维护成本，优化代码阅读。

在一些实施例中，通过事件接口将组件内的存储数据暴露出来，以实现跨父子组件通信，该方法可以通过以下步骤实现：

第一步，在所述多个组件内，确定用于实现所述待处理业务的存储数据。

这里，在实现待处理业务的过程中需要输入一些数据，输入的这些数据即为该存储数据。这多个组件内每一组件均能够提供实现待处理业务的部分功能，实现该部分功能涉及到的数据即为该存储数据。以待处理业务为对象管理业务为例，在实现对象管理的过程中，需要从具有标签配置功能的组件中获取每一个对象的标签信息以及身份信息，那么标签信息和身份信息即为该组件中的存储数据。

第二步，采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据。

这里，待处理业务匹配的预设事件为按照该待处理业务的实现流程，分析得到的该实现流程中涉及到的事件。比如，待处理业务为对象管理业务(比如，车辆管理、任一类动物管理等)，按照对象管理业务的实现流程，确定涉及到的增、删、改、查等事件。预设事件可以是点击(click)事件，编辑(change)事件；比如，增、删、改、查等事件。通过这些事件的接口，将组件内部的存储器中的存储数据从组件内部传出来，实现暴露该存储数据，从而其他页面能够直接调用传出来的存储数据。

第三步，响应于接收到任一页面对所述多个组件中任一组件的存储数据的调用指令，以弹窗的方式显示所述任一组件内的存储数据。

这里，如果接收到多个页面中任一页面对组件的调用，那么通过弹窗的方式，将该组件内的存储数据显示出来，以使该页面可以直接调用该存储数据。如此，通过预设事件的接口将组件内的存储数据传出来，并将存储数据通过弹窗的方式呈现，从而使得跨父子组件之间也能直接调用彼此的存储数据。

在一些实施例中，通过按照预设事件机制对存储数据进行更新，并事件接口暴露已更新数据从而实现跨父子组件通信，可以通过图3所示的步骤实现：

步骤S301，在所述多个组件内的存储数据中，获取第一组件内的存储数据。

在一些实施例中，所述第一组件为所述多个组件中的每一组件。第一组件内的存储数据包括第一组件内部存储器内的存储数据；其中，该存储数据包括各种标签数据。以待处理业务为车辆统计业务为例，已标注车牌号标签的数据、已标注车辆颜色标签的数据、已标注车辆启动模式的数据、已标注行驶异常情况的数据等。

步骤S302，采用所述预设事件对所述第一组件内的存储数据进行更新，得到已更新数据。

在一些实施例中，采用预设事件的事件机制对第一组件内的存储数据进行处理，实现对存储数据的更新，得到已更新存储数据。在一些可能的实现方式中，预设事件为增、删、改、查等事件中的任一种，那么采用该预设事件对应的操作对存储数据进行处理，得到已更新数据。比如，预设事件为修改事件，那么通过对存储数据进行修改，得到已更新数据。

在一些可能的实现方式中，通过在组件内部的数据存储器中对存储数据进行二次处理，以优化该存储数据，即上述步骤S302之前，还包括以下步骤：

第一步，对所述存储数据进行简化处理，得到处理后数据。

这样，通过对存储数据进行简化处理之后，采用预设事件机制对处理后的数据进行处理，即上述步骤S302可以通过以下第二步实现。简化处理可以是对存储数据的筛选、过滤等操作，比如，基于待处理业务，在存储数据中确定实现该待处理业务所需要的数据，那么可以通过在存储数据中删除该所需要的数据之外的数据实现对存储数据的优化；这样，处理后数据即为对存储数据中的冗余数据进行清理得到的，减小了处理后数据的数据量，使得处理后数据更利于实现待处理业务。

第二步，基于所述预设事件对应的操作对所述处理后数据进行更新，得到所述已更新数据。

在一些实施例中，预设事件对应的操作可以是创建(Create)、更新(Update)、读取(Retrieve)和删除(Delete)等操作。按照预设事件对应的操作对处理后数据进行相应的处理，得到已更新数据，这样已更新数据中也不会存在大量的冗余数据，进而能够在跨父子组件之间能够直接访问。如此，通过对存储数据进行简化处理，能够减少存储数据中的冗余数据，优化存储数据；这样，能够加快采用预设事件对应的操作对处理后的数据进行处理的过程。

步骤S303，通过所述预设事件的接口将所述已更新数据输出至所述第一组件对应的目标页面。

在一些实施例中，所述任一组件对应的目标页面即为该组件所服务的页面；该目标页面可以是一个页面也可以是多个页面，如果该组件所服务的页面为多个，那么目标页面可以是这多个页面中的任一个或多个页面。采用预设事件的接口将已更新数据从该组件内部的存储器中传出来，上传到该组件所服务的目标页面上，这样，即使是与该组件的跨父子组件也能够直接调用该已更新数据。

在本申请实施例中，通过在组件内部的数据存储器中对存储数据进行更新，并事件接口将已更新数据输出至对应的目标页面上，这样跨父子组件之间数据传递上更加直接，无需层层嵌套，能够直接访问。

在一些实施例中，通过预设事件的接口暴露已更新数据之后，跨父子组件的组件之间无需层层嵌套即可实现数据传递，即在上述步骤S303之后，所述方法还包括以下步骤S304和S305(图示未示出)：

步骤S304，获取第二组件对所述已更新数据的调用请求。

在一些实施例中，所述第二组件与所述第一组件为非父子组件。如果第二组件的页面需要调用第一组件的已更新数据，向第一组件的已更新数据所上传的目标页面发送调用请求。

步骤S305，响应于所述调用请求，在所述目标页面上将所述已更新数据发送至所述第二组件。

在一些实施例中，接收到调用请求后，可将已上传至目标页面的已更新数据直接发送至第二组件的页面，这样，跨父子组件的第一组件和第二组件的页面之间能够直接传递组件内部配置的数据，使得代码更加简洁，数据据传递更简单快速。

在一些实施例中，在实现待处理任务的过程中，通过分析每一组件的功能，确定出被调用次数最高的组件，作为入口组件，即上述步骤S102可以通过以下步骤S121至S123(图示未示出)：

步骤S121，确定所述多个组件中每一组件的功能。

在一些实施例中，每一组件的功能可以是该组件在实现待处理业务时，所提供的功能。比如，提供标签配置功能的组件、提供对象数据统计功能的组件、提供数据分析功能的组件等。

步骤S122，基于所述待处理业务的预设实现过程，确定所述每一组件的功能被所述多个页面调用的次数。

在一些实施例中，通过分析待处理业务的的实现流程，得到该预设实现过程。该预设实现过程，包括预估的对待处理业务进行处理的过程中对每一组件的调用次数、父子组件之间数据的传递过程以及跨父子组件之间数据的传递等；如此，按照该预设实现过程，即可预估每一组件的功能被多个页面调用的次数。

步骤S123，在所述多个组件中，确定所述次数满足预设条件的所述入口组件。

在一些实施例中，通过对多个组件被调用次数从大到小进行排序，该预设条件可以是次数最大，还可以是排列在前几个的次数等。比如，按照每一组件被调用的次数，从多个组件中选择次数最大的组件为次数满足预设条件的目标组件，并作为入口组件。被调用的次数最大，说明该组件所提供的功能多个页面均需要调用，所有将该组件作为入口组件。

在本申请实施例中，通过分析每一组件的功能被调用的次数，按照被调用的次数确定入口组件；这样，独立设置该入口组件后，每一页面均可呼叫该入口组件，方便页面调用，能够减少操作次数。

在一些可能的实现方式中，所述入口组件包括至少一个组件，上述步骤S123可以通过以下步骤实现：

第一步，基于所述待处理业务的预设实现过程，在所述多个组件中确定被所述多个页面调用的次数大于预设次数阈值的至少一个组件。

这里，待处理业务的预设实现过程，包括每一组件被调用的次数，从中确定出次数大于预设次数阈值的组件。其中，预设次数阈值可以是基于待处理业务中被调用次数的较大值设定的，比如，按照从小到大排列，将排列在第3个调用次数作为预设次数阈值。

以待处理业务为对象管理业务为例，在对象管理业务的预设实现过程中，分析每一组件被调用的次数，由于在实现对象管理业务的过程中，大多数的页面均需要进行配置标签的操作，所以通过分析可以确定具有标签配置功能的组件被调用的次数较高，可以确定实现出调用次数较大的组件为具有标签配置功能的组件、对模型进行管理的组件以及对一定区域内对象进行管理的组件等；将这些组件作为入口组件。

第二步，将所述至少一个组件确定为所述入口组件。

在本申请实施例中，通过将被调用次较多的多个组件作为独立于功能模块其他页面的入口组件，能够便于功能模块中多个页面的调用，提高响应速度。

下面，将说明本申请实施例在一个实际的应用场景中的示例性应用，以需求为对象管理，在不同功能模块的页面下实现独立配置标签的组件为例，进行说明。

随着项目的发展，业务逐渐复杂，需求也会一并复杂；此项需求就是在对象管理模块下，通过一个独立的组件来配置标签信息，且该组件需要在对象管理模块下所有页都能响应。

基于前端框架(比如，Vue.js)开发，在父子组件通信上能够做到便利；但在跨父子组件上，父子通信受到局限，且跨父子组件之间的数据传递起来复杂冗余，代码维护上成本增加，代码阅读上更是困难。

本申请实施例提供一种组件配置方法，在主模块下设计一个入口，响应在此模块下所有页面能够呼叫组件，并配置对象标签数据。如此，能够实现组件间的数据通信机制，通过组件暴露事件接口，使得各个页面能够接收到组件内部配置的数据，降低代码冗余。

在一些实施例中，通过设计组件入口，在模块内部即使切换页面，也能随时呼叫组件；并利用组件内数据存储器包装处理数据，暴露事件，使跨父子组件的页面也能接收到数据；该方法可以通过以下过程实现：

第一步，设计组件入口。

在一些可能的实现方式中，第一步中的组件入口即为上述实施例中入口组件所在的入口。由于模块下所有页面都是基于模块，入口需要独立于模块其他页面，通过在视图窗口开发一个入口，并将模块下页面归到视图窗口内。

如图4所示，图4为本申请实施例提供的组件配置方法的应用场景示意图，从图4可以看出，对象应用系统400的当前显示页面为总体趋势401的页面，该系统还包括区域详情402的显示页面；这里，对象可以是车辆或动物类。在该系统各个显示页面的顶端设计主模块入口，比如，在系统管理40包括的区域管理403、模型管理404和对象管理405中，设置对象管理405为主模块入口。其中，总体趋势401包括多个分组，这多个分组中可以是用户自定义分组还可以是系统设置的分组，比如，一级分组41(其中，包括A部门、B部门、C部门等)；在一级分组41中总共有8个统计到的对象，其中，A部门有5个对象，B部门有2个对象，C部门有1个对象。在总体趋势401的显示页面上还呈现对象数量排名42的显示区域，在该显示区域呈现各个部门的对象数量情况。比如，呈现A部门、B部门和C部门等的具体对象数等级情况。在总体趋势401的显示页面上还呈现对象已统计比例43的显示区域，在该显示区域中呈现对象类型占比等。在总体趋势401的显示页面上还呈现对象数量变化趋势44的曲线变化情况等。

第二步，实现跨父子组件数据通信。

在一些实施例中，利用组件之间的独立性，不同组件在数据上也是独立的，在组件内部的数据存储器里对该组件的数据进行二次处理。将二次处理后的数据进行封装，并通过事件接口暴露出来，使跨父子组件的页面也能接收到该处理后的数据。在一些可能的实现方式中，在组件内部的数据存储器里对该组件的数据进行二次处理，可以是对组件内部的数据进行清理，以清除冗余数据(比如，该模块在执行待处理任务时，不需要的数据)，实现数据优化。

如图5所示，图5为本申请实施例提供的组件配置方法的另一应用场景示意图，从图5可以看出，在对象管理51的界面上，可以选择不同的标签数据，比如，在选项“对象”52中呈现已选的标签数量，比如，“已选4个标签”53；其中，4个标签包括：对象类型：A、B；异常事件(1)：与异常对象关联。

图6为本申请实施例提供的组件配置方法的实现流程示意图，结合图6所示进行以下说明：

首先，从对象管理页面601中进入组件入口602，实现跨组件通信，该组件入口602独立于功能模块其他页面。

其次，从组件入口602进入组件内部的数据存储器603。

再次，在数据存储器603中，按照事件机制604对数据存储器603内存储的数据进行处理。

这里，事件机制604是指对标签数据进行增、改、删等处理。

最后，将处理后的数据上传至对象管理页面601。

在本申请实施例中，通过在不同功能模块页面下独立配置标签的组件入口，能够减少代码冗余，使得模块中的每个页面都可呼叫，降低代码维护成本，优化代码阅读；通过跨父子组件数据通信，实现数据实时更新，数据传递上更加直接，无需层层嵌套，可直接访问。

本申请实施例提供一种组件配置装置，图7为本申请实施例组件配置装置的结构组成示意图，如图7所示，所述组件配置装置700包括：

第一确定模块701，用于确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；

第二确定模块702，用于基于所述待处理业务，在所述多个组件中确定入口组件；

第一设置模块703，用于在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。

在一些实施例中，所述第一设置模块703，包括：

第一确定子模块，用于确定所述功能模块的第一视图窗口；

第一嵌套子模块，用于将所述多个页面嵌套在所述第一视图窗口内，得到第二视图窗口；

第一设置子模块，用于将所述入口组件置于所述第二视图窗口的预设入口。

在一些实施例中，所述装置还包括：

第三确定模块，用于在所述多个组件内，确定用于实现所述待处理业务的存储数据；

第一暴露模块，用于采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据；

第一显示模块，用于响应于接收到任一页面对所述多个组件中任一组件的存储数据的调用指令，以弹窗的方式显示所述任一组件内的存储数据。

在一些实施例中，所述第一暴露模块，包括：

第二确定子模块，用于在所述多个组件内的存储数据中，获取第一组件内的存储数据；其中，所述第一组件为所述多个组件中的每一组件；

第一更新子模块，用于采用所述预设事件对所述第一组件内的存储数据进行更新，得到已更新数据

第一输出子模块，用于通过所述预设事件的接口将所述已更新数据输出至所述第一组件对应的目标页面。

在一些实施例中，所述装置还包括：

第一处理子模块，用于对所述存储数据进行简化处理，得到处理后数据；

所述第一更新子模块，包括：

第一更新单元，用于基于所述预设事件对应的操作对所述处理后数据进行更新，得到所述已更新数据。

在一些实施例中，所述装置还包括：

第一获取模块，用于获取第二组件对所述已更新数据的调用请求；其中，所述第二组件与所述第一组件为非父子组件；

第一发送模块，用于响应于所述调用请求，在所述目标页面上将所述已更新数据发送至所述第二组件。

在一些实施例中，所述第二确定模块702，包括：

第三确定子模块，用于确定所述多个组件中每一组件的功能；

第四确定子模块，用于基于所述待处理业务的预设实现过程，确定所述每一组件的功能被所述多个页面调用的次数；

第五确定子模块，用于在所述多个组件中，确定所述次数满足预设条件的目标组件为所述入口组件。

在一些实施例中，所述入口组件包括至少一个组件，所述第五确定子模块，包括：

第一确定单元，用于基于所述待处理业务的预设实现过程，在所述多个组件中确定被所述多个页面调用的次数大于预设次数阈值的至少一个组件；

第二确定单元，用于将所述至少一个组件确定为所述入口组件。

在一些实施例中，所述第一设置子模块，包括：

第三确定单元，用于确定包括所述入口组件中的至少一个组件的悬浮框；

第一显示单元，用于将所述悬浮框显示在所述第二视图窗口的预设入口，以使所述多个页面能够进入所述入口组件。

需要说明的是，以上装置实施例的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果。对于本申请装置实施例中未披露的技术细节，请参照本申请方法实施例的描述而理解。

需要说明的是，本申请实施例中，如果以软件功能模块的形式实现上述的组件配置方法，并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是终端、服务器等)执行本申请各个实施例所述方法的全部或部分。而前述的存储介质包括：U盘、运动硬盘、只读存储器(Read Only Memory，ROM)、磁碟或者光盘等各种可以存储程序代码的介质。这样，本申请实施例不限制于任何特定的硬件和软件结合。

对应地，本申请实施例再提供一种计算机程序产品，所述计算机程序产品包括计算机可执行指令，该计算机可执行指令被执行后，能够实现本申请实施例提供的组件配置方法中的步骤。

相应的，本申请实施例再提供一种计算机存储介质，所述计算机存储介质上存储有计算机可执行指令，所述该计算机可执行指令被处理器执行时实现上述实施例提供的组件配置方法的步骤。

相应的，本申请实施例提供一种电子设备，图8为本申请实施例电子设备的组成结构示意图，如图8所示，所述电子设备800包括：一个处理器801、至少一个通信总线、通信接口802、至少一个外部通信接口和存储器803。其中，通信接口802配置为实现这些组件之间的连接通信。其中，通信接口802可以包括显示屏，外部通信接口可以包括标准的有线接口和无线接口。其中所述处理器801，配置为执行存储器中图像处理程序，以实现上述实施例提供的组件配置方法的步骤。

以上组件配置装置、电子设备和存储介质实施例的描述，与上述方法实施例的描述是类似的，具有同相应方法实施例相似的技术描述和有益效果，限于篇幅，可案件上述方法实施例的记载，故在此不再赘述。对于本申请组件配置装置、电子设备和存储介质实施例中未披露的技术细节，请参照本申请方法实施例的描述而理解。

应理解，说明书通篇中提到的“一个实施例”或“一实施例”意味着与实施例有关的特定特征、结构或特性包括在本申请的至少一个实施例中。因此，在整个说明书各处出现的“在一个实施例中”或“在一实施例中”未必一定指相同的实施例。此外，这些特定的特征、结构或特性可以任意适合的方式结合在一个或多个实施例中。应理解，在本申请的各种实施例中，上述各过程的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

在本申请所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。

上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元；既可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。

另外，在本申请各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(ReadOnly Memory，ROM)、磁碟或者光盘等各种可以存储程序代码的介质。或者，本申请上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是个人计算机、服务器、或者网络设备等)执行本申请各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、磁碟或者光盘等各种可以存储程序代码的介质。以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (12)

1.一种网页组件配置方法，其特征在于，所述方法包括：

确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；

基于所述待处理业务，在所述多个组件中确定入口组件；

在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。

2.根据权利要求1所述的方法，其特征在于，所述在所述功能模块中将所述多个组件中的入口组件独立设置于所述多个页面，包括：

确定所述功能模块的第一视图窗口；

将所述多个页面嵌套在所述第一视图窗口内，得到第二视图窗口；

将所述入口组件置于所述第二视图窗口的预设入口。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述多个组件内，确定用于实现所述待处理业务的存储数据；

采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据；

响应于接收到任一页面对所述多个组件中任一组件的存储数据的调用指令，以弹窗的方式显示所述任一组件内的存储数据。

4.根据权利要求3所述的方法，其特征在于，所述采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据，包括：

在所述多个组件内的存储数据中，获取第一组件内的存储数据；其中，所述第一组件为所述多个组件中的每一组件；

采用所述预设事件对所述第一组件内的存储数据进行更新，得到已更新数据；

通过所述预设事件的接口将所述已更新数据输出至所述第一组件对应的目标页面。

5.根据权利要求4所述的方法，其特征在于，所述采用预设事件对所述存储数据进行更新，得到已更新数据之前，所述方法还包括：

对所述存储数据进行简化处理，得到处理后数据；

所述采用预设事件对所述存储数据进行更新，得到已更新数据，包括：

基于所述预设事件对应的操作对所述处理后数据进行更新，得到所述已更新数据。

6.根据权利要求4或5所述的方法，其特征在于，所述通过所述预设事件的接口将所述已更新数据输出至所述任一组件对应的目标页面之后，所述方法还包括：

获取第二组件对所述已更新数据的调用请求；其中，所述第二组件与所述第一组件为非父子组件；

响应于所述调用请求，在所述目标页面上将所述已更新数据发送至所述第二组件。

7.根据权利要求1至6任一项所述的方法，其特征在于，所述基于所述待处理业务，在所述多个组件中确定入口组件，包括：

确定所述多个组件中每一组件的功能；

基于所述待处理业务的预设实现过程，确定所述每一组件的功能被所述多个页面调用的次数；

在所述多个组件中，确定所述次数满足预设条件所述入口组件。

8.根据权利要求7所述的方法，其特征在于，所述入口组件包括至少一个组件，所述在所述多个组件中，确定所述次数满足预设条件的所述入口组件，包括：

基于所述待处理业务的预设实现过程，在所述多个组件中确定被所述多个页面调用的次数大于预设次数阈值的至少一个组件；

将所述至少一个组件确定为所述入口组件。

9.根据权利要求2至8任一项所述的方法，其特征在于，所述将所述入口组件置于所述第二视图窗口的预设入口，包括：

确定包括所述入口组件中的至少一个组件的悬浮框；

将所述悬浮框显示在所述第二视图窗口的预设入口，以使所述多个页面能够进入所述入口组件。

10.一种组件配置装置，其特征在于，所述装置包括：

第一确定模块，用于确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；

第二确定模块，用于基于所述待处理业务，在所述多个组件中确定入口组件；

第一设置模块，用于在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。

11.一种计算机存储介质，其特征在于，所述计算机存储介质上存储有计算机可执行指令，该计算机可执行指令被执行后，能够实现权利要求1至9任一项所述的方法步骤。

12.一种电子设备，其特征在于，所述电子设备包括存储器和处理器，所述存储器上存储有计算机可执行指令，所述处理器运行所述存储器上的计算机可执行指令时能够实现权利要求1至9任一项所述的方法步骤。

Images