基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的后台管理前端模板
简洁易用:基于 vue-element-admin 升级的 Vue3 版本
数据交互:同时支持本地 Mock
和线上接口,配套 Java 后端源码和在线接口文档。
权限管理:用户、角色、菜单、字典、部门等完善的权限系统功能。
基础设施:动态路由、按钮权限、代码规范、Git 提交规范、常用组件封装。
建议前后端分开启动
环境:Node ≥18
# 克隆代码
git clone https://github.com/Javahhhh/boot-_vue_coreadmin.git
# 切换目录
cd vue3-element-admin
# 安装 pnpm
npm install pnpm -g
# 安装依赖
pnpm install
# 启动运行
pnpm run dev
修改 .env.development
文件中的 VITE_APP_API_URL
的值,将其从 http://vapi.youlai.tech 更改为 http://localhost:8989。
基于 JDK 17、Spring Boot 3、Spring Security 、JWT、Redis、Mybatis-Plus、Knife4j、Vue 3、Element-Plus 构建的前后端分离单体权限管理系统。
- 🚀 开发框架: 使用 Spring Boot 3 和 Vue 3,以及 Element-Plus 等主流技术栈。
- 🔐 安全认证: 结合 Spring Security 和 JWT 提供安全、无状态、分布式友好的身份验证和授权机制。
- 🔑 权限管理: 基于 RBAC 模型,实现细粒度的权限控制,涵盖接口方法和按钮级别。
- 🛠️ 功能模块: 包括用户管理、角色管理、菜单管理、部门管理、字典管理等多个功能。
knife4j
接口文档:http://localhost:8989/doc.htmlswagger
接口文档:http://localhost:8989/swagger-ui/index.htmlapifox
在线接口文档:https://www.apifox.cn/apidoc
-
数据库初始化
执行 youlai_boot.sql 脚本完成数据库创建、表结构和基础数据的初始化。
-
修改配置
application-dev.yml 修改MySQL、Redis连接配置;
-
启动项目
执行 SystemApplication.java 的 main 方法完成后端项目启动;
访问接口文档地址 http://ip:port/doc.html 验证项目启动是否成功。