如果你已经能用 Vue 写页面、也会用 Spring Boot 写接口,但一让你从零搭一套「前后端分离的后台管理系统」,就卡在权限怎么串、菜单怎么动态出、接口怎么统一收口上——这套若依 RuoYi-Vue 的视频,解决的就是这层断层。

它不适合完全没碰过 Vue 的人。你得先知道组件、路由、状态管理大概是怎么回事,否则看的时候会一直在补前置知识。适合的是这样三类人:正在准备用若依交付项目,却只会改页面的;从 JSP/Thymeleaf 那种前后端不分的写法转过来的;以及做过几套管理系统、但每次都要重新造一遍权限和菜单轮子的。

先确认你的缺口在哪

若依-Vue 版真正难的不是某个语法点,而是「约定」——它规定了一套前后端怎么对话的规则。常见的卡点大概有这些:

  • 登录之后 token 存在哪、怎么带、过期了谁去刷新,请求拦截器里到底做了什么;
  • 菜单和路由的关系:为什么后端返回的菜单能变成前端可访问的路由,动态路由是怎么在登录后塞进去的;
  • 按钮级权限怎么落地,那个权限指令背后查的是哪份数据;
  • 数据权限(只能看本部门数据之类)在后端是怎么拼进 SQL 的;
  • 代码生成器生成的 CRUD 页面,哪些是模板产物、哪些是要自己改的业务逻辑。

看这套视频时,建议对着这几个问题走,而不是从头平铺着看。凡是你能自己讲清楚流程的段落,可以倍速过;讲不清的,就停下来去翻一遍对应的源码。

前后端分离这条线怎么串

这套内容的主干是把「分离」讲透:前端 Vue 工程负责视图和交互,后端提供 REST 接口并负责鉴权与数据,两边靠统一的响应结构和 token 机制对接。你需要建立的是整体链路感——一次列表查询,从页面发起、经过请求封装、到后端控制层、再回到表格渲染,中间每一层各自负责什么、出了错该去哪一层查。

把这条线走通,比记住任何一个 API 都有用。因为换成别的脚手架,链路是一样的,只是细节命名不同。

学完应该能回答的问题

判断自己有没有真的学会,不看笔记记了多少,看能不能不看资料回答下面这些:

  • 用户登录成功后,前端拿到什么、存哪里、后续请求怎么自动带上;
  • 后端返回的菜单数据,是怎么变成前端可跳转的路由表的;
  • 同一个人,换个角色登录,看到的路由和按钮为什么不一样,这个差别在哪一步产生的;
  • 新增一个业务模块,需要动后端哪些文件、前端哪些文件,代码生成器能省掉哪几步;
  • 接口返回异常的提示信息,是从后端哪个位置传到前端弹窗的。

能顺口答上来,说明你不只是在「用」若依,而是理解了它的结构。

建议的练法

光看不练,这套内容很容易变成「看的时候都懂,动手就找不到北」。比较有效的做法是:跟着走完一遍基础配置后,自己挑一个简单业务(比如设备台账、报销单),从建表开始,用生成器出骨架,再手动改出真实的业务逻辑和权限控制。过程中故意去改一处请求封装、改一处路由生成,看会发生什么——破坏一次,比照着敲十遍记得牢。

另外,遇到看不懂的地方,别急着往下走。若依这类框架的价值就在它的约定清晰,一处没搞明白,后面会反复撞在同一堵墙上。缺什么就补什么,把链路补完整,比假装什么都看懂要划算得多。

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

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开发者
  • 前后端分离开发人员

学习收获

掌握若依框架核心功能
提升前后端分离开发能力
实现项目实战

祝您学习愉快!

学有所成,前程似锦!