# springboot3.0+spring security6+vue3 前后分离

**Repository Path**: yangdakai1/store

## Basic Information

- **Project Name**: springboot3.0+spring security6+vue3 前后分离
- **Description**: springboot3.0+spring security6+vue3 前后分离
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-03-21
- **Last Updated**: 2024-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 介绍
springboot3.0+spring security6+vue3 前后分离


数据库脚本在sp/src/main/resources/sql/sp.sql

springboot3.0 使用的jdk版本是17

项目目录

![输入图片说明](image1702994220201.png)



前端启动项目之前先 安装全局的插件
npm install 
启动命令 
npm run dev
![输入图片说明](image1702994299307.png)


浏览器访问
http://localhost:5173/#/login
![输入图片说明](image1702994346376.png)


用户管理
可以添加用户,分配角色 按钮都是根据权限动态展示
![输入图片说明](image1702994375342.png)

分配角色
![输入图片说明](image1image222.png)


角色管理
![输入图片说明](image1image3333.png)

分配权限
如果是只选择按钮 那么父级菜单也会显示  如果按钮都不选择 那么不能访问这个菜单
![输入图片说明](image1image4444.png)

权限管理
一级菜单可以添加二级菜单    二级菜单可以添加按钮  按钮只能修改和删除
![输入图片说明](image1image77777.png)

退出登录后 用户信息清空 跳转到登录界面

路径输入错误会自动进入404

![输入图片说明](image1image5464.png)

路径没有权限访问的时候  会显示无权限
![输入图片说明](image1image1231232131.png)