微前端数据集成方法和装置、基于微前端的基础框架制造方法及图纸

技术编号:37334691 阅读:24 留言:0更新日期:2023-04-21 23:13
本公开提供了一种微前端数据集成方法和装置。该方法的一具体实施方式包括:获取对工程文件进行解析得到的解析结果;响应于解析结果中仅有子应用的映射关系,在具有访问子应用的访问需求时,通过微前端主模块创建并挂载子应用的系统,并显示用户访问系统的访问结果;响应于解析结果中具有子应用以及子应用的组成单元的映射关系,从微前端子模块下载组成单元的单元文件包,单元文件包由基础框架与子应用共同约定得到,并在具有访问组成单元的访问需求时,将单元文件包中与组成单元的访问需求相关的内容显示在指定区域。该实施方式提高了微前端数据集成的灵活性。微前端数据集成的灵活性。微前端数据集成的灵活性。

【技术实现步骤摘要】
微前端数据集成方法和装置、基于微前端的基础框架


[0001]本公开涉及计算机
,具体涉及微前端数据集成方法和装置、基于微前端的基础框架、电子设备以及计算机可读介质。

技术介绍

[0002]目前微前端的方案有多种,对应的实现框架也有很多,它们都有各自的优缺点,其中,它们共同存在一个最大的问题是:集成粒度较为单一,只能实现在某一层面的集成。

技术实现思路

[0003]本公开的实施例提出了微前端数据集成方法和装置、基于微前端的基础框架、电子设备以及计算机可读介质。
[0004]第一方面,本公开的实施例提供了一种微前端数据集成方法,该方法基于微前端的基础框架实现,基础框架包括:微前端主模块和至少一类微前端子模块,微前端主模块用于实现对至少一个子应用的创建、挂载,微前端子模块用于实现对子应用中组成单元的集成和订阅,该方法包括:获取对工程文件进行解析得到的解析结果;响应于解析结果中仅有子应用的映射关系,在具有访问子应用的访问需求时,通过微前端主模块创建并挂载子应用的系统,并显示用户访问系统的访问结果;响应于解析结果中具有子应用本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种微前端数据集成方法,所述方法基于微前端的基础框架实现,所述基础框架包括:微前端主模块和至少一类微前端子模块,所述微前端主模块用于实现对至少一个子应用的创建、挂载,所述微前端子模块用于实现对所述子应用中组成单元的集成和订阅,所述方法包括:获取对工程文件进行解析得到的解析结果;响应于所述解析结果中仅有所述子应用的映射关系,在具有访问所述子应用的访问需求时,通过所述微前端主模块创建并挂载所述子应用的系统,并显示用户访问所述系统的访问结果;响应于所述解析结果中具有所述子应用以及所述子应用的组成单元的映射关系,从所述微前端子模块下载所述组成单元的单元文件包,所述单元文件包由所述基础框架与所述子应用共同约定得到,并在具有访问所述组成单元的访问需求时,将所述单元文件包中与所述组成单元的访问需求相关的内容显示在指定区域。2.根据权利要求1所述的方法,其中,所述微前端主模块还用于实现所述子应用的卸载,所述方法还包括:在对所述子应用的访问完成之后,通过所述微前端主模块卸载所述子应用的系统。3.根据权利要求1或2所述的方法,其中,所述组成单元包括:所述子应用中的一级菜单节点和/或所述一级菜单节点下的所有孙菜单节点;所述单元文本包包括:菜单模块,所述响应于所述解析结果中具有所述子应用以及所述子应用的组成单元的映射关系,从所述微前端子模块下载所述组成单元的单元文件包,并在具有访问所述组成单元的访问需求时,将所述单元文件包中与所述组成单元的访问需求相关的内容显示在指定区域包括:响应于所述解析结果中具有所述子应用、所述子应用的一级菜单节点或所述一级菜单节点下的至少一个孙菜单节点的映射关系,从所述微前端子模块下载所述子应用的一级菜单节点或所述一级菜单节点下的至少一个孙菜单节点对应的菜单模块;在具有访问所述子应用的一级菜单节点或所述一级菜单节点下的至少一个孙菜单节点的访问需求时,将所述菜单模块对应的内容显示在指定区域。4.根据权利要求1或2所述的方法,其中,所述组成单元包括:所述子应用中的至少一个组件;所述单元文本包包括:组件包,所述响应于所述解析结果中具有所述子应用以及所述子应用的组成单元的映射关系,从所述微前端子模块下载所述组成单元的单元文件包,并在具有访问所述组成单元的访问需求时,将所述单元文件包中与所述组成单元的访问需求相关的内容显示在指定区域包括:响应于所述解析结果中具有所述子应用、所述子应用的组件的映射关系,从所述微前端子模块下载所述子应用的组件对应的组件包;在具有访问所述组件的访问需求时,将所述组件包对应的内容显示在指定区域。5.根据权利要求1或2所述的方法,其中,所述微前端主模块包...

【专利技术属性】
技术研发人员:杨积江
申请(专利权)人:京东科技信息技术有限公司
类型:发明
国别省市:

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

1