littlebot
Published on 2025-04-16 / 2 Visits
0

【源码】基于Spring Boot和Vue的前后端分离后台管理系统

项目简介

本项目是基于Spring Boot和Vue的前后端分离后台管理系统,目标是打造一个高效、易用的管理平台。后端运用Spring Boot框架,前端采用Vue框架,同时结合Spring Security、MyBatis Plus、JWT等技术,实现了用户认证、权限管理、菜单管理等功能。

项目的主要特性和功能

后端功能

  1. 用户管理:支持用户注册、登录、密码修改及权限管理;可进行用户信息的增删改查;能分配用户角色和控制权限。
  2. 角色管理:可创建、删除、更新角色;能分配和管理角色权限。
  3. 菜单管理:支持菜单的创建、删除、更新;可分配和管理菜单权限;能动态生成用户导航菜单。
  4. 权限管理:基于角色进行权限控制;可动态刷新和缓存用户权限。
  5. JWT认证:使用JWT进行用户认证和授权,支持Token的生成、解析和验证。
  6. 验证码:登录时使用验证码进行安全验证。

前端功能

  1. 用户界面:提供用户登录、注册、个人信息管理功能;可动态生成用户导航菜单。
  2. 权限控制:根据用户权限动态显示菜单和功能。
  3. 数据展示:展示和操作用户、角色、菜单等数据。

安装使用步骤

后端安装

  1. 复制项目:(此处原文未提供命令,需补充复制项目的实际命令)
  2. 导入项目:使用IDE(如IntelliJ IDEA或Eclipse)导入项目,确保已安装Maven并配置好Maven环境。
  3. 配置数据库:在application.yml文件中配置数据库连接信息,运行SQL脚本创建数据库表。
  4. 运行项目:在IDE中运行VueadminJavaApplication启动类,或者使用Maven命令mvn spring-boot:run启动。

前端安装

  1. 进入前端目录bash cd VueAdmin-vue
  2. 安装依赖bash npm install
  3. 运行项目bash npm run serve
  4. 访问项目:打开浏览器,访问http://localhost:8080

配置

  • JWT配置:在application.yml中配置JWT的过期时间和密钥。
  • Redis配置:在application.yml中配置Redis连接信息。

使用

  1. 用户登录:使用管理员账号(默认账号:admin,密码:888888)登录系统。
  2. 用户管理:添加、删除、修改用户信息,为用户分配角色和权限。
  3. 角色管理:创建、删除、修改角色,为角色分配菜单和权限。
  4. 菜单管理:创建、删除、修改菜单,为菜单分配权限。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】