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

若依（RuoYi）在国内后台管理系统里出现的频率很高，但很多开发者对它的认知停留在“下载下来能跑、改改页面交差”。这套《若依框架系列视频教程（若依-Vue 前后端分离版）》面向的正是已经写过 Vue、想真正把若依-Vue 这版前后端分离架构拆开看的人：不是从 Hello World 讲起，而是顺着一条请求在前后端之间的完整链路走一遍。

技术栈构成与前后端职责边界

若依-Vue 版的后端是 Spring Boot + Spring Security + MyBatis + Redis，前端是 Vue + Vuex + Vue Router + Element UI，前后端通过统一的 REST 接口和 JWT 无状态令牌通信。这套视频的价值在于它没有把前后端当成两个孤立项目讲，而是把职责边界讲清楚了：权限校验在后端由 Security 过滤器链承担，前端只负责令牌的持有、刷新与路由级控制；菜单和按钮权限由后端下发、前端动态注册路由。理解这条边界，后续做二次开发时才不会把校验逻辑误写在前端，也不会在拦截器里堆业务代码。

建议重点关注的可复用模块

• 统一响应与异常处理：后端封装的响应体、全局异常拦截，配合前端请求库的响应拦截，是整套项目里复用价值最高的部分，换任何业务系统都能直接搬。
• 认证与令牌流转：登录、令牌签发、刷新、注销的完整流程，以及前端如何存储令牌、如何在请求头携带、如何处理令牌过期。
• 权限模型：用户—角色—菜单—按钮的授权关系，以及后端接口鉴权注解与前端指令级权限控制的配合方式。
• 代码生成器：从数据库表结构到后端 CRUD、前端列表页与表单的产出过程，这是若依被大量团队采用的核心原因，值得单独花时间研究它的模板。
• 数据权限与操作日志：按部门、按角色的数据范围过滤，以及基于切面的日志记录，属于业务系统里反复出现的横切需求。

项目结构上该怎么对照着看

若依-Vue 的多模块划分是它比较讲究的一点：基础模块、系统模块、业务模块、生成器模块各司其职。看视频时建议对照源码确认每个模块的依赖方向，弄清楚为什么通用能力要下沉、业务模块为什么不应该反向依赖系统模块。前端侧则要留意目录约定——接口层、视图层、状态管理、公共组件各自放在哪里，以及动态路由是在什么时机被注入的。把结构理顺之后，新增一个业务模块就是照着约定填空，而不是每次重新设计目录。

适合谁，以及怎么用这份资料

前提是有 Vue 基础，最好写过一个完整的前端项目；后端部分不要求精通 Spring Boot，但至少要能看懂 Controller、Service、Mapper 的分层写法。学习方式上，不建议把视频当连续剧从头看到尾。更有效的做法是：先把项目跑起来，用不同角色的账号登录，观察菜单和按钮的差异；然后带着具体问题去看对应章节，比如“新菜单为什么没出现”“接口返回 401 是怎么处理的”，看完立刻回源码里定位那段代码，改一处、验证一处。若依这类框架的复杂度不在单点技术，而在约定和链路，光看不练很容易产生“都懂了”的错觉。

如果你手头正好有基于若依的后台项目，或者准备用类似架构搭一套管理系统，这套资料适合当作对照实践的参考：先看它怎么组织，再想自己为什么这么改。源码在手，视频只是索引，真正的收获来自改动和调试的过程。