所有源码均已上传github，欢迎各位star哈

介绍

包含前后端整套解决方案的企业级基础通用平台及组件

前端
- 基于 qiankun 实现的微前端基础方案
- 主应用(main-project)基于Vue3.0+Element-plus
- 子应用1(zp-project)基于Vue2+Element
- 子应用2(pricefile-project)基于React18+Antd4+React-router6
  - 子应用2中包含两个项目：通过路由切换
    - 猜价攻略（/price）默认进这个路由
    - 享到（/file）
后端
- 基于Spring boot2.7.5，划分多module
- 基础组件包含多种常用组件配置及工具类，所有组件均可插拔
  - 组件类
    - 登录校验：采用JWT，适配多端登录
    - 日志：提供多种配置项，日志异步发送平台端入库
    - 初始化：提供基础初始化实现，业务系统继承基础类即可完成初始化操作
    - WebSocket：封装WebSocket配置及实现，提供发送消息和接收消息工具类
    - 定时任务：集成xxl-job，提供配置项初始化
    - LogBack：添加traceId和requestUrl，便于日志跟踪
    - 异常封装拦截
    - …
  - 工具类
    - RestHelper：封装RestTemplate，提供多种配置项
    - MinioHelper：封装minio实现
    - MsgPushHelper：集成PushPlus，封装消息推送逻辑
    - …
- 通用平台提供基础功能，业务系统只需关注业务逻辑，提高生产力
  - 登录注册、用户信息更新
  - Token刷新
  - 文件上传、下载、缩略图预览、删除
  - 日志记录
  - 消息推送回调
  - …

项目模块结构

backend：后端源码文件夹
- zlp-base-component：基础组件包，封装常用组件，集成多种工具类
  - autoconfig：自动配置相关类
  - config：按照内部包名存放配置信息
  - property：配置项包
  - util：工具类包
- zlp-base-entity：基础实体模块
- zlp-platform：通用平台，需单独部署
frontend：前端源码文件夹

如何使用

后端

引入基于github的个人maven仓库

<repositories><repository><id>mvn-repo</id><!-- https://raw.github.com/用户名/仓库名/分支名 --><url>https://raw.github.com/Nagisazz/mvn-repo/main</url><snapshots><enabled>true</enabled><updatePolicy>always</updatePolicy></snapshots></repository>
</repositories>

启动通用平台

直接打包zlp-platform，运行即可

业务项目集成组件

定义parent

<parent><groupId>com.nagisazz</groupId><artifactId>zlp-base</artifactId><version>1.0-SNAPSHOT</version>
</parent>

引入基础组件

<dependency><groupId>com.nagisazz</groupId><artifactId>zlp-base-component</artifactId><version>${project.version}</version>
</dependency>

基于乾坤的微前端+SpringBoot2.7整套解决方案的基础通用平台及组件相关推荐

基于 qiankun 的微前端实践
前言微前端(Micro-Frontends)是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用. 微前端并不是前端领域的 ...
jsp给前端注入值失败_基于 qiankun 的微前端最佳实践（图文并茂）应用间通信篇...
引言大家好~ 本文是基于 qiankun 的微前端最佳实践系列文章之应用间通信篇,本文将分享在 qiankun 中如何进行应用间通信. 在开始介绍 qiankun 的应用通信之前,我们需要先了解微 ...
微前端应用及基于qiankun的微前端实践
示例代码仓库: yl-qiankun-base:https://gitee.com/dongche/yl-qiankun-base.git yl-qiankun-child-vue:https://g ...
基于qiankun的微前端最佳实践 -（同时加载多个微应用）
介绍 qiankun 在正式介绍 qiankun 之前,我们需要知道,qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单.无痛的构建一个生产可用微前端架构系统. 微 ...
基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇
写在开头微前端系列文章: 基于 qiankun 的微前端最佳实践(万字长文) - 从 0 到 1 篇基于 qiankun 的微前端最佳实践(图文并茂) - 应用间通信篇万字长文+图文并茂+全面解 ...
基于Vue实现微前端
基于Vue实现微前端前言痛点方案 iframe嵌入原生html嵌入模块化嵌入前端微服务化一直是前端社区的一个热门话题,早在2018年就有不少开发者提出过各种解决方案.或许是未得精髓, ...
基于 iframe 的微前端框架 —— 擎天
vivo 互联网前端团队- Jiang Zuohan 一.背景 VAPD是一款专为团队协作办公场景设计的项目管理工具,实践敏捷开发与持续交付,以「项目」为核心,融合需求.任务.缺陷等应用,使用敏捷迭代 ...
爱奇艺基于 Vue 的微前端架构实践
点击上方"开发者技术前线",选择"星标" 18:50 在看真爱来自:爱奇艺技术产品团队前言近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是 ...
基于 qiankun 的微前端应用实践
业务背景云音乐广告 Dsp(需求方平台)平台分为合约平台(Vue 框架)和竞价平台(React 框架),因历史原因框架选型未能统一,最近来了新需求,需要同时在两个平台增加一样的模块,因为都是 Dsp ...

基于乾坤的微前端+SpringBoot2.7整套解决方案的基础通用平台及组件

介绍

项目模块结构

如何使用

后端

引入基于github的个人maven仓库

启动通用平台

业务项目集成组件

基于乾坤的微前端+SpringBoot2.7整套解决方案的基础通用平台及组件相关推荐

最新文章

热门文章