项目源码|youlai-boot 有来权限管理系统|Vue3 + Spring Boot · 截图+源码

项目源码|youlai-boot 有来权限管理系统|Vue3 + Spring Boot · 截图+源码-远影归灯
项目源码|youlai-boot 有来权限管理系统|Vue3 + Spring Boot · 截图+源码
登录并消耗 60 积分即可下载完整脱敏源码包(含 SQL / 配置说明)。每日签到可免费领取积分。
60积分
技术栈Spring Boot 4 + Vue3 + MyBatis-Plus + Redis + MySQL + JWT
文件大小15.4 MB
获取方式积分兑换(签到免费领)
所需积分60 积分
付费资源

这次跑的是开源项目 youlai-boot(有来权限管理系统):后端 youlai-boot 采用 Apache-2.0 协议,配套前端 vue3-element-admin 采用 MIT 协议。后端基于 Java 17 + Spring Boot 4 + Spring Security + JWT + MyBatis-Plus + Redis,前端是 Vue 3 + Vite + TypeScript + Element Plus + Pinia + UnoCSS。内置用户 / 角色 / 菜单 / 部门 / 字典 / 系统配置 / 通知公告 / 操作日志、代码生成和数据大屏,是一套技术栈很新的前后端分离 RBAC 后台脚手架,适合学习 Spring Boot 新版本和 Vue 3 组合式写法,也适合直接作为课设或二次开发底座。

项目信息

  • 项目名称:youlai-boot 权限管理系统(前端 vue3-element-admin)
  • 上游仓库:后端 https://github.com/youlaitech/youlai-boot ;前端 https://github.com/youlaitech/vue3-element-admin
  • 授权协议:后端 Apache-2.0,前端 MIT
  • 后端技术:Java 17+、Spring Boot 4.0、Spring Security、JWT、MyBatis-Plus、Redis、MySQL、Druid、Knife4j / SpringDoc、WebSocket
  • 前端技术:Vue 3、Vite、TypeScript、Element Plus、Pinia、Vue Router、UnoCSS、ECharts
  • 本地运行:后端 8000 端口,前端 3000 端口(均绑定 127.0.0.1)
  • 测试账号:admin / 123456(算术验证码)

运行记录

本地使用 Docker 启动 MySQL 8 与 Redis 7(仅监听 127.0.0.1),导入项目自带的 sql/mysql/youlai_admin.sql;后端用 Maven(JDK 21)执行 mvn -DskipTests package 打包,再以 --spring.profiles.active=dev --server.address=127.0.0.1 启动,未部署 MinIO 时把文件存储切换为本地(--oss.type=local)。前端用 Node 22 + pnpm 安装依赖,修改 .env.development 中的 VITE_PROXY_TARGET=http://localhost:8000 后执行 pnpm dev。登录后逐一截取了首页仪表盘、用户 / 角色 / 菜单 / 部门、字典、系统日志、通知公告、代码生成和数据大屏等页面。

源码包已去除 node_modules、target、.git、IDE 配置、部署脚本和运行日志,配置中的远程数据库 / Redis 主机、短信与邮件密钥、JWT 密钥均替换为本地地址或占位符,保留 SQL 与前后端完整源码,并附带 RUN-DEMO.md 说明。

源码下载:本篇完整源码包(springboot-youlai-boot.zip,约 15.4 MB)支持积分兑换。登录后每日签到即可免费领积分,请通过本文顶部 「付费资源」下载卡片 直接兑换获取。

运行截图

登录页

youlai-boot 登录页

首页仪表盘

youlai-boot 首页仪表盘

用户管理

用户管理

角色管理(功能权限分配)

角色管理

菜单管理

菜单管理

部门管理

部门管理

字典管理

字典管理

系统日志

系统日志

通知公告

通知公告

代码生成

代码生成

数据大屏

数据大屏

小结

youlai-boot 的亮点是“新”:Spring Boot 4 + Java 17、Vue 3 + Vite + TypeScript,权限模型(菜单 / 按钮 / 数据权限)、字典、日志、通知和代码生成都已打通,前端还自带数据大屏和大量组件封装示例。相比 Vue 2 时代的老后台,它更适合用来学习新版本生态;二次开发前建议裁掉不需要的演示菜单,并替换 JWT 密钥等默认配置。本站提供的是脱敏后的完整源码包,方便本地复现截图中的界面。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容