一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板


Waiter-Security

一款基础权限系统

项目简介

一个基于 Spring Boot 2.4.0 、 Mybatis-plus、 JWT、Spring Security、Redis、Vue的前后端分离的基础权限系统项目截图

项目源码
后端源码 前端源码
github https://github.com/waiterxiaoyy/waiter-sercurity-java-admin https://github.com/waiterxiaoyy/waiter-security-vue-web
码云 https://gitee.com/waiterxiaoyy/waiter-security-vue-admin https://gitee.com/waiterxiaoyy/waiter-security-vue-web
主要特性
  • 使用最新技术栈,社区资源丰富
  • 支持接口级别的功能权限与数据权限,可自定义操作
  • 前后端统一异常拦截处理,统一输出异常,避免繁琐的判断
  • 完善的登录逻辑、授权逻辑、用户管理、菜单管理、角色管理,可作为后台管理系统的基础模块
系统功能
  • 用户管理:获取用户表单,为用户分配角色,新增用户后,默认密码为888888
  • 角色管理:对权限与菜单进行分配
  • 菜单管理:已实现菜单动态路由
  • 登录鉴权:使用Spring Security + jwt +kaptcha实现登录认证,权限认证
项目结构
|-- 后端项目
    |-- java
    |   |-- com
    |       |-- waiterxiaoyy
    |           |-- common // 公共组件
    |           |   |-- dto
    |           |   |-- exception // 统一异常处理
    |           |   |-- lang // 定义统一数据格式
    |           |-- config // 配置类
    |           |-- controller // 控制器
    |           |-- entity // 实体类
    |           |-- mapper
    |           |-- security // 安全处理,包括jwt鉴定,权限处理,拦截器
    |           |-- service // 业务处理层
    |           |-- utils // 工具类
    |-- resources
        |-- application.yml // 全局配置
        |-- mapper
|-- 前端项目
    |-- package-lock.json
    |-- package.json
    |-- vue.config.js
    |-- src
        |-- App.vue
        |-- axios.js // 统一request设置
        |-- globalFun.js // 全局方法
        |-- main.js
        |-- mock.js // 前端假数据
        |-- settings.js
        |-- assets
        |   |-- logo.png
        |   |-- css
        |   |-- icons
        |   |-- img
        |-- components
        |   |-- common // header、bar等处理,已实现标签页
        |   |-- page
        |   |-- SvgIcon
        |   |-- user
        |-- router // 已实现动态路由
        |-- store
        |-- utils
        |-- views // 页面存放
项目启动
前端项目 后端项目
git clone项目到本地 git clone项目到本地
使用idea或者vscode打开项目 使用idea打开项目
打开终端,执行:npm install 执行maven引入,在数据库管理平台引入数据库vueadmin,启动redis
install完成后,执行:npm run dev 在application.yml中修改数据库账号和密码
启动成功后,访问:http://localhost:8080 启动项目,接口前缀:http://localhost:8081

注意:后台项目需要引入redis、Lombok插件

这里提供一些基础教程供刚入门的同学

1、JDK:1.8+
安装教程:https://www.runoob.com/java/java-environment-setup.html
2、Redis 3.0+
安装教程:https://www.runoob.com/redis/redis-install.html
3、Maven 3.0+
安装教程:https://www.runoob.com/maven/maven-setup.html
4、MYSQL 5.7
安装教程:https://www.runoob.com/mysql/mysql-install.html
5、Node v10+ (最好使用 12,高版本可能会有问题)
安装教程:https://www.runoob.com/nodejs/nodejs-install-setup.html

项目截图

部分截图

一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第1张图片 一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第2张图片
一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第3张图片 一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第4张图片
一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第5张图片 一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第6张图片
一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第7张图片 一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统,可用于管理后台模板_第8张图片

你可能感兴趣的:(技术博客,学习笔记,vue.js,spring,boot,前端,java)