System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本专利技术涉及计算机,尤其涉及一种应用组件的加载渲染方法和装置。
技术介绍
1、随着前端项目复杂性的增加,项目维护越发困难。为了更好的维护项目,提升开发效率,微前端技术应用场景越来越多。微前端技术是将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用,从而减少开发的维护成本。
2、在实现本专利技术过程中,专利技术人发现现有技术中至少存在如下问题:
3、在使用微前端技术进行应用开发时,基座应用前端系统会分配一个加载路径给子应用,当浏览器加载应用页面时,基座应用就会根据配置好的路由规则去加载并渲染子应用。但是,对于子应用中的组件,基座应用是无法使用的,因此无法做到基座应用在加载子应用的同时对子应用组件的复用,需要重复开发组件,造成了开发成本的浪费。
技术实现思路
1、有鉴于此,本专利技术实施例提供一种应用组件的加载渲染方法和装置,能够通过对子应用的应用组件进行配置,实现在加载子应用的同时加载子应用的组件,实现对子应用组件的复用,无需增加基座应用的代码,且配置简单,可扩展性强,避免了组件的重复开发而造成的开发成本的浪费。
2、为实现上述目的,根据本专利技术实施例的一个方面,提供了一种应用组件的加载渲染方法,包括:
3、响应于浏览器页面加载请求,加载基座应用并通过所述基座应用获取子应用的配置信息;
4、根据所述子应用的配置信息将所述子应用挂载到所述基座应用中;
5、响应于接收到已挂载到所述基座应用中的子应用
6、响应于所述应用组件加载完毕,通过所述基座应用对所述应用组件进行渲染以完成应用组件的加载渲染。
7、可选地,所述方法还包括:响应于所述子应用挂载到所述基座应用中,通过所述基座应用对所述子应用进行页面渲染。
8、可选地,在根据所述子应用的配置信息将所述子应用挂载到所述基座应用中之前,还包括:通过所述基座应用创建对所述子应用的应用组件变化的监听事件,以使所述子应用通过所述监听事件将所述应用组件配置信息发送给所述基座应用。
9、可选地,所述应用组件配置信息包括组件实例和组件样式配置信息;通过基座应用根据所述应用组件配置信息进行所述子应用提供的应用组件的加载,包括:通过基座应用根据所述应用组件的组件实例进行所述子应用提供的应用组件的全局注册,根据所述应用组件的组件样式配置信息将组件样式以动态添加标签的方式添加到所述基座应用中,以进行所述子应用提供的应用组件的加载。
10、可选地,所述方法还包括:通过对所述基座应用的组件加载状态管理库中记录的应用组件加载状态进行判定,以检测所述应用组件是否加载完毕;在根据所述应用组件的组件样式配置信息将组件样式以动态添加标签的方式添加到所述基座应用中之后,还包括:将所述基座应用的组件加载状态管理库中记录的应用组件加载状态修改为已加载。
11、可选地,所述方法还包括:响应于浏览器页面关闭请求,卸载所述子应用、所述应用组件和所述基座应用以关闭所述浏览器页面。
12、可选地,所述卸载所述应用组件通过以下方式来实现:通过所述基座应用取消所述监听事件。
13、根据本专利技术实施例的另一方面,提供了一种应用组件的加载渲染装置,包括:
14、子应用配置获取模块,用于响应于浏览器页面加载请求,加载基座应用并通过所述基座应用获取子应用的配置信息;
15、子应用加载模块,用于根据所述子应用的配置信息将所述子应用挂载到所述基座应用中;
16、应用组件加载模块,用于响应于接收到已挂载到所述基座应用中的子应用发来的应用组件配置信息,通过基座应用根据所述应用组件配置信息进行所述子应用提供的应用组件的加载;
17、应用组件渲染模块,用于响应于所述应用组件加载完毕,通过所述基座应用对所述应用组件进行渲染以完成应用组件的加载渲染。
18、根据本专利技术实施例的又一方面,提供了一种电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本专利技术实施例所提供的应用组件的加载渲染方法。
19、根据本专利技术实施例的再一方面,提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现本专利技术实施例所提供的应用组件的加载渲染方法。
20、上述专利技术中的一个实施例具有如下优点或有益效果:通过响应于浏览器页面加载请求,加载基座应用并通过基座应用获取子应用的配置信息;根据子应用的配置信息将子应用挂载到基座应用中;响应于接收到已挂载到基座应用中的子应用发来的应用组件配置信息,通过基座应用根据应用组件配置信息进行子应用提供的应用组件的加载;响应于应用组件加载完毕,通过基座应用对应用组件进行渲染以完成应用组件的加载渲染的技术方案,通过对子应用的应用组件进行配置,实现在加载子应用的同时加载子应用的组件,实现对子应用组件的复用,无需增加基座应用的代码,且配置简单,可扩展性强,避免了组件的重复开发而造成的开发成本的浪费。
21、上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
本文档来自技高网...【技术保护点】
1.一种应用组件的加载渲染方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
3.根据权利要求1所述的方法,其特征在于,在根据所述子应用的配置信息将所述子应用挂载到所述基座应用中之前,还包括:
4.根据权利要求1所述的方法,其特征在于,所述应用组件配置信息包括组件实例和组件样式配置信息;
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
6.根据权利要求3所述的方法,其特征在于,所述方法还包括:
7.根据权利要求6所述的方法,其特征在于,所述卸载所述应用组件通过以下方式来实现:
8.一种应用组件的加载渲染装置,其特征在于,包括:
9.一种电子设备,其特征在于,包括:
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
【技术特征摘要】
1.一种应用组件的加载渲染方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
3.根据权利要求1所述的方法,其特征在于,在根据所述子应用的配置信息将所述子应用挂载到所述基座应用中之前,还包括:
4.根据权利要求1所述的方法,其特征在于,所述应用组件配置信息包括组件实例和组件样式配置信息;
5.根据权利要求4所述的方法,其特征在于,所述方法还...
【专利技术属性】
技术研发人员:周凯,龙潺,张猛,
申请(专利权)人:北京沃东天骏信息技术有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。