基于微前端架构的页面加载方法、系统、设备及存储介质与流程

技术特征：
1.一种基于微前端架构的页面加载方法，其特征在于，包括：在微前端架构的各个子应用中为所述子应用的各个页面建立一一对应的路由路径；在主应用中配置各个菜单各自的菜单参数；其中，所述菜单参数包括：所述菜单的id，所述菜单所属的菜单组id，所述菜单所属的子应用id，以及所述菜单对应页面的路由路径；在获取到访问链接之后，解析出所述访问链接中携带的菜单参数；通过解析出的所述菜单参数中的路由路径进行对应页面的加载；并通过解析出的所述菜单参数中的菜单组id和子应用id，进行相应的菜单组和子应用的加载；并通过解析出的所述菜单参数中菜单的id，在加载出的菜单组中进行对应菜单的状态激活。2.根据权利要求1所述的基于微前端架构的页面加载方法，其特征在于，配置的所述菜单参数中还包括：所述菜单在所属的菜单组中的组内路径信息；相应的，在解析出所述访问链接中携带的菜单参数之后，还包括：通过解析出的所述菜单参数中的组内路径信息，将加载出的菜单组中符合所述组内路径信息的各个菜单项进行标记。3.根据权利要求1所述的基于微前端架构的页面加载方法，其特征在于，所述访问链接为用户通过点击菜单或者点击页面链接而生成的访问链接。4.根据权利要求1所述的基于微前端架构的页面加载方法，其特征在于，所述菜单参数还包括：所述菜单对应页面的操作权限信息；相应的，在通过解析出的所述菜单参数中的路由路径进行对应页面的加载之后，还包括：根据所述操作权限信息，对所述页面的各个操作标志进行显示控制，以使得所述页面中不满足所述操作权限信息的各个操作标志被隐藏。5.根据权利要求1所述的基于微前端架构的页面加载方法，其特征在于，各个菜单的菜单参数均存储在预设的数据库中；相应的，所述在主应用中配置各个菜单各自的菜单参数，包括：通过可视化操作页面，在主应用中配置各个菜单各自的菜单参数。6.根据权利要求1至5任一项所述的基于微前端架构的页面加载方法，其特征在于，在获取到访问链接之后，还包括：判断触发所述访问链接的用户是否具备针对所述访问链接的权限；如果否，则跳转至系统首页并且输出表示无权访问的提示信息；如果是，则执行所述解析出所述访问链接中携带的菜单参数的操作。7.根据权利要求6所述的基于微前端架构的页面加载方法，其特征在于，在加载出的菜单组中进行对应菜单的状态激活之后，还包括：根据触发所述访问链接的用户的权限信息，确定出预先设定的对应于所述权限信息的隐藏项信息；根据所述隐藏项信息，将加载出的所述菜单组中的相应的各项菜单进行隐藏。8.一种基于微前端架构的页面加载系统，其特征在于，包括：路由配置模块，用于在微前端架构的各个子应用中为所述子应用的各个页面建立一一对应的路由路径；菜单配置模块，用于在主应用中配置各个菜单各自的菜单参数；其中，所述菜单参数包
括：所述菜单的id，所述菜单所属的菜单组id，所述菜单所属的子应用id，以及所述菜单对应页面的路由路径；访问链接解析模块，用于在获取到访问链接之后，解析出所述访问链接中携带的菜单参数；执行模块，用于通过解析出的所述菜单参数中的路由路径进行对应页面的加载；并通过解析出的所述菜单参数中的菜单组id和子应用id，进行相应的菜单组和子应用的加载；并通过解析出的所述菜单参数中菜单的id，在加载出的菜单组中进行对应菜单的状态激活。9.一种基于微前端架构的页面加载设备，其特征在于，包括：存储器，用于存储计算机程序；处理器，用于执行所述计算机程序以实现如权利要求1至7任一项所述的基于微前端架构的页面加载方法的步骤。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的基于微前端架构的页面加载方法的步骤。

技术总结
本申请公开了一种基于微前端架构的页面加载方法，系统，设备及存储介质，该方法包括：在微前端架构的各个子应用中为子应用的各个页面建立一一对应的路由路径；在主应用中配置各个菜单各自的菜单参数；菜单参数包括：菜单ID，所属菜单组ID，所属子应用ID，对应页面路由路径；解析出访问链接中携带的菜单参数；通过解析出的菜单参数中的路由路径进行对应页面的加载；并通过解析出的菜单参数中的菜单组ID和子应用ID，进行相应的菜单组和子应用的加载；并通过解析出的菜单参数中菜单的ID，进行对应菜单的状态激活。应用本申请的方案，提升了系统的可维护性，能够支持同一组菜单中包含多个不同子应用的菜单的情况。多个不同子应用的菜单的情况。多个不同子应用的菜单的情况。


技术研发人员：许磊
受保护的技术使用者：济南浪潮数据技术有限公司
技术研发日：2021.09.10
技术公布日：2021/12/16