OAuth2.0+Vue3+TS与Shiro+Springboot实战
OAuth2.0+Vue3+TS与Shiro+Springboot实战
课程介绍
前后端分离脚手架搭建
登录模块设计与实现
- 账号登录接口设计与实现
- 前端账号登录界面设计
- 前端自定义logo组件
- 前端账号登录表单校验
- Axios 安装与配置
- TypeScript泛型封装axios请求，智能提示响应类型
- 前端如何解决跨域问题
- 后端如何解决跨域问题
- Pinia 安装与配置
- 使用pinia保存用户登录状态
- pinia 状态信息持久化
- 图文验证码接口设计与实现
- 前端封装图文验证码组件与后端接口对接
- 账号登录接口接入图文验证码校验
- 前端账号登录界面添加图文验证码组件
- OTP验证码账号设置
- OTP验证码项目配置
- 设计模式实现OTP验证码接口设计与实现
- 后端自定义枚举类型校验器
- 限制一分钟只能发送一次手机短信
- 手机短信登录接口设计与实现
- 短信登录界面设计与验证码倒计时实现
- 修复限制1分钟发送-次otp验证码bug
- 前端封装安全组件实现验证码防刷功能
- 短信登录表单校验与后端接口对接
- 放开发送短信逻辑代码注释
Layout模块设计与实现
- Layout基本布局
- 前端路由安全守卫配置
- 添加路由跳转-Progress
- main组件布局
- 后端通用树泛型类封装
- 获取用户所有菜单数据接口设计与实现-mock版
- layout布局-初始化项目基础数据
- Iayout布局-左侧菜单栏实现以及菜单支持无线层级展示
- layout布局-navbar导航实现实现菜单收缩展开动画
- layout布局-动态路由实现
- layout布局-页面刷新自动高亮菜单
- layout布局-tab导航实现
- layout布局-navbar实现面包屑导航
- layout布局-navbar实现个人中心导航
- 登出接口设计与实现
- layout布局-登出界面设计与登出接口对接
- axios请求拦截器统一添加业务jwt
shiro+jwt实现项目级前后端分离认证授权
菜单权限管理
- 菜单管理列表接口设计与实现
- 前端菜单管理界面的设计与接口对接
- vite-plugin-svg-icons安装与配置
- 前端封装 svg-icon 组件封装展示外部 svg
- 新增菜单权限接口设计与实现
- 优化新增菜单接口逻辑
- 菜单选项树接口设计与实现
- 菜单选项树接口-支持默认根节点扩展
- 菜单选项树接口-支持按钮数据扩展
- 菜单选项树接口-支持排除子级菜单数据扩展
- svg图标选择器封装
- svg图标选择器回显
- 前端新增菜单界面设计
- 前端新增菜单表单校验与接口对接
- OAuth2.0+Vue3+TS 与 Shiro菜单列表收缩展开
- OAuth2.0+Vue3+TS 与 Shir菜单栏导航列表接口优化:实现数据库真实数据的查询与展示
- OAuth2.0+Vue3+TS 与 Shirovue3菜单路由KeepAlive缓存
- OAuth2.0+Vue3+TS 与 Shiro修改图标类型属性声明
- OAuth2.0+Vue3+TS 与 Shiro在vue3项目中如何内嵌iframe
- OAuth2.0+Vue3+TS 与 Shiro iframe菜单刷新页面的时候菜单高亮错乱
- OAuth2.0+Vue3+TS 与 Shiro初始化tab导航数据以及支持菜单跳转外部系统
- OAuth2.0+Vue3+TS 与 Shiro菜单详情接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端对接菜单详情接口回显数据
- OAuth2.0+Vue3+TS 与 Shiro编辑菜单接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端对接编辑菜单接口实现菜单编辑
- OAuth2.0+Vue3+TS 与 Shiro删除菜单接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端删除菜单界面设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro菜单列表工具栏新增菜单实现
- OAuth2.0+Vue3+TS 与 Shiro处理控制台警告问题
操作日志管理
- OAuth2.0+Vue3+TS 与 Shiro SpringAOP实现操作日志记录需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro SpringAOP实现操作日志记录编码实现
- OAuth2.0+Vue3+TS 与 Shiro分页查询操作日需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro分页查询操作日志后端接口设计
- OAuth2.0+Vue3+TS 与 Shiro前端分页查询操作日志UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro前端操作日志详情设计
- OAuth2.0+Vue3+TS 与 Shiro操作日志删除需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro操作日志删除接口设计
- OAuth2.0+Vue3+TS 与 Shiro前端操作日志删UI除设计与接口对接
角色管理
- OAuth2.0+Vue3+TS 与 Shiro分页查询角色需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端分页查询角色接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端分页查询角色UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro新增角色需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端新增角色接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端新增角色UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro编辑角色需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端角色详情接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro后端编辑角色角色设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端编辑UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro删除角色需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端删除角色接口设计与实现
- OAuth2.0+Vue3+TS 与 ShiroOAuth2.0+Vue3+TS 与 Shiro实战
- OAuth2.0+Vue3+TS 与 Shiro后端查询角色已授权菜单权限详情接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro后端查询角色已授权菜单接口优化
- OAuth2.0+Vue3+TS 与 Shiro后端角色授权菜单接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端角色授权UI设计与接口对接
部门管理
- OAuth2.0+Vue3+TS 与 Shiro部门列表需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端部门列表接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端部门列表UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro新增部门需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端部门选项树接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro后端新增部门接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端新增部门UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro后端部门详情接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro后端部门剪辑接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端编辑部门UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro后端删除部门接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端删除部门UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro前端部门列表择叠与展开
用户管理
- OAuth2.0+Vue3+TS 与 Shiro分页查询用户需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端分页查询用户接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端用户分页查询UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro新增用户需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端新增用户接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro后端角色列表接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端新增用户UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro后端用户详情接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro后端编辑用户接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端编辑用户UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro删除用户需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端删除用户接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端删除用户UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro重置密码需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro后端用户列表重置密码接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端用户列表重置密码UI设计与接口对接
按钮级权限控制
个人中心管理
- OAuth2.0+Vue3+TS 与 Shiro个人基本资料需求分析
- OAuth2.0+Vue3+TS 与 Shiro查询用户基本资料接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro监听登录成功发布事件异步实现登录详情信息记录
- OAuth2.0+Vue3+TS 与 Shiro前端个人中心UI布局与接口对接
- OAuth2.0+Vue3+TS 与 Shiro头像更新需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro上传头像接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端上传头像组件封装与接口对接
- OAuth2.0+Vue3+TS 与 Shiro个人资料更新需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro更新用户基本信息接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端个人基本资料UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro手机号绑定与换绑需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro手机号绑定接口设计
- OAuth2.0+Vue3+TS 与 Shiro账号换绑凭证接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro手机号换绑接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端账号设置UI设计
- OAuth2.0+Vue3+TS 与 Shiro前端账号换绑安全校验UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro邮箱绑定与换绑需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro发送邮箱验证码
- OAuth2.0+Vue3+TS 与 Shiro邮箱换绑接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端邮箱绑定UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro前端邮箱换绑UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro更新密码需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro个人中心密码更新接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro前端个人中心修改密码U设计与接口对接
OAuth2.0实战
- OAuth2.0+Vue3+TS 与 Shiro什么是OAuth2.0
- OAuth2.0+Vue3+TS 与 Shiro实战OAuth2.0在项目中如何应用
- OAuth2.0+Vue3+TS 与 Shiro实战OAuth2.0授权码模式接口调用流程
- OAuth2.0+Vue3+TS 与 Shiro实战OAuth2.0如何防止CSRF
- OAuth2.0+Vue3+TS 与 Shiro实战Msl-Admin三方社交账号登录流程分析
- OAuth2.0+Vue3+TS 与 Shiro实战三方渠道集成与配置
- OAuth2.0+Vue3+TS 与 Shiro实战后端三方渠道列表接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战前端渠道列表UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战新增渠道需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战新增渠道接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战前端新增渠道U设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战编辑渠道需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战渠道详情接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战编辑渠道接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战前端渠道编辑UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战渠道删除需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战渠道删除接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战渠道删除UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战三方社交账号授权登录需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战后端查询已配置渠道列表接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战SpringCache缓存热点数据
- OAuth2.0+Vue3+TS 与 Shiro实战后端清空渠道列表缓存接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战JustAuth简介
- OAuth2.0+Vue3+TS 与 Shiro实战两种设计模式教你替代if-else
- OAuth2.0+Vue3+TS 与 Shiro实战后端获取三方授权登录页重定向URL接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战后端授权成功回调接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战后端账号登录绑定接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战后端短信登录绑定接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战绑定事件发布与监听
- OAuth2.0+Vue3+TS 与 Shiro实战前端三方登录组件UI设计
- OAuth2.0+Vue3+TS 与 Shiro实战重定向到三方平台授权登录页
- OAuth2.0+Vue3+TS 与 Shiro实战前端三方登录授权成功回调组件封装
- OAuth2.0+Vue3+TS 与 Shiro实战前端三方社交账号绑定系统用户UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战前端渠道列表清空缓存U设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战三方账号绑定列表需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战三方账号绑定列表接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战前端三方账号列表UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战三方账号解绑用户需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战三方账号解绑用户接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战前端三方账号解绑用户UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战修改绑定记录状态问题
- OAuth2.0+Vue3+TS 与 Shiro实战三方账号绑定历史记录列表需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战后端绑定历史记录接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战前端绑定历史记录UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方账号绑定列表需求分析与实现
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方账号绑定列表接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心前端三方账号绑定列表U设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方社交账号绑定需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方社交账号绑定接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方社交账号绑定U1设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方社交账号解绑需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心解绑三方社交账号接口设计与实现
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方账号解绑UI设计与接口对接
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方账号绑定历史记录需求分析与设计
- OAuth2.0+Vue3+TS 与 Shiro实战个人中心三方账号绑定历史记录接口设计与实现
- OAuth2.0+Vue3+TS 与 Shir前端个人中心三方设交账号绑定历史记录UI设计与接口对接
课程配套
提交答案
视频学习中有任何产品建议都可由此反
馈，我们将及时处理！
馈，我们将及时处理！
课时介绍
OAuth2.0+Vue3+TS 与 Shiro实战vue3菜单路由KeepAlive缓存
课程介绍
课程介绍
课程技术栈
前端技术栈
vue3、Vite、TypeScript、Axios、Element Plus、vue-router、pinia、vue-cropper、pinia-plugin-persistedstate、动态路由、动态菜单
后端技术栈
Springboot2.7、shiro、Mybatis plus、redis、JustAuth、RBAC、Apifox、OAuth2.0
课程章节
第一章：前后端分离脚手架搭建
第二章：登录模块设计与实现
第三章：Layout模块设计与实现
第四章：shiro权限管理实战
第五章：菜单管理
第六章：操作日志管理
第七章：角色管理
第八章：部门管理
第九章：用户管理
第十章：按钮级权限控制
第十一章：个人中心管理
第十二章：OAuth2.0实战
课程亮点
2024年全新录制、动态菜单、动态路由、163邮箱验证码、阿里短信验证码、验证码防刷安全组件封装、OAuth2.0实战、RBAC权限管理
推荐课程
信息系统项目管理师自考笔记
李明 · 512人在学
python从0到1：期货量化交易系统（CTP实战，高频及合成K线数据
王先生 · 20576人在学
手把手搭建Java超市管理系统【附源码】（毕设）
汤小洋 · 4047人在学
Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教
黄菊华 · 731人在学
基于SSM酒店管理系统（毕设）
小尼老师 · 785人在学
java项目实战之购物商城（java毕业设计）
Long · 5073人在学
手把手搭建Java求职招聘系统【附源码】（毕设）
汤小洋 · 1457人在学
Python Django 深度学习 小程序
钟翔 · 2234人在学
城管局门前三包管理系统+微信小程序（vue+springboot）
赖国荣 · 496人在学
Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序
李杰 · 3843人在学