如果你已经能用 Vue 写页面、也会用 Spring Boot 写接口,但一让你从零搭一套「前后端分离的后台管理系统」,就卡在权限怎么串、菜单怎么动态出、接口怎么统一收口上——这套若依 RuoYi-Vue 的视频,解决的就是这层断层。
它不适合完全没碰过 Vue 的人。你得先知道组件、路由、状态管理大概是怎么回事,否则看的时候会一直在补前置知识。适合的是这样三类人:正在准备用若依交付项目,却只会改页面的;从 JSP/Thymeleaf 那种前后端不分的写法转过来的;以及做过几套管理系统、但每次都要重新造一遍权限和菜单轮子的。
先确认你的缺口在哪
若依-Vue 版真正难的不是某个语法点,而是「约定」——它规定了一套前后端怎么对话的规则。常见的卡点大概有这些:
- 登录之后 token 存在哪、怎么带、过期了谁去刷新,请求拦截器里到底做了什么;
- 菜单和路由的关系:为什么后端返回的菜单能变成前端可访问的路由,动态路由是怎么在登录后塞进去的;
- 按钮级权限怎么落地,那个权限指令背后查的是哪份数据;
- 数据权限(只能看本部门数据之类)在后端是怎么拼进 SQL 的;
- 代码生成器生成的 CRUD 页面,哪些是模板产物、哪些是要自己改的业务逻辑。
看这套视频时,建议对着这几个问题走,而不是从头平铺着看。凡是你能自己讲清楚流程的段落,可以倍速过;讲不清的,就停下来去翻一遍对应的源码。
前后端分离这条线怎么串
这套内容的主干是把「分离」讲透:前端 Vue 工程负责视图和交互,后端提供 REST 接口并负责鉴权与数据,两边靠统一的响应结构和 token 机制对接。你需要建立的是整体链路感——一次列表查询,从页面发起、经过请求封装、到后端控制层、再回到表格渲染,中间每一层各自负责什么、出了错该去哪一层查。
把这条线走通,比记住任何一个 API 都有用。因为换成别的脚手架,链路是一样的,只是细节命名不同。
学完应该能回答的问题
判断自己有没有真的学会,不看笔记记了多少,看能不能不看资料回答下面这些:
- 用户登录成功后,前端拿到什么、存哪里、后续请求怎么自动带上;
- 后端返回的菜单数据,是怎么变成前端可跳转的路由表的;
- 同一个人,换个角色登录,看到的路由和按钮为什么不一样,这个差别在哪一步产生的;
- 新增一个业务模块,需要动后端哪些文件、前端哪些文件,代码生成器能省掉哪几步;
- 接口返回异常的提示信息,是从后端哪个位置传到前端弹窗的。
能顺口答上来,说明你不只是在「用」若依,而是理解了它的结构。
建议的练法
光看不练,这套内容很容易变成「看的时候都懂,动手就找不到北」。比较有效的做法是:跟着走完一遍基础配置后,自己挑一个简单业务(比如设备台账、报销单),从建表开始,用生成器出骨架,再手动改出真实的业务逻辑和权限控制。过程中故意去改一处请求封装、改一处路由生成,看会发生什么——破坏一次,比照着敲十遍记得牢。
另外,遇到看不懂的地方,别急着往下走。若依这类框架的价值就在它的约定清晰,一处没搞明白,后面会反复撞在同一堵墙上。缺什么就补什么,把链路补完整,比假装什么都看懂要划算得多。
若依框架系列视频教程(若依-Vue 前后端分离版)
Vue框架深度解析,前后端分离实践
编辑点评
系统全面,覆盖若依框架核心功能,适合有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]
适合人群
- Vue开发者
- 前后端分离开发人员
学习收获
祝您学习愉快!
学有所成,前程似锦!






