组件配置方法、装置、设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
组件配置方法、装置、设备及存储介质


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

技术介绍

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

技术实现思路

[0003]本申请实施例提供一种组件配置技术方案。
[0004]本申请实施例的技术方案是这样实现的：
[0005]本申请实施例提供一种组件配置方法，所述方法包括：
[0006]确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；
[0007]基于所述待处理业务，在所述多个组件中确定入口组件；
[0008]在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。
[0009]在一些实施例中，所述在所述功能模块中将所述多个组件中的入口组件独立设置于所述多个页面，包括：确定所述功能模块的第一视图窗口；将所述多个页面嵌套在所述第一视图窗口内，得到第二视图窗口；将所述入口组件置于所述第二视图窗口的预设入口。如此，将入口组件作为第二视图窗口的入口，能够使得该功能模块中的所有页面均可通过点击入口进入入口组件，从而能够减少代码冗余，每个页面都可呼叫该入口组件，降低代码维护成本，优化代码阅读。
[0010]在一些实施例中，所述方法还包括在所述多个组件内，确定用于实现所述待处理业务的存储数据；采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据；响应于接收到任一页面对所述多个组件中任一组件的存储数据的调用指令，以弹窗的方式显示所述任一组件内的存储数据。如此，通过预设事件的接口将组件内的存储数据传出来，并通过弹窗的方式显示组件内的存储数据，从而使得跨父子组件之间也能直接调用彼此的存储数据。
[0011]在一些实施例中，采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据，包括：在所述多个组件内的存储数据中，获取第一组件内的存储数据；其中，所述第一组件为所述多个组件中的每一组件；采用所述预设事件对所述第一组件内的存储数据进行更新，得到已更新数据；通过所述预设事件的接口将所述已更新数据输出至所述第一组件对应的目标页面。如此，通过在组件内部的数据存储器中对存储数据进行更新，并事件接口将已更新数据输出至对应的目标页面上，这样跨父子组件之间数据传递上更加直接，无需层层嵌套，能够直接访问。
[0012]在一些实施例中，所述采用预设事件对所述存储数据进行更新，得到已更新数据
之前，所述方法还包括：对所述存储数据进行简化处理，得到处理后数据；所述采用预设事件对所述存储数据进行更新，得到已更新数据，包括：基于所述预设事件对应的操作对所述处理后数据进行更新，得到所述已更新数据。如此，能够加快采用预设事件对应的操作对处理后的数据进行处理的过程。
[0013]在一些实施例中，所述通过所述预设事件的接口将所述已更新数据输出至所述任一组件对应的目标页面之后，所述方法还包括：获取第二组件对所述已更新数据的调用请求；其中，所述第二组件与所述第一组件为非父子组件；响应于所述调用请求，在所述目标页面上将所述已更新数据发送至所述第二组件。如此，跨父子组件的第一组件和第二组件的页面之间能够直接传递组件内部配置的数据，使得代码更加简洁，数据据传递更简单快速。
[0014]在一些实施例中，所述基于所述待处理业务，在所述多个组件中确定入口组件，包括：确定所述多个组件中每一组件的功能；基于所述待处理业务的预设实现过程，确定所述每一组件的功能被所述多个页面调用的次数；在所述多个组件中，确定所述次数满足预设条件的目标组件为所述入口组件。如此，通过分析每一组件的功能被调用的次数，按照被调用的次数确定入口组件；这样，独立设置该入口组件后，每一页面均可呼叫该入口组件，方便页面调用，能够减少操作次数。
[0015]在一些实施例中，所述入口组件包括至少一个组件，所述在所述多个组件中，确定所述次数满足预设条件的所述入口组件，包括：基于所述待处理业务的预设实现过程，在所述多个组件中确定被所述多个页面调用的次数大于预设次数阈值的至少一个组件；将所述至少一个组件确定为所述入口组件。如此，通过将被调用次数较高的组件作为独立于功能模块其他页面的入口组件，能够便于功能模块中多个页面的调用，提高响应速度。
[0016]在一些实施例中，所述将所述入口组件置于所述第二视图窗口的预设入口，包括：确定包括所述入口组件中的至少一个组件的悬浮框；将所述悬浮框显示在所述第二视图窗口的预设入口，以使所述多个页面能够进入所述入口组件。如此，通过悬浮框的方式显示入口组件中的多个组件，从而多个页面能够较为方便地访问入口组件中的每一组件。
[0017]本申请实施例提供一种组件配置装置，所述装置包括：
[0018]第一确定模块，用于确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；
[0019]第二确定模块，用于基于所述待处理业务，在所述多个组件中确定入口组件；
[0020]第一设置模块，用于在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。
[0021]对应地，本申请实施例提供一种计算机存储介质，所述计算机存储介质上存储有计算机可执行指令，该计算机可执行指令被执行后，能够实现上述的组件配置方法。
[0022]本申请实施例提供一种电子设备，所述电子设备包括存储器和处理器，所述存储器上存储有计算机可执行指令，所述处理器运行所述存储器上的计算机可执行指令时能够实现上述的组件配置方法。
[0023]本申请实施例提供一种组件配置方法、装置、设备及存储介质，对于实现待处理业务的功能模块，基于待处理业务，在该功能模块的多个组件中确定入口组件；并在功能模块中将入口组件独立设置于该功能模块的多个页面，以使每一页面均能够进入入口组件；如
此，将入口组件独立设置于功能模块的多个页面，从而能够减少代码冗余，使得每个页面都可呼叫该入口组件，进而能够解放不同组件之间的数据通信。
附图说明
[0024]图1为本申请实施例提供的组件配置方法的实现流程示意图；
[0025]图2为本申请实施例提供的组件配置方法的另一实现流程示意图；
[0026]图3为本申请实施例提供的组件配置方法的另一实现流程示意图；
[0027]图4为本申请实施例提供的组件配置方法的应用场景示意图；
[0028]图5为本申请实施例提供的组件配置方法的另一应用场景示意图；
[0029]图6为本申请实施例提供的组件配置方法的实现流程示意图；
[0030]图7为本申请实施例组件配置装置的结构组成示意图；
[0031]图8为本申请实施例电子设备的组成结构示意图。
具体实施方式
[0032]为使本申请实施本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页组件配置方法，其特征在于，所述方法包括：确定实现待处理业务的功能模块；其中，所述功能模块包括多个页面和多个组件；基于所述待处理业务，在所述多个组件中确定入口组件；在所述功能模块中将所述入口组件独立设置于所述多个页面，以使所述多个页面能够进入所述入口组件。2.根据权利要求1所述的方法，其特征在于，所述在所述功能模块中将所述多个组件中的入口组件独立设置于所述多个页面，包括：确定所述功能模块的第一视图窗口；将所述多个页面嵌套在所述第一视图窗口内，得到第二视图窗口；将所述入口组件置于所述第二视图窗口的预设入口。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：在所述多个组件内，确定用于实现所述待处理业务的存储数据；采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据；响应于接收到任一页面对所述多个组件中任一组件的存储数据的调用指令，以弹窗的方式显示所述任一组件内的存储数据。4.根据权利要求3所述的方法，其特征在于，所述采用所述待处理业务匹配的预设事件的接口暴露所述多个组件内的存储数据，包括：在所述多个组件内的存储数据中，获取第一组件内的存储数据；其中，所述第一组件为所述多个组件中的每一组件；采用所述预设事件对所述第一组件内的存储数据进行更新，得到已更新数据；通过所述预设事件的接口将所述已更新数据输出至所述第一组件对应的目标页面。5.根据权利要求4所述的方法，其特征在于，所述采用预设事件对所述存储数据进行更新，得到已更新数据之前，所述方法还包括：对所述存储数据进行简化处理，得到处理后数据；所述采用预设事件对所述存储数据进行更新，得到已更新数据，包括：基于所述预设事件对应的操作对所述处理后数据进行更新，得到所述已更新数据。6.根据权利要求4或5所述的方法，其特征在于，所述通过所述预设事件的接口将所述已更新数据输出至所述任一组件对应的目标页面之后，所述方法还包括：获取第二组件对所述已更新...

【专利技术属性】
技术研发人员：黎子信，李鹏志，
申请(专利权)人：深圳市商汤科技有限公司，
类型：发明
国别省市：