System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本申请涉及计算机,特别是涉及一种微前端系统的页面配置方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。
技术介绍
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.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
...【技术特征摘要】
1.一种微前端系统的页面配置方法,其特征在于,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述响应于针对微前端系统的配置事件,确定作为主应用的第一应用、以及作为子应用的第二应用,包括:
3.根据权利要求1所述的方法,其特征在于,所述对所述页面元素进行应用地址映射,确定所述第二应用的应用地址,包括:
4.根据权利要求1所述的方法,其特征在于,所述响应于针对所述页面元素的触发操作,跳转至所述应用地址所表征的子应用页面,包括:
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:在不同的所述配置事件下,相同的应用,应用类型是相同或不...
【专利技术属性】
技术研发人员:曾昭志,庄鸿斌,
申请(专利权)人:深圳市科脉技术股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。