System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 微前端系统的页面配置方法、装置和计算机设备制造方法及图纸_技高网

微前端系统的页面配置方法、装置和计算机设备制造方法及图纸

技术编号:41379050 阅读:2 留言:0更新日期:2024-05-20 10:21
本申请涉及一种微前端系统的页面配置方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括:响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,其中,响应配置事件之前,第一应用以及第二应用为主应用或者子应用,将第一应用的应用信息填充至主应用页面模板,得到主应用页面,该主应用页面包括第二应用对应的页面元素,之后对页面元素进行应用地址映射,确定第二应用的应用地址,最后响应于针对页面元素的触发操作,跳转至应用地址所表征的子应用页面。采用本方法能够避免应用执行过程中的应用场景受限问题。

【技术实现步骤摘要】

本申请涉及计算机,特别是涉及一种微前端系统的页面配置方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。


技术介绍

1、随着计算机技术的发展,出现了微前端技术。在应用微前端系统之前,需要进行微前端基座的搭建,而针对微前端系统的页面配置在基座搭建过程中至关重要。

2、传统的微前端系统页面配置方法,确定每一应用各自的应用类型,应用类型如主应用或者子应用,并根据应用所属的应用类型配置应用页面,但是,对于每一应用来说,一旦确定了应用类型为主应用,该应用便只能作为主应用使用配置应用页面,或者,一旦确定了应用类型为子应用,该应用便只能作为子应用使用配置应用页面,无法进行应用类型的更换。因此,采用传统方法无法适用于应用类型发生变化的情况,存在应用场景受限的问题。


技术实现思路

1、基于此,有必要针对上述技术问题,提供一种能够扩展应用场景的微前端系统的页面配置方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。

2、第一方面,本申请提供了一种微前端系统的页面配置方法。所述方法包括:

3、响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用;将所述第一应用的应用信息填充至主应用页面模板,得到主应用页面;所述主应用页面包括所述第二应用对应的页面元素;对所述页面元素进行应用地址映射,确定所述第二应用的应用地址;响应于针对所述页面元素的触发操作,跳转至所述应用地址所表征的子应用页面。

4、在其中一个实施例中,所述响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,包括:响应于针对应用池中多个候选应用的触发操作,确定微前端系统的配置信息,基于各所述触发顺序,从各所述候选应用中确定作为主应用的第一应用、以及作为子应用的第二应用,所述配置信息通过各所述候选应用各自的触发顺序确定;或者,接收到针对所述微前端系统的配置信息的确认指令,基于所述配置信息确定作为所述主应用的第一应用、以及作为所述子应用的第二应用。

5、在其中一个实施例中,所述对所述页面元素进行应用地址映射,确定所述第二应用的应用地址,包括:获取所述第二应用的应用信息;基于所述应用信息生成的第二应用路由;根据所述第二应用路由对所述页面元素进行应用地址映射,确定所述第二应用的应用地址。

6、在其中一个实施例中,所述响应于针对所述页面元素的触发操作,跳转至所述应用地址所表征的子应用页面,包括:响应于针对所述页面元素的触发操作,获取应用页面的历史加载记录;所述历史加载记录包括历史应用地址;在各所述历史应用地址中包括所述应用地址的情况下,跳转至所述应用地址所表征的子应用页面;在各所述历史应用地址中不包括所述应用地址的情况下,跳转至基于所述应用地址建立的子应用页面。

7、在其中一个实施例中,所述微前端系统的页面配置方法还包括:在不同的所述配置事件下,相同的应用,应用类型是相同或不相同的。

8、在其中一个实施例中,所述微前端系统包括多个层级,在该实施例的情形下,所述微前端系统的页面配置方法还包括:将所述第二应用作为当前层级的主应用,并确定作为所述当前层级的子应用的第三应用;在所述第二应用的子应用页面添加所述第三应用对应的页面元素。

9、在其中一个实施例中,所述方法还包括:响应于针对应用池中多个候选应用的插件加载操作,对每一所述候选应用加载应用插件;所述响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,包括:第一应用的第一应用插件响应于针对微前端系统的配置事件,确定所述第一应用的应用类型为主应用;第二应用的第二应用插件响应于针对微前端系统的配置事件,确定所述第二应用的应用类型为子应用。

10、第二方面,本申请还提供了一种微前端系统的页面配置装置。所述装置包括:

11、应用确定模块,用于响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,其中,响应所述配置事件之前,所述第一应用以及所述第二应用为主应用或者子应用;

12、主应用页面确定模块,用于将所述第一应用的应用信息填充至主应用页面模板,得到主应用页面;所述主应用页面包括所述第二应用对应的页面元素;

13、应用地址映射模块,用于对所述页面元素进行应用地址映射,确定所述第二应用的应用地址;

14、触发操作响应模块,用于响应于针对所述页面元素的触发操作,跳转至所述应用地址所表征的子应用页面。

15、第三方面,本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述方法的步骤。

16、第四方面,本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述方法的步骤。

17、第五方面,本申请还提供了一种计算机程序产品。所述计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述方法的步骤。

18、上述微前端系统的页面配置方法、装置、计算机设备、计算机可读存储介质和计算机程序产品,响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,其中,响应配置事件之前,第一应用以及第二应用为主应用或者子应用,也即在配置事件发生之前,所有应用均为通用应用,第一应用以及第二应用可以是主应用,也可以是子应用,配置事件发生之后,可适应于配置事件选择应用的应用类型,针对配置事件具体确定主应用以及子应用,可保持应用的应用类型不变,也可实现更换应用的应用类型,拓展了应用的应用场景,在基于配置事件确定主应用以及子应用之后,将第一应用的应用信息填充至主应用页面模板,得到主应用页面,从而确定页面配置过程的整体框架,由于主应用页面包括第二应用对应的页面元素,那么对页面元素进行应用地址映射,确定第二应用的应用地址,便可实现页面配置的整体布局,最后响应于针对页面元素的触发操作,跳转至应用地址所表征的子应用页面,便完成了微前端系统的页面配置过程,本申请通过在配置事件发生前不限定应用的应用类型,应用可作为主应用,也可作为子应用的通用应用的方式,在配置事件发生后,基于配置事件灵活选择应用的应用类型,达到对微前端系统进行页面的灵活配置,实现更换应用的应用类型的目的,扩展了微前端系统页面配置方法的应用场景。

本文档来自技高网...

【技术保护点】

1.一种微前端系统的页面配置方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,包括:

3.根据权利要求1所述的方法,其特征在于,所述对所述页面元素进行应用地址映射,确定所述第二应用的应用地址,包括:

4.根据权利要求1所述的方法,其特征在于,所述响应于针对所述页面元素的触发操作,跳转至所述应用地址所表征的子应用页面,包括:

5.根据权利要求1所述的方法,其特征在于,所述方法还包括:在不同的所述配置事件下,相同的应用,应用类型是相同或不相同的。

6.根据权利要求1至5中任意一项所述的方法,其特征在于,所述微前端系统包括多个层级;所述方法还包括:

7.根据权利要求1至5中任意一项所述的方法,其特征在于,所述方法还包括:

8.一种微前端系统的页面配置装置,其特征在于,所述装置包括:

9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

...

【技术特征摘要】

1.一种微前端系统的页面配置方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,包括:

3.根据权利要求1所述的方法,其特征在于,所述对所述页面元素进行应用地址映射,确定所述第二应用的应用地址,包括:

4.根据权利要求1所述的方法,其特征在于,所述响应于针对所述页面元素的触发操作,跳转至所述应用地址所表征的子应用页面,包括:

5.根据权利要求1所述的方法,其特征在于,所述方法还包括:在不同的所述配置事件下,相同的应用,应用类型是相同或不...

【专利技术属性】
技术研发人员:曾昭志庄鸿斌
申请(专利权)人:深圳市科脉技术股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1