CrazyAirhead

疯狂的傻瓜,傻瓜也疯狂——傻方能执著,疯狂才专注!

0%

微前端

之前看到京东微前端框架 MicroApp 的时候,就觉得这个东西挺有意思的,可以和后端的微服务,或者插件系统对接起来用。

MicroApp 官网是这么介绍微前端的(https://jd-opensource.github.io/micro-app/docs.html#/)

微前端的概念是由 ThoughtWorks 在2016年提出的,它借鉴了微服务的架构理念,核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用,每个应用都可以独立开发、独立运行、独立部署,再将这些小型应用融合为一个完整的应用,或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一,又可以减少项目之间的耦合,提升项目扩展性,相比一整块的前端仓库,微前端架构下的前端仓库倾向于更小更灵活。
它主要解决了两个问题:
1、随着项目迭代应用越来越庞大,难以维护。
2、跨团队或跨部门协作开发项目导致效率低下的问题。

虽然也尝试过几次,但效果都不理想,毕竟自己不会前端,很多布局类的东西就弄不出来,于是就没再搞了。这次让 AI 重新设计的时候,他是这么回答的,我感觉有戏了。

![image-20260404221920910](/Users/airhead/Library/Application Support/typora-user-images/image-20260404221920910.png)

于是让他不停的改,在耗光一周的 Token 限额的时候,总算有想要的效果了。主应用和子应用都是基于 Soybean Admin 进行修改的。

  • 主应用

![image-20260404222447210](/Users/airhead/Library/Application Support/typora-user-images/image-20260404222447210.png)

  • 子应用模板

![image-20260404222544000](/Users/airhead/Library/Application Support/typora-user-images/image-20260404222544000.png)

  • 系统管理

![image-20260404222624817](/Users/airhead/Library/Application Support/typora-user-images/image-20260404222624817.png)

欢迎关注我的其它发布渠道