掌握前后端分离项目从0到1开发，掌握动态路由、动态菜单、OAuth2.0授权协议、shiro框架

*   01 课程介绍/

  *   01 课程介绍.mp4 (16.53 MB), 08:10

  *   02 项目功能展示.mp4 (28.50 MB), 09:47

*   02 前后端分离脚手架搭建/

  *   01 vite 创建vue3+TypeScript项目.mp4 (53.94 MB), 10:08

  *   02 Element plus 安装与配置.mp4 (19.60 MB), 03:38

  *   03 Vue Router4 安装与配置.mp4 (69.56 MB), 14:29

  *   04 配置系统路径别名和VSCode路径提示.mp4 (29.96 MB), 06:01

  *   05 sass安装与全局变量配置.mp4 (19.38 MB), 03:28

  *   06 项目中使用scss全局变量.mp4 (25.55 MB), 05:15

  *   07 环境变量和模式.mp4 (83.66 MB), 16:51

  *   08 Spring Initializr创建干净的项目.mp4 (31.31 MB), 06:43

  *   09 后端项目配置.mp4 (107.34 MB), 27:49

  *   10 前后端分离项目定义统一的响应格式.mp4 (61.01 MB), 12:14

  *   11 SpringBoot项目全局异常监控实现.mp4 (121.74 MB), 22:20

  *   12 Mybatis plus 字段自动填充.mp4 (40.62 MB), 06:36

  *   13 Mybatis Plus 分页封装与分页安全.mp4 (98.74 MB), 19:14

  *   14 前后端分离登录认证流程.mp4 (10.51 MB), 02:54

  *   15 10 分钟掌握JWT.mp4 (42.48 MB), 07:50

  *   16 JWT集成与工具类封装.mp4 (65.14 MB), 11:35

  *   17 18.过滤器详解.mp4 (57.90 MB), 10:49

*   03 登录模块设计与实现/

  *   01 账号登录接口设计与实现.mp4 (184.71 MB), 34:46

  *   02 前端账号登录界面设计.mp4 (118.21 MB), 20:00

  *   03 前端自定义logo组件.mp4 (102.32 MB), 18:34

  *   04 前端账号登录表单校验.mp4 (85.91 MB), 14:21

  *   05 Axios 安装与配置.mp4 (49.48 MB), 09:13

  *   06 TypeScript泛型封装axios请求，智能提示响应类型.mp4 (102.37 MB), 16:44

  *   07 前端如何解决跨域问题.mp4 (34.49 MB), 06:19

  *   08 后端如何解决跨域问题.mp4 (55.45 MB), 09:46

  *   09 Pinia 安装与配置.mp4 (13.83 MB), 02:19

  *   10 使用pinia保存用户登录状态.mp4 (64.68 MB), 11:03

  *   11 pinia 状态信息持久化.mp4 (39.41 MB), 07:13

  *   12 图文验证码接口设计与实现.mp4 (108.04 MB), 18:34

  *   13 前端封装图文验证码组件与后端接口对接.mp4 (158.22 MB), 28:12

  *   14 账号登录接口接入图文验证码校验.mp4 (76.15 MB), 13:46

  *   15 前端账号登录界面添加图文验证码组件.mp4 (135.04 MB), 23:07

  *   16 OTP验证码账号设置.mp4 (33.06 MB), 05:47

  *   17 OTP验证码项目配置.mp4 (59.88 MB), 10:16

  *   18 设计模式实现OTP验证码接口设计与实现.mp4 (252.40 MB), 42:00

  *   19 后端自定义枚举类型校验器.mp4 (93.81 MB), 17:49

  *   20 限制一分钟只能发送一次手机短信.mp4 (57.73 MB), 14:39

  *   21 手机短信登录接口设计与实现.mp4 (83.64 MB), 14:23

  *   22 短信登录界面设计与验证码倒计时实现.mp4 (142.69 MB), 24:55

  *   23 修复限制1分钟发送一次otp验证码bug.mp4 (2.74 MB), 00:42

  *   24 前端封装安全组件实现验证码防刷功能.mp4 (180.68 MB), 29:26

  *   25 短信登录表单校验与后端接口对接.mp4 (101.34 MB), 16:27

  *   26 放开发送短信逻辑代码注释.mp4 (5.99 MB), 01:16

*   04 Layout模块设计与实现/

  *   01 Layout基本布局.mp4 (35.42 MB), 08:49

  *   02 前端路由安全守卫配置.mp4 (24.26 MB), 07:07

  *   03 添加路由跳转Progress.mp4 (18.07 MB), 04:59

  *   04 main组件布局.mp4 (42.65 MB), 11:51

  *   05 后端通用树泛型类封装.mp4 (100.47 MB), 17:32

  *   06 获取用户所有菜单数据接口设计与实现-mock版.mp4 (42.12 MB), 09:44

  *   07 初始化项目基础数据.mp4 (59.21 MB), 17:31

  *   08 左侧菜单栏实现以及菜单支持无线层级展示.mp4 (77.66 MB), 21:52

  *   09 layout布局-动态路由实现.mp4 (86.19 MB), 23:22

  *   10 navbar导航实现实现菜单收缩展开动画.mp4 (143.10 MB), 35:59

  *   11 layout布局-页面刷新自动高亮菜单.mp4 (37.47 MB), 06:27

  *   12 layout布局-tab导航实现.mp4 (114.73 MB), 31:25

  *   13 layout布局-navbar实现面包屑导航.mp4 (73.06 MB), 19:41

  *   14 layout布局-navbar实现个人中心导航.mp4 (66.22 MB), 16:48

  *   15 登出接口设计与实现.mp4 (51.88 MB), 14:16

  *   16 layout布局-登出界面设计与登出接口对接.mp4 (38.00 MB), 10:21

  *   17 axios请求拦截器统一添加业务token.mp4 (13.43 MB), 02:59

*   05 shiro+jwt实现项目级前后端分离认证授权/

  *   01 shiro 简介.mp4 (14.74 MB), 04:00

  *   02 shiro在前后端分离项目中认证流程.mp4 (18.54 MB), 04:28

  *   03 Jwt过滤器.mp4 (125.01 MB), 30:45

  *   04 shiro核心配置.mp4 (115.92 MB), 18:51

  *   05 前后端分离shiro认证源码分析.mp4 (22.36 MB), 05:21

  *   06 权限管理模型详解.mp4 (18.20 MB), 05:12

  *   07 表结构设计与SQL编写.mp4 (64.59 MB), 14:15

  *   08 用户权限sql过滤.mp4 (7.85 MB), 02:14

  *   09 授权实战-注解式.mp4 (71.06 MB), 17:57

  *   10 授权实战-注解式远吗流程分析.mp4 (16.73 MB), 04:20

  *   11 超级管理配置与授权.mp4 (81.53 MB), 20:40

  *   12 优化校验是否是超级管理员方法.mp4 (8.15 MB), 02:24

  *   13 认证授权信息缓存-EhCache实现.mp4 (41.52 MB), 08:42

  *   14 认证授权信息缓存-redis实现.mp4 (51.59 MB), 12:52

  *   15 shiro账号密码登录认证.mp4 (60.34 MB), 14:43

  *   16 手机短信登录认证.mp4 (64.63 MB), 16:13

  *   17 解决授权失败问题.mp4 (18.76 MB), 03:09

  *   18 登录认证成功后缓存用户信息到redis.mp4 (41.85 MB), 11:11

  *   19 前后端分离项目如何实现shiro登出.mp4 (40.20 MB), 10:18

  *   20 jwt刷新接口设计与实现.mp4 (32.49 MB), 08:11

  *   21 jwt无感自动刷新.mp4 (74.52 MB), 20:17

*   06 菜单权限管理/

  *   01 菜单管理列表接口设计与实现.mp4 (45.67 MB), 12:00

  *   02 前端菜单管理界面的设计与接口对接.mp4 (124.08 MB), 30:52

  *   03 vite-plugin-svg-icons安装与配置.mp4 (10.73 MB), 02:51

  *   04 前端封装 svg-icon 组件封装展示外部 svg.mp4 (65.08 MB), 18:05

  *   05 新增菜单权限接口设计与实现.mp4 (98.71 MB), 18:28

  *   06 优化新增菜单接口逻辑.mp4 (10.90 MB), 03:19

  *   07 菜单选项树接口设计与实现.mp4 (32.98 MB), 09:09

  *   08 菜单选项树接口-支持默认根节点扩展.mp4 (19.83 MB), 05:03

  *   09 菜单选项树接口-支持按钮数据扩展.mp4 (15.29 MB), 04:09

  *   10 菜单选项树接口-支持排除子级菜单数据扩展.mp4 (38.66 MB), 10:12

  *   11 svg图标选择器封装.mp4 (220.76 MB), 51:50

  *   12 svg图标选择器回显.mp4 (9.71 MB), 02:17

  *   13 前端新增菜单界面设计.mp4 (230.59 MB), 51:00

  *   14 前端新增菜单表单校验与接口对接.mp4 (181.77 MB), 32:01

  *   15 菜单列表收缩展开.mp4 (35.99 MB), 07:26

  *   16 菜单栏导航列表接口优化：实现数据库真实数据的查询与展示.mp4 (70.46 MB), 19:16

  *   17 vue3菜单路由KeepAlive缓存.mp4 (73.07 MB), 19:57

  *   18 修改图标类型属性声明.mp4 (1.81 MB), 00:29

  *   19 在vue3项目中如何内嵌iframe标签.mp4 (83.67 MB), 21:45

  *   20 iframe菜单刷新页面的时候菜单高亮错乱.mp4 (7.94 MB), 01:55

  *   21 初始化tab导航数据以及支持菜单跳转外部系统.mp4 (45.36 MB), 11:36

  *   22 菜单详情接口设计与实现.mp4 (22.27 MB), 05:44

  *   23 前端对接菜单详情接口回显数据.mp4 (59.38 MB), 11:25

  *   24 编辑菜单接口设计与实现.mp4 (68.85 MB), 19:59

  *   25 前端对接编辑菜单接口实现菜单编辑.mp4 (32.00 MB), 07:17

  *   26 删除菜单接口设计与实现.mp4 (72.89 MB), 19:15

  *   27 前端删除菜单界面设计与接口对接.mp4 (18.67 MB), 03:55

  *   28 菜单列表工具栏新增菜单实现.mp4 (73.81 MB), 14:51

  *   29 处理控制台警告问题.mp4 (9.82 MB), 02:22

*   07 操作日志管理/

  *   01 SpringAOP实现操作日志记录需求分析与设计.mp4 (42.26 MB), 10:55

  *   02 SpringAOP实现操作日志记录编码实现.mp4 (131.39 MB), 30:50

  *   03 分页查询操作日需求分析与设计.mp4 (13.09 MB), 03:07

  *   04 分页查询操作日志后端接口设计.mp4 (103.92 MB), 21:47

  *   05 前端分页查询操作日志UI设计与接口对接.mp4 (75.36 MB), 16:07

  *   06 前端操作日志详情设计.mp4 (20.34 MB), 03:54

  *   07 操作日志删除需求分析与设计.mp4 (5.13 MB), 01:30

  *   08 操作日志删除接口设计.mp4 (30.35 MB), 05:53

  *   09 前端操作日志删UI除设计与接口对接.mp4 (37.07 MB), 08:10

*   08 角色管理/

  *   01 分页查询角色需求分析与设计.mp4 (6.84 MB), 02:21

  *   02 后端分页查询角色接口设计与实现.mp4 (41.24 MB), 11:01

  *   03 前端分页查询角色UI设计与接口对接.mp4 (60.45 MB), 13:48

  *   04 新增角色需求分析与设计.mp4 (5.93 MB), 01:45

  *   05 后端新增角色接口设计与实现.mp4 (27.30 MB), 07:23

  *   06 前端新增角色UI设计与接口对接.mp4 (64.82 MB), 14:14

  *   07 编辑角色需求分析与设计.mp4 (8.11 MB), 02:26

  *   08 后端角色详情接口设计与实现.mp4 (23.35 MB), 05:57

  *   09 后端编辑角色角色设计与实现.mp4 (16.73 MB), 04:39

  *   10 前端编辑UI设计与接口对接.mp4 (30.53 MB), 07:40

  *   11 删除角色需求分析与设计.mp4 (6.89 MB), 02:15

  *   12 后端删除角色接口设计与实现.mp4 (43.38 MB), 10:47

  *   13 前端删除角色UI设计与接口对接.mp4 (17.66 MB), 04:06

  *   14 后端查询角色已授权菜单权限详情接口设计与实现.mp4 (108.49 MB), 22:28

  *   15 后端查询角色已授权菜单接口优化.mp4 (4.12 MB), 00:51

  *   16 后端角色授权菜单接口设计与实现.mp4 (82.27 MB), 19:28

  *   17 前端角色授权UI设计与接口对接.mp4 (162.25 MB), 36:08

*   09 部门管理/

  *   01 部门列表需求分析与设计.mp4 (18.87 MB), 04:35

  *   02 后端部门列表接口设计与实现.mp4 (39.64 MB), 10:16

  *   03 前端部门列表UI设计与接口对接.mp4 (88.46 MB), 20:10

  *   04 新增部门需求分析与设计.mp4 (11.92 MB), 04:18

  *   05 后端部门选项树接口设计与实现.mp4 (51.18 MB), 12:45

  *   06 后端新增部门接口设计与实现.mp4 (81.72 MB), 13:58

  *   07 前端新增部门UI设计与接口对接.mp4 (120.57 MB), 27:06

  *   08 后端部门详情接口设计与实现.mp4 (33.60 MB), 05:51

  *   09 后端部门剪辑接口设计与实现.mp4 (60.86 MB), 17:30

  *   10 前端编辑部门UI设计与接口对接.mp4 (51.70 MB), 13:16

  *   11 后端删除部门接口设计与实现.mp4 (51.90 MB), 11:15

  *   12 前端删除部门UI设计与接口对接.mp4 (23.87 MB), 05:24

  *   13 前端部门列表择叠与展开.mp4 (25.32 MB), 05:19

*   10 用户管理/

  *   01 分页查询用户需求分析与设计.mp4 (9.63 MB), 02:59

  *   02 后端分页查询用户接口设计与实现.mp4 (110.36 MB), 27:08

  *   03 前端用户分页查询UI设计与接口对接.mp4 (102.89 MB), 21:54

  *   04 新增用户需求分析与设计.mp4 (12.40 MB), 03:53

  *   05 后端新增用户接口设计与实现.mp4 (89.11 MB), 23:51

  *   06 后端角色列表接口设计与实现.mp4 (20.35 MB), 05:28

  *   07 前端新增用户UI设计与接口对接.mp4 (89.95 MB), 21:26

  *   08 后端用户详情接口设计与实现.mp4 (53.84 MB), 12:32

  *   09 后端编辑用户接口设计与实现.mp4 (29.60 MB), 07:44

  *   10 前端编辑用户UI设计与接口对接.mp4 (44.81 MB), 11:47

  *   11 删除用户需求分析与设计.mp4 (4.00 MB), 01:29

  *   12 后端删除用户接口设计与实现.mp4 (19.67 MB), 05:04

  *   13 前端删除用户UI设计与接口对接.mp4 (15.77 MB), 04:02

  *   14 重置密码需求分析与设计.mp4 (3.89 MB), 01:27

  *   15 后端用户列表重置密码接口设计与实现.mp4 (42.42 MB), 11:40

  *   16 前端用户列表重置密码UI设计与接口对接.mp4 (28.41 MB), 07:40

*   11 按钮级权限控制/

  *   01 RBAC按钮级权限控制需求分析与设计.mp4 (40.27 MB), 11:08

  *   02 RBAC按钮级权限控制-后端接口权限控制.mp4 (41.22 MB), 11:36

  *   03 用户拥有权限编码集合基础数据加载.mp4 (15.04 MB), 04:03

  *   04 前端自定义授权指令实现按钮级控制.mp4 (52.87 MB), 14:22

*   12 个人中心管理/

  *   01 个人基本资料需求分析.mp4 (8.45 MB), 02:33

  *   02 查询用户基本资料接口设计与实现.mp4 (89.67 MB), 22:56

  *   03 监听登录成功发布事件异步实现登录详情信息记录.mp4 (73.37 MB), 15:22

  *   04 前端个人中心UI布局与接口对接.mp4 (83.69 MB), 22:47

  *   05 头像更新需求分析与设计.mp4 (4.78 MB), 01:31

  *   06 上传头像接口设计与实现.mp4 (123.97 MB), 20:45

  *   07 前端上传头像组件封装与接口对接.mp4 (55.77 MB), 11:31

  *   08 个人资料更新需求分析与设计.mp4 (2.74 MB), 00:55

  *   09 更新用户基本信息接口设计与实现.mp4 (25.98 MB), 06:31

  *   10 前端个人基本资料UI设计与接口对接.mp4 (41.86 MB), 10:17

  *   11 手机号绑定与换绑需求分析与设计.mp4 (9.94 MB), 03:07

  *   12 手机号绑定接口设计.mp4 (55.02 MB), 13:52

  *   13 账号换绑凭证接口设计与实现.mp4 (35.20 MB), 09:11

  *   14 手机号换绑接口设计与实现.mp4 (31.15 MB), 07:58

  *   15 前端账号设置UI设计.mp4 (6.02 MB), 01:36

  *   16 前端账号换绑安全校验UI设计与接口对接.mp4 (64.27 MB), 15:24

  *   17 邮箱绑定与换绑需求分析与设计.mp4 (5.19 MB), 01:39

  *   18 发送邮箱验证码.mp4 (32.94 MB), 07:51

  *   19 邮箱换绑接口设计与实现.mp4 (14.81 MB), 04:28

  *   20 前端邮箱绑定UI设计与接口对接.mp4 (21.37 MB), 04:47

  *   21 前端邮箱换绑UI设计与接口对接.mp4 (16.84 MB), 04:12

  *   22 更新密码需求分析与设计.mp4 (3.75 MB), 01:21

  *   23 个人中心密码更新接口设计与实现.mp4 (32.16 MB), 08:23

  *   24 前端个人中心修改密码UI设计与接口对接.mp4 (40.05 MB), 09:08

*   13 OAuth2.0实战/

  *   01 什么是OAuth2.0.mp4 (3.91 MB), 01:21

  *   02 OAuth2.0在项目中如何应用.mp4 (50.41 MB), 13:06

  *   03 OAuth2.0授权码模式接口调用流程.mp4 (21.65 MB), 06:28

  *   04 OAuth2.0如何防止CSRF.mp4 (46.90 MB), 10:19

  *   05 Msl-Admin三方社交账号登录流程分析.mp4 (18.69 MB), 04:51

  *   06 三方渠道集成与配置.mp4 (28.45 MB), 06:02

  *   07 后端三方渠道列表接口设计与实现.mp4 (42.78 MB), 11:43

  *   08 前端渠道列表UI设计与接口对接.mp4 (50.61 MB), 12:04

  *   09 新增渠道需求分析与设计.mp4 (6.96 MB), 02:07

  *   10 新增渠道接口设计与实现.mp4 (25.22 MB), 06:54

  *   11 前端新增渠道UI设计与接口对接.mp4 (43.69 MB), 10:01

  *   12 编辑渠道需求分析与设计.mp4 (7.24 MB), 02:16

  *   13 渠道详情接口设计与实现.mp4 (20.15 MB), 05:03

  *   14 编辑渠道接口设计与实现.mp4 (22.44 MB), 06:05

  *   15 前端渠道编辑UI设计与接口对接.mp4 (35.65 MB), 09:10

  *   16 渠道删除需求分析与设计.mp4 (4.23 MB), 01:31

  *   17 渠道删除接口设计与实现.mp4 (12.20 MB), 03:18

  *   18 渠道删除UI设计与接口对接.mp4 (16.76 MB), 03:47

  *   19 三方社交账号授权登录需求分析与设计.mp4 (46.32 MB), 11:13

  *   20 后端查询已配置渠道列表接口设计与实现.mp4 (23.60 MB), 05:53

  *   21 SpringCache缓存热点数据.mp4 (21.08 MB), 05:13

  *   22 后端清空渠道列表缓存接口设计与实现.mp4 (11.66 MB), 03:09

  *   23 JustAuth简介.mp4 (13.52 MB), 02:57

  *   24 两种设计模式教你替代if-else.mp4 (52.94 MB), 13:40

  *   25 后端获取三方授权登录页重定向URL接口设计与实现.mp4 (92.56 MB), 23:25

  *   26 后端授权成功回调接口设计与实现.mp4 (106.80 MB), 26:50

  *   27 后端账号登录绑定接口设计与实现.mp4 (63.25 MB), 14:51

  *   28 后端短信登录绑定接口设计与实现.mp4 (26.48 MB), 06:24

  *   29 绑定事件发布与监听.mp4 (98.23 MB), 25:07

  *   30 前端三方登录组件UI设计.mp4 (55.52 MB), 13:37

  *   31 重定向到三方平台授权登录页.mp4 (31.67 MB), 07:15

  *   32 前端三方登录授权成功回调组件封装.mp4 (130.33 MB), 33:25

  *   33 前端三方社交账号绑定系统用户UI设计与接口对接.mp4 (110.61 MB), 25:51

  *   34 前端渠道列表清空缓存UI设计与接口对接.mp4 (24.27 MB), 05:20

  *   35 三方账号绑定列表需求分析与设计.mp4 (5.32 MB), 01:32

  *   36 三方账号绑定列表接口设计与实现.mp4 (100.13 MB), 23:35

  *   37 前端三方账号列表UI设计与接口对接.mp4 (71.64 MB), 15:52

  *   38 三方账号解绑用户需求分析与设计.mp4 (3.29 MB), 01:08

  *   39 三方账号解绑用户接口设计与实现.mp4 (46.08 MB), 11:42

  *   40 前端三方账号解绑用户UI设计与接口对接.mp4 (19.53 MB), 04:52

  *   41 修改绑定记录状态问题.mp4 (5.10 MB), 01:22

  *   42 三方账号绑定历史记录列表需求分析与设计.mp4 (5.78 MB), 01:36

  *   43 后端绑定历史记录接口设计与实现.mp4 (62.66 MB), 15:38

  *   44 前端绑定历史记录UI设计与接口对接.mp4 (58.23 MB), 12:40

  *   45 个人中心三方账号绑定列表需求分析与实现.mp4 (5.98 MB), 01:53

  *   46 个人中心三方账号绑定列表接口设计与实现.mp4 (74.02 MB), 17:00

  *   47 个人中心前端三方账号绑定列表UI设计与接口对接.mp4 (39.37 MB), 08:54

  *   48 个人中心三方社交账号绑定需求分析与设计.mp4 (7.39 MB), 02:29

  *   49 个人中心三方社交账号绑定接口设计与实现.mp4 (59.92 MB), 13:54

  *   50 个人中心三方社交账号绑定UI设计与接口对接.mp4 (46.62 MB), 09:49

  *   51 个人中心三方社交账号解绑需求分析与设计.mp4 (3.98 MB), 01:07

  *   52 个人中心解绑三方社交账号接口设计与实现.mp4 (17.62 MB), 04:29

  *   53 个人中心三方账号解绑UI设计与接口对接.mp4 (26.78 MB), 05:47

  *   54 个人中心三方账号绑定历史记录需求分析与设计.mp4 (6.16 MB), 01:57

  *   55 个人中心三方账号绑定历史记录接口设计与实现.mp4 (34.27 MB), 06:29

  *   56 前端个人中心三方设交账号绑定历史记录UI设计与接口对接.mp4 (16.67 MB), 03:01