很多人简历上写着"熟悉 Vue",但真丢一个若依(RuoYi-Vue)后台过来,第一反应是打开浏览器搜"若依怎么改权限",搜完还是不知道菜单是从哪张表读出来的。这套视频教程对准的就是这类缺口——不是教 Vue 语法,而是把一套已经在大量企业后台里跑着的前后端分离框架拆开给你看。

先确认你缺的是哪一块

若依用的人多,坑也集中在几个固定的地方。对照下面几条,中了两条以上,这套内容对你就不是"可看可不看":

  • 能跑起项目,但说不清 ruoyi-ui 发请求到 ruoyi-admin 之间经过了几层拦截;
  • 改过登录页,但没动过 JWT 的签发与校验流程,token 存哪、什么时候刷新全靠猜;
  • 权限只会用 @PreAuthorize 注解,角色、菜单、按钮三者怎么关联答不上来;
  • 代码生成器点了"生成"就完事,没读过生成出来的 Controller、Mapper、Vue 页面之间的对应关系;
  • 线上出问题只会看日志,没打开过框架自带的服务监控。

如果你还在纠结 Vue 的响应式原理,这套内容偏工程实战,顺序上应该先补前端基础再回来。

这门课大致会碰到的几个环节

内容围绕框架本身的主线展开,重点落在环境搭建、代码生成、权限控制、服务监控这几处。值得留意的是它不是按文档目录念一遍,而是把"为什么这么设计"讲出来:比如前后端分离后,前端路由和数据库里的菜单表是怎么保持一致的;再比如代码生成为什么能同时产出后端接口和前端页面——这背后是模板引擎在做映射,理解这一层,你改模板的能力才算真正打开。

权限部分是这类后台系统的核心,也是面试里最容易被追问的地方。角色和菜单的关联、数据权限的过滤范围、按钮级别的控制怎么落到前端指令上,这几块建议边看边在自己搭的项目里动手改一遍,光看容易产生"我懂了"的错觉。

建议的练习方式

  • 搭好环境后,先不改代码,把一次完整请求从前端点击到数据库返回的链路画出来;
  • 用代码生成器做一张自己的业务表,再手动改一版生成的页面,感受哪些是模板给的、哪些必须自己写;
  • 新建一个角色,只给它部分菜单权限,用另一个账号登录验证,看看前端到底藏了什么、后端又拦了什么;
  • 把监控页面打开,压几个请求,观察连接池和缓存的实时变化。

看完应该能回答的问题

检验学习效果,不看你看完了多少集,看能不能不查资料回答这些:一个后台菜单从数据库到浏览器渲染,中间经过哪些环节?用户登录后拿到的 token 里到底装了什么,后端在哪个位置验证它?如果我要给某个角色单独加一条数据权限规则,应该从哪下手?代码生成器生成的代码,哪些目录是覆盖式的、哪些改了会被冲掉?

能顺畅答出来,说明框架的主干你已经握住了;答不上来的那一条,就是下一遍该重点看的地方。若依本身不难,难的是把它当成一个可以拆、可以改的工程,而不是一个只能照着用的黑盒。这套教程的价值,也正在这里。

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

RuoYi-Vue前后端分离,深度解析

编辑点评

系统全面解析RuoYi-Vue框架,涵盖环境搭建、代码生成、权限控制、服务监控等多个方面,适合想深入了解Vue框架和前后端分离开发的开发者。

⭐ 编辑推荐

深入解析RuoYi-Vue框架,涵盖环境搭建、代码生成、权限控制、服务监控等关键环节。
从入门到实践,助你快速掌握前后端分离开发。

课程亮点

• RuoYi-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框架开发者
  • 前后端分离开发者
  • 系统架构师

学习收获

掌握RuoYi-Vue框架
实现前后端分离开发
提升系统架构能力

祝您学习愉快!

学有所成,前程似锦!