几个github上非常实用的java项目(springboot前后端分离)

本文精选了四个高质量的开源项目,包括微人事VHR、权限管理系统FEBS-Shiro、后台管理系统Eladmin及电商系统Mall,这些项目采用了如SpringBoot、Vue、ElementUI等现代技术框架,覆盖了人事管理、权限控制、后台管理和电子商务等多个业务场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.vhr(微人事)

技术框架:Spring Boot + vue + ElementUI + Spring Security + Redis + RabbitMQ
github:https://github.com/lenve/vhr
演示地址
效果图
在这里插入图片描述

2.febs-shiro(权限管理系统)

技术框架:Spring Boot + Layui+Shiro
github:https://github.com/wuyouzhuguli/FEBS-Shiro
演示地址:https://shiro.mrbird.cn:8080
效果图
在这里插入图片描述

3.eladmin(后台管系统,前后台分离)

技术框架:Spring Boot + vue + ElementUI + Spring Security + Redis + JWT
github:https://github.com/elunez/eladmin
演示地址:https://auauz.net/dashboard
效果图
在这里插入图片描述

4.6.mall(电商系统)

技术框架:Spring Boot + Vue + ElementUI + Spring Security + Redis + RabbitMQ+mongoDb
github:https://github.com/macrozheng/mall
演示地址:http://www.macrozheng.com/admin/
效果图
在这里插入图片描述

<think>好的,我需要帮用户寻找关于Spring Boot和Vue.js前后端分离项目的Git资源、项目结构示例和教程。首先,根据用户提供的引用内容,用户提到了几个GitHub仓库和教程,比如引用[2]和[3]提到的GitHub项目,以及引用[4]中的Vue CLI项目结构解析。 我应该先整理这些已有的资源,看看是否有相关的项目结构示例。比如,引用[2]和[3]提到的课程项目,可能已经包含了前后端分离的结构。需要确认这些仓库是否公开可用,用户可能已经访问过这些链接,但可能需要更详细的指导。 接下来,用户需要Git相关的资源,可能需要说明如何管理前后端代码的Git仓库结构。常见的有两种方式:单一仓库(monorepo)和开独立仓库。需要解释这两种方式的优缺点,并给出示例。 然后,项目结构示例部,需要别说明Spring Boot后端和Vue.js前端各自的目录结构。比如后端通常有src/main/java下的包结构,配置文件位置;前端可能有src目录下的components、router等。结合引用[4]中的Vue CLI结构,可以详细说明。 关于教程,用户提供的引用中有几个教程链接,比如引用[2]、[3]、[4],可以推荐这些,同时可能需要补充其他资源,如Baeldung或Spring官方指南,确保信息的全面性。 另外,用户可能对如何整合前后端、如何通过Git管理协作开发感兴趣。需要提及常见的实践,如API文档(Swagger)、跨域配置、部署配置等,这些在引用中的项目可能已经涉及,可以指出参考相关章节。 最后,确保回答结构清晰,点列出项目结构、Git管理、教程资源,并在末尾添加相关问题,帮助用户深入探索。同时,注意引用格式,在相关内容后添加对应的引用标识,如[^2][^3][^4]。</think>以下是为您整理的Spring Boot与Vue.js前后端分离项目的Git资源、项目结构说明及教程推荐: --- ### 一、Git仓库管理实践 1. **独立仓库模式**(主流方案) - 后端仓库:`spring-boot-backend`(含pom.xml/src/main/java) - 前端仓库:`vue3-frontend`(含package.json/src/components) - 优点:独立版本控制、部署灵活[^2] 2. **单一仓库模式**(Monorepo) 创建子目录别存放前后端代码: ```bash project-root/ ├── backend/ # Spring Boot项目 └── frontend/ # Vue CLI项目 ``` 通过.gitignore隔离构建产物[^3] --- ### 二、典型项目结构示例 #### Spring Boot后端结构 ```text src/main/java/ └── com.example ├── config # 跨域/Swagger等配置 ├── controller # REST API接口层 ├── service # 业务逻辑层 ├── mapper # MyBatis数据层 └── entity # 数据库实体类 resources/ ├── application.yml # 数据源配置[^1] └── mybatis/ # SQL映射文件 ``` #### Vue前端结构(基于Vue CLI) ```text src/ ├── api/ # Axios请求封装 ├── router/ # Vue Router配置 ├── store/ # Vuex状态管理 ├── views/ # 页面组件(员工增删改查) └── components/ # 可复用组件 public/ └── index.html # 入口HTML vue.config.js # 代理配置(解决跨域) ``` --- ### 三、推荐教程资源 1. **GitHub完整项目参考** - [课程管理系统](https://github.com/629y/course)(含MyBatis整合、SpringCloud搭建[^3]) - 特色:包含数据回显、增删改查完整流程 2. **视频教程配套代码** - [Vue3+Spring Boot知识库系统](https://github.com/tyour-org/wiki-system)(含部署配置) 3. **官方最佳实践** - Spring Boot REST API开发指南:[Building a RESTful Web Service](https://spring.io/guides/gs/rest-service/) - Vue CLI项目管理文档:[Vue CLI项目结构解析](https://cli.vuejs.org/zh/guide/#%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84)[^4] --- ### 四、关键集成点说明 1. **前后端联调** - 开发环境配置代理(vue.config.js): ```javascript devServer: { proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true } } } ``` - 生产环境Nginx反向代理配置 2. **Git协作建议** - 使用`.gitignore`过滤`node_modules/`, `target/`等构建产物 - 推荐支策略:`dev-backend`/`dev-frontend`特性支合并到`main` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值