System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 应用主题切换方法、装置、设备、存储介质及程序产品制造方法及图纸_技高网

应用主题切换方法、装置、设备、存储介质及程序产品制造方法及图纸

技术编号:41066513 阅读:2 留言:0更新日期:2024-04-24 11:20
本申请公开了一种应用主题切换方法、装置、设备、存储介质及程序产品,涉及人工智能技术领域。该方法包括:在接收到微前端中应用的主题切换指令的情况下,获取所述微前端中应用的样式类型;根据所述主题切换指令和所述样式类型利用所述微前端的主应用获取子应用的样式文件;通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,以实现所述微前端中应用的主题切换。根据本申请实施例,能够降低子应用部署的复杂程度。

【技术实现步骤摘要】

本申请属于人工智能,尤其涉及一种应用主题切换方法、装置、设备、存储介质及程序产品


技术介绍

1、随着计算机应用技术的快速发展,微前端应用得到了广泛的应用。可以将微前端的主应用拆分为多个独立的子应用,这些子应用可以独立开发和独立部署。为了提高用户体验,满足不同用户的喜好,应用的主题切换的需求也越发常见。

2、然而,在相关技术中,常用做法是主应用和子应用均单独进行控制,在用户选择切换主题时,主应用把自己当前的样式进行修改,然后通知各个子应用自己去改变主题。

3、这种切换方式需要在每一个子应用中单独设置一套主题切换逻辑,增加了微前端部署和子应用的复杂程度。


技术实现思路

1、本申请实施例提供了一种应用主题切换方法、装置、设备、存储介质及程序产品,能够解决现有的微前端架构中子应用的部署过于复杂的问题。

2、第一方面,本申请实施例提供一种应用主题切换方法,方法包括:

3、在接收到微前端中应用的主题切换指令的情况下,获取所述微前端中应用的样式类型;

4、根据所述主题切换指令和所述样式类型利用所述微前端的主应用获取子应用的样式文件;

5、通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,以实现所述微前端中应用的主题切换。

6、在一些实施例中,所述通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,包括:

7、在所述样式类型为外部样式的情况下,获取所述子应用的样式文件的外部地址;

8、通过所述主应用访问所述样式文件的外部地址以加载所述样式文件;

9、通过所述主应用遍历所述子应用加载后的所述样式文件,基于遍历的结果根据所述主题切换指令对所述子应用的样式文件中的主题进行更新。

10、在一些实施例中,所述主题包括颜色,所述根据所述主题切换指令对所述子应用的样式文件中的主题进行更新,包括:

11、在所述主题切换指令为指示将所述微前端应用中的第一颜色切换为第二颜色的情况下,将所述子应用的样式文件中的初始颜色值修改为样式变量,所述初始颜色值用于表征所述微前端应用的颜色为第一颜色;

12、获取所述第二颜色对应的模板颜色值;

13、将所述样式变量替换为所述模板颜色值。

14、在一些实施例中,所述获取所述子应用的样式文件的外部地址,包括:

15、在第一子应用被挂载到所述微前端应用的情况下,通过执行目标钩子函数以获取所述第一子应用的样式文件的外部地址。

16、在一些实施例中,所述通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,包括:

17、在所述样式类型为内部样式的情况下,通过对所述主应用在所述微前端进行沙箱样式隔离的过程中获取所述子应用的样式文件;

18、通过所述主应用遍历所述子应用的样式文件,基于遍历的结果根据所述主题切换指令对所述子应用的样式文件中的主题进行更新。

19、第二方面,本申请实施例提供一种应用主题切换装置,装置包括:

20、获取模块,用于在接收到微前端中应用的主题切换指令的情况下,获取所述微前端中应用的样式类型;

21、查询模块,用于根据所述主题切换指令和所述样式类型利用所述微前端的主应用获取子应用的样式文件;

22、更新模块,用于通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,以实现所述微前端中应用的主题切换。

23、第三方面,本申请实施例提供了一种应用主题切换设备,设备包括:处理器以及存储有计算机程序指令的存储器;

24、处理器执行计算机程序指令时实现如上的应用主题切换方法。

25、第四方面,本申请实施例提供了一种计算机存储介质,计算机存储介质上存储有计算机程序指令,计算机程序指令被处理器执行时实现如上的应用主题切换方法。

26、第五方面,本申请实施例提供了一种计算机程序产品,所述计算机程序产品包括计算机程序指令,所述计算机程序指令被处理器执行时实现如上的应用主题切换方法。

27、在本申请中,微前端应用可以对其自身的主应用的样式文件进行修改,并由主应用根据样式类型获取子应用的样式文件,然后通过主应用遍历子应用的样式文件,对子应用的样式文件进行主题切换指令对应的修改,如此一来,可以由主应用根据样式类型和主题切换指令实现整个微前端框架中所有应用的主题样式的切换,而不需要修改子应用的代码,让主应用能够控制整个微前端应用的样式。降低了子应用部署的复杂程度。

本文档来自技高网...

【技术保护点】

1.一种应用主题切换方法,其特征在于,所述方法包括:

2.根据权利要求1所述的应用主题切换方法,其特征在于,所述通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,包括:

3.根据权利要求2所述的应用主题切换方法,其特征在于,所述主题包括颜色,所述根据所述主题切换指令对所述子应用的样式文件中的主题进行更新,包括:

4.根据权利要求2所述的应用主题切换方法,其特征在于,所述获取所述子应用的样式文件的外部地址,包括:

5.根据权利要求1所述的应用主题切换方法,其特征在于,所述通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,包括:

6.一种应用主题切换装置,其特征在于,所述装置包括:

7.根据权利要求6所述的应用主题切换装置,其特征在于,所述更新模块包括:

8.一种应用主题切换设备,其特征在于,所述应用主题切换设备包括:处理器以及存储有计算机程序指令的存储器;

9.一种计算机存储介质,其特征在于,所述计算机存储介质上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现如权利要求1-5中任一项所述的应用主题切换方法。

10.一种计算机程序产品,其特征在于,所述计算机程序产品包括计算机程序指令,所述计算机程序指令被处理器执行时实现权利要求1-5中任一项所述的应用主题切换方法。

...

【技术特征摘要】

1.一种应用主题切换方法,其特征在于,所述方法包括:

2.根据权利要求1所述的应用主题切换方法,其特征在于,所述通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应用的样式文件中的内容进行更新,包括:

3.根据权利要求2所述的应用主题切换方法,其特征在于,所述主题包括颜色,所述根据所述主题切换指令对所述子应用的样式文件中的主题进行更新,包括:

4.根据权利要求2所述的应用主题切换方法,其特征在于,所述获取所述子应用的样式文件的外部地址,包括:

5.根据权利要求1所述的应用主题切换方法,其特征在于,所述通过所述主应用遍历所述子应用的样式文件,基于遍历的结果对所述微前端应用中子应...

【专利技术属性】
技术研发人员:尹远兴罗威
申请(专利权)人:中国建设银行股份有限公司
类型:发明
国别省市:

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

1