如果你已经能写 Vue 组件、也调过后端接口，但拿到一套若依（RuoYi-Vue）代码却不知道从哪下手——权限怎么串起来的、菜单为什么能动态生成、一个新增页面到底要改哪几个文件，那这套视频对准的就是这些卡点。它不讲 Vue 语法入门，也不讲 Java 基础，默认你已经能看懂两边代码，缺的是把两者接起来的那层工程约定。

先确认自己缺的是哪一块

若依这类后台管理框架，难的不是技术点本身，而是"约定"太多。同一个功能，前端在哪个目录写页面、后端在哪个模块加接口、菜单和权限数据从哪张表来、按钮级权限用什么指令控制，这些散落在各处，官方文档一句话带过，自己摸要花很久。你可以先自查几件事：

能不能说清登录之后 token 是怎么存的、每个请求怎么带上它的；
知不知道为什么新加的页面刷新后就 404，而别人加的不会；
能不能独立走通一次"从建菜单到页面出现"的完整链路；
遇到接口 401 或 403，能不能第一反应判断是登录态问题还是权限码问题。

上面有几条答不上来，这套教程的对应段落就值得逐帧看；都能答上来，可以直接跳到代码生成和权限那几节。

它主要在处理"前后端怎么对齐"

前后端分离最容易被忽略的是接口约定和状态流转。教程里反复出现的场景，基本围绕这几条线：请求封装与拦截器怎么统一处理 token 和错误提示；路由是静态写死还是由后端菜单动态挂载，两种方式各自的坑在哪；权限控制同时落在路由、按钮和数据三个层面时，前端该做哪部分、后端该兜哪部分。这些不是看一遍就会的东西，尤其动态路由，第一次接触时"菜单有了但页面空白"几乎是必经之路，视频里把排查顺序讲清楚比给结论更有用。

配套练习建议这样用

光看不动手，这套内容基本等于没看。建议边看边做三件事：一是照着教程新增一个自己的业务模块，从建表、写接口到配菜单全部自己走一遍，不复制现成代码；二是故意把权限码写错、把路由 name 改重复，看报错长什么样，记住现象；三是把代码生成器跑一遍，对比生成出来的结构和手写的差在哪，理解哪些能改、哪些别动。做完这三步，框架的骨架基本就长在你脑子里了。

看完应该能回答的问题

一次请求从页面发出到后端返回，中间经过了哪些统一处理？
新增一个带增删改查和导出功能的模块，最少要动哪些文件？
菜单不显示、页面 404、按钮点了没反应，分别先查哪里？
哪些逻辑放前端做校验就够，哪些必须后端再挡一道？

能顺畅答出这些，说明你已经不是在"抄若依"，而是能按它的规则往里加东西了。

若艺框架系列视频教程（若艺-Vue 前后端分离版）

Vue前后端分离实战教程

编辑点评

深入浅出，全面解析RuoYi-Vue框架，适合有一定基础的开发者快速上手。

⭐ 编辑推荐

本教程全面解析RuoYi-Vue框架，涵盖前后端分离的实战技巧，助你快速掌握Vue开发。

课程亮点

• RuoYi-Vue框架实战

• 前后端分离

• Vue开发技巧

课程目录

若依框架系列视频教程（RuoYi-Vue前后端分离版本）必看.png  [493.5 KB]
43 定时任务代码详解.mp4  [147.9 MB]
44 服务监控讲解.mp4  [39.6 MB]
05 开发环境运行.mp4  [34.8 MB]
25 数据源配置详解.mp4  [59.2 MB]
02 项目运行.mp4  [54.4 MB]
37 数据权限代码详解.mp4  [72.3 MB]
07 目录文件介绍.mp4  [65.5 MB]
56 vue.config.js详解.mp4  [98.9 MB]
40 代码生成使用（树表）.mp4  [47.6 MB]
60 侧边栏.mp4  [60.0 MB]
18 JWT 实现.mp4  [72.0 MB]
26 数据源代码详解.mp4  [46.8 MB]
04 系统菜单介绍.mp4  [64.4 MB]
30 多数据源代码详解.mp4  [19.5 MB]
87 3.0版本更新介绍.mp4  [134.0 MB]
19 JWT 过滤器.mp4  [34.6 MB]
114 限流控制详解.mp4  [37.6 MB]
65 路由跳转的两种方式.mp4  [13.4 MB]
32 事务使用.mp4  [100.5 MB]
64 scoped样式穿透.mp4  [15.1 MB]
113 3.6.0版本更新介绍.mp4  [113.1 MB]
22 分页配置详解.mp4  [64.8 MB]
53 下载详解.mp4  [29.6 MB]
38 数据权限业务实现.mp4  [80.2 MB]
108 实现数据库密码加密.mp4  [29.3 MB]
52 上传详解.mp4  [58.7 MB]
104 实现swagger文档增强.mp4  [14.8 MB]
59 导航栏.mp4  [54.4 MB]
67 开发规范&流程.mp4  [32.3 MB]
102 使用undertow容器.mp4  [23.3 MB]
70 注册组件.mp4  [31.3 MB]
68 请求流程.mp4  [54.5 MB]
107 实现离线IP地址定位.mp4  [35.4 MB]
84 2.3版本更新介绍.mp4  [121.4 MB]
55 package.json详解.mp4  [52.2 MB]
110 实现分库分表.mp4  [75.8 MB]
58 布局设置.mp4  [51.8 MB]
35 操作日志实现.mp4  [39.3 MB]
99 多数据源事务的一致性.mp4  [135.3 MB]
41 代码生成实现详解.mp4  [152.2 MB]
112 使用docker实现一键部署.mp4  [95.5 MB]
72 页面权限.mp4  [68.9 MB]
33 登录日志.mp4  [51.3 MB]
96 静态资源整合到后端访问.mp4  [64.0 MB]
20 Mybatis配置详解.mp4  [61.9 MB]
82 集成Oauth2.0.mp4  [98.2 MB]
57 main.js详解.mp4  [52.2 MB]
103 实现优雅关闭应用.mp4  [13.4 MB]
10 Spring Security 简介.mp4  [18.4 MB]
03 构建发布到Linux.mp4  [41.7 MB]
12 Spring Security 密码加密.mp4  [54.9 MB]
51 日志配置详解.mp4  [54.7 MB]
111 3.5.0版本更新介绍.mp4  [122.1 MB]
01 项目概述.mp4  [82.3 MB]
62 顶部栏.mp4  [37.7 MB]
61 侧边栏默认展开.mp4  [11.3 MB]
63 scoped作用域.mp4  [11.2 MB]
08 主配置文件介绍.mp4  [69.6 MB]
11 Spring Security 配置介绍.mp4  [40.0 MB]
31 事务简介.mp4  [23.8 MB]
91 3.1版本更新介绍.mp4  [162.9 MB]
71 组件通信.mp4  [20.2 MB]
83 构建发布到Tomcat.mp4  [40.0 MB]
54 前端框架介绍.mp4  [41.3 MB]
36 数据权限使用详解.mp4  [49.4 MB]
86 开发自己的业务（多模块）.mp4  [32.5 MB]
92 部署应用到子路径.mp4  [35.0 MB]
97 3.3.0版本更新介绍.mp4  [153.6 MB]
29 新增多数据源（不同数据库）.mp4  [55.9 MB]
09 Spring Boot 简介.mp4  [32.7 MB]
34 操作日志详解.mp4  [65.8 MB]
88 文件上传（前端）.mp4  [68.0 MB]
116 3.8.0版本更新介绍.mp4  [174.7 MB]
47 XSS脚本过滤详解.mp4  [48.8 MB]
105 实现excel表格增强.mp4  [45.8 MB]
23 分页插件使用.mp4  [33.9 MB]
50 框架验证详解.mp4  [31.8 MB]
93 3.2版本更新介绍.mp4  [129.7 MB]
74 页签缓存.mp4  [30.9 MB]
77 使用字典（dicts方式）.mp4  [55.2 MB]
66 动态路由的跳转方式.mp4  [13.8 MB]
106 实现mybatis增强.mp4  [67.4 MB]
117 3.8.1版本更新介绍.mp4  [143.1 MB]
78 使用参数.mp4  [17.2 MB]
101 3.4.0版本更新介绍.mp4  [122.8 MB]
16 Spring Security 权限注解.mp4  [62.0 MB]
28 新增多数据源（相同数据库）.mp4  [34.4 MB]
98 使用加密方式传输密码.mp4  [67.6 MB]
27 多数据源使用.mp4  [36.7 MB]
42 定时任务使用详解.mp4  [84.9 MB]
75 使用图标.mp4  [39.7 MB]
14 Spring Security 登录配置.mp4  [51.8 MB]
49 全局异常处理器.mp4  [35.5 MB]
45 系统接口使用详解.mp4  [31.2 MB]
24 分页代码详解.mp4  [34.1 MB]
94 禁止多终端同时登录实现.mp4  [85.6 MB]
81 开发文档介绍和部署.mp4  [66.0 MB]
46 系统接口实现详解.mp4  [98.8 MB]
69 引入依赖.mp4  [21.1 MB]