若依框架系列视频教程(RuoYi-Vue前后端分离版本)

若依（RuoYi）在国内后台管理系统里出镜率很高，但很多团队对它的使用停留在「拉下来改改页面」的阶段：菜单能跑、CRUD 能通，可一旦要动权限模型、要接自己的业务模块、要排查线上登录态失效，就得反过来啃源码。这套 RuoYi-Vue 前后端分离版本的视频教程，价值不在于带你从头敲一遍，而在于把框架已经写好的那套约定讲清楚——你照着看，再对照手上的工程改，效率比盲翻源码高得多。

技术栈与项目分层

RuoYi-Vue 的技术组合是 Spring Boot + MyBatis + Spring Security + JWT 作为后端骨架，前端是 Vue 2 + Element UI + Vuex + Vue Router，前后端通过统一的 REST 接口和一套约定好的响应体结构通信。教程围绕这个组合展开，重点值得关注的是分层方式：后端 controller / service / mapper 的职责切分、domain 与 vo 的区分、统一返回体与全局异常处理的落点；前端则是 request 拦截器、权限指令、动态路由三块。看懂这三块的协作关系，你就明白为什么新增一个业务模块只需要按固定位置补文件。

几个真正决定上手速度的环节

• 环境搭建与配置外置：多环境 profile、数据库连接、Redis 缓存的接入顺序，以及前端代理如何指向后端端口，这是最容易卡住的一步。
• 代码生成器：从数据库表反向生成后端实体、mapper、service、controller 和前端页面，是若依提效最明显的部分。教程里对生成模板的参数含义和生成后需要手工调整的地方讲得比较细，这部分建议边看边拿自己的一张业务表实测。
• 权限控制：菜单权限、按钮权限、数据权限三层是分开的。前端的权限指令解决「按钮显不显示」，后端的注解与数据范围切面解决「能不能查、能查哪些行」。这两件事经常被混为一谈，导致出现「按钮藏了但接口还能调」的漏洞。
• 登录态与 JWT：token 的签发、续期、注销，以及前端如何在 401 时跳回登录页，属于必须自己走一遍才能记住的链路。
• 服务监控：在线用户、缓存监控、操作日志这些内置页面，本质是框架对运行时状态的暴露，改造成本低，排查问题时很有用。

怎么用这份资料

建议的路径是：先跟着把环境跑通，得到一个能登录、能看菜单的干净实例；然后不急着看后面的业务功能，直接打开代码生成器，用一张自己熟悉的表生成一套 CRUD，把生成出来的前后端代码逐个文件读一遍，对照目录结构理解框架的约定；最后再回到权限和服务监控部分，这时你已经有了可修改的靶子，理解成本会低很多。视频在这里的作用是「讲解约定」，真正形成能力的是你改自己代码的那几个小时。

适合谁，以及预期

如果你已经写过 Vue 单页应用和 Spring Boot 接口，但对整套后台框架的组织方式没有系统认识，这份资料能帮你把零散知识串成一条线。反过来，如果你还完全没接触过 Vue 或 Spring Boot 的基础用法，直接上若依会因为封装层次太多而看不清底层发生了什么，建议先把基础补齐。还有一点需要提前说明：若依默认实现是通用后台的「够用版」，真实项目里的多租户、复杂审批流、细粒度数据隔离，框架只给了起点，剩下的扩展设计仍然得自己完成——教程能帮你快速站到这个起点上，但替代不了架构决策。