系统演示视频
商品详情
本项目是一个基于 SpringBoot3 + Vue3 的前后端分离动态菜单管理系统。系统通过用户、权限、菜单三层结构实现动态菜单权限控制:用户绑定一个权限,权限绑定若干菜单,用户登录后系统根据其权限动态渲染左侧/顶部导航菜单。
1. 数据库初始化
mysql -u root -pabc123 < database.sql或在 MySQL 客户端中执行 database.sql 脚本(脚本会自动创建数据库和测试数据)。
2. 后端启动
cd backend mvn spring-boot:runhttp://localhost:8088/apiJDK 版本要求:17
3. 前端启动
cd frontend npm install npm run dev
启动后访问:
http://localhost:5173前端通过 Vite 代理将
/api转发到后端http://localhost:8088
技术栈
| 层次 | 技术 |
|---|---|
| 后端 | SpringBoot 3.2.5、MyBatis、Lombok、JDK 17 |
| 前端 | Vue 3、Vue Router 4、Element Plus、ECharts、Axios、Pinia |
| 数据库 | MySQL 8.0 |
| 构建工具 | Maven(后端)、Vite 5(前端) |