填补 RBAC 权限落地的最后一块拼图
这门课直击 Laravel 与 Vue3 结合开发中最容易被忽视，却最容易出事故的环节：权限验证。很多开发者能搭起前台页面，也能写个登录接口，但一旦涉及“谁能看什么数据”、“不同角色对应不同菜单”、“后台管理接口的细粒度控制”时，往往陷入混乱。课程不泛泛而谈理论，而是通过管理员表格角色显示、站点模块数据隔离、自定义 v-access 指令等实际场景，拆解如何在前端 Pinia 中记录用户权限表，在后端利用 Policy 验证后台权限。它解决的核心问题是：如何让权限逻辑不依赖硬编码，而是动态同步到前后端，确保不同用户访问不同站点时，既能获取正确的数据列表，又能被精准拦截在无权区域。这不仅是功能实现，更是系统安全基座的构建。适合有基础但缺乏实战闭环的人
你需要具备 Laravel 基本路由与 Eloquent 关系，以及 Vue3 组合式 API、Pinia 状态管理的基础知识。如果你只是刚学完语法，连“角色”和“权限”的区别都模糊，建议先复习 RBAC 模型的基本概念。这门课适合那些已经能独立完成简单 CRUD，但在处理多租户（不同站点）或多角色（管理员、普通用户）数据隔离时感到吃力的中级开发者。它不适合希望只学前端 UI 或只学后端算法的人，因为权限验证必然是前后端联动的双轨作业。如果你正在转岗全栈，或者在团队中负责后台管理系统模块，这是查漏补缺的关键一环。建议从权限数据流入手，配合代码逐行调试
不要从头到尾线性观看，建议先聚焦“获取站点权限数据用于前端渲染”和“修改权限服务文件”这两块，理解数据是如何从数据库流向前端组件的。接着深入“限制管理员或站点获取列表”和“使用 policy 验证后台权限”，掌握后端的拦截逻辑。最后再看“自定义 v-access 权限检验指令”和“完成前台权限检测”，理解前端如何优雅地隐藏无权元素。学完后，你应当能独立设计一套可复用的权限组件，实现“角色设置权限”、“多角色叠加”以及“首页跳转逻辑”的动态控制。资料包中的视频文件较多，建议结合代码仓库，每看完一个模块，就手动在本地项目中复现一遍权限判断逻辑，特别是“不同用户获取不同站点”的接口测试，务必验证边界情况，比如权限被移除后的即时响应。只有动手敲通整个权限链路，才算真正掌握了这套系统平台的核心机制。课程目录
📁 第12章 权限验证 14 管理员表格显示角色数据.mov [1.7 GB] 1 优化模块权限 .mov [1.4 GB] 13 为管理员设置角色.mov [1.0 GB] 11 修改权限设计的样式.mov [969.6 MB] 16 限制管理员或站点获取列表.mov [1.8 GB] 8 修改权限服务文件.mov [1.0 GB] 4 获取站点权限数据用于前端渲染.mov [921.6 MB] 2 系统权限同步.mov [1.7 GB] 25 修复权限.mov [1.9 GB] 9 角色权限组件复用.mov [1.4 GB] 29 tab组件权限控制.mov [1.3 GB] 21 修改管理员读取角色错误.mov [565.1 MB] 20 不同用户获取不同站点.mov [790.9 MB] 19 管理员角色显示异常.mov [1.5 GB] 27 自定义v-access权限检验指令.mov [258.6 MB] 24 pinia记录用户权限表.mov [1.3 GB] 12 定义角色选择组件.mov [1.2 GB] 22 使用policy验证后台权限.mov [925.4 MB] 26 完成前台权限检测.mov [800.3 MB] 5 前台渲染权限列表.mov [1.5 GB] 7 角色设置权限.mov [1.2 GB] 6 权限表布局.mov [1.6 GB] 3 角色权限视图.mov [1.0 GB] 23 修复access权限判断方法.mov [676.8 MB] 30 修改站点模块的页面样式.mov [1.9 GB] 28 权限校验时站点为可选值.mov [884.8 MB] 18 用户可以多设置角色.mov [1.1 GB] 31 修改站点的默认模块逻辑.mov [2.9 GB] 10 为tableList组件添加tag类型.mov [696.9 MB] 15 修改hdTab组件错误.mov [329.2 MB] 17 管理员接口完善.mov [1.3 GB] 32 网站首页跳转逻辑.mov [512.7 MB] 📁 第06章 用户注册 9 前端注册api.mov [708.4 MB] 5 前端验证码服务.mov [1.3 GB] 7 后端验证码发送时间限制.mov [761.3 MB] 8 验证码前端定时器.mov [487.3 MB] 名称.jpg [171.7 KB] 19 登录拦截跳转bug 修复.mov [252.6 MB] 18 完成找回密码.mov [551.6 MB] 4 安装 tdesign.mov [960.3 MB] 2 全局错误控制.mov [915.2 MB] 6 优化验证码生成.mov [689.4 MB] 3 验证码组件初始化.mov [820.4 MB] 16 已注册用户验证码接口.mov [721.4 MB] 15 注册验证码优化与页面切换时表单错误重置.mov [691.1 MB] 17 验证码发送组件支持类型选择.mov [595.8 MB] 13 不存的的用户发送验证码.mov [791.8 MB] 12 修复验证码组件不能输入的问题.mov [458.9 MB] 14 后台添加向未注册用户发送验证码接口.mov [485.9 MB] 1 用户注册初始页面.mov [1.1 GB] 11 跑通单元测试.mov [407.8 MB] 10 优化后台注册表单验证.mov [603.4 MB] 📁 第07章 站点管理 9 优化后台站点数据响应.mov [934.0 MB] 27 完成图片上传组件.mov [1.1 GB] 4 站点元素组件.mov [1.6 GB] 6 添加全局组件 tab.mov [566.5 MB] 8 网站添加后台逻辑.mov [543.5 MB] 7 后台站点管理的基础文件.mov [1.1 GB] 3 完成 admin 布局模板.mov [1.0 GB] 5 添加站点布局.mov [918.0 MB] 15 复用编辑与添加组件.mov [904.6 MB] 17 完善后端接口并完成站点更新.mov [621.8 MB] 1 添加顶部导航菜单.mov [930.2 MB] 24 移除tdesign库.mov [401.1 MB] 23 开发图片上传组件.mov [1.1 GB] 10 后台获取站点列表.mov [487.8 MB] 26 后台图片上传接口.mov [398.1 MB] 13 axios 处理响应消息.mov [539.1 MB] 16 tab 组件设置与当前路由匹配时才显示菜单.mov [214.0 MB] 12 前台站点添加.mov [736.5 MB] 14 站点 composable定义.mov [722.5 MB] 21 优化添加站点.mov [1.1 GB] 20 优化fieldList组件.mov [1.1 GB] 22 系统配置页面.mov [1.3 GB] 18 删除站点.mov [750.4 MB] 名称.jpg [104.8 KB] 25 完成前端上传组件页面.mov [270.6 MB] 19 系统页面制作.mov [1.1 GB] 2 修改admin 布局模板.mov [1.4 GB] 11 前端获取站点列表.mov [462.1 MB] 📁 第09章 模块管理 2 同步模块数据.mov [983.9 MB] 5 模块设计页面.mov [705.8 MB] 1 安装laravel-module用于模块开发.mov [927.8 MB] 7 后台模块添加处理.mov [682.7 MB] 名称.jpg [82.9 KB] 11 删除模块.mov [598.4 MB] 8 完成模块的设计.mov [658.7 MB] 12 站点配置项独立.mov [1.0 GB] 9 模块搜索.mov [482.4 MB] 3 模块页面.mov [1001.7 MB] 6 添加模块接口.mov [833.8 MB] 4 模块列表页面.mov [1.0 GB] 10 修改dialog样式.mov [382.6 MB] 📁 第13章 打包优化 5 编译通过了.mov [525.8 MB] 13 修改路由规则.mov [506.1 MB] 15 使用useSiteModule复用业务逻辑.mov [801.1 MB] 7 优化element-plus的样式文件大小.mov [201.7 MB] 10 完成打包优化.mov [104.9 MB] 4 继续修复类型错误.mov [900.9 MB] 1 测试pnpm run build.mov [457.8 MB] 3 升级扩展包.mov [464.2 MB] 11 后台渲染前端页面.mov [873.3 MB] 14 最终访问测试系统平台.mov [294.6 MB] 12 通过域名成功访问.mov [330.2 MB] 8 分析打包结果.mov [231.0 MB] 9 wangeditor使用cdn来优化大小.mov [1.2 GB] 6 图标库按需要加载.mov [671.9 MB] 2 修复编译错误.mov [903.3 MB] 16 让Ref数据没有undefined.mov [214.6 MB] 📁 第05章 整合前端 9 完成验证码组件.mov [654.0 MB] 8 初步定义验证码组件.mov [845.9 MB] 10 验证码后台验证规则.mov [346.6 MB] 11 后台头像数据处理.mov [531.8 MB] 名称.jpg [168.4 KB] 4 优化后台登录验证.mov [402.7 MB] 2 发送网络请求说明.mov [492.9 MB] 5 通过 pinia 保存表单验证错误消息.mov [531.5 MB] 1 安装前端脚手架.mov [388.8 MB] 6 错误消息vue组件.mov [450.0 MB] 3 接口数据TS类型声明 .mov [510.6 MB] 7 图像验证码扩展包.mov [882.8 MB] 📁 第11章 多端响应处理 5 表格响应式.mov [430.1 MB] 9 修改表格搜索逻辑.mov [1.2 GB] 6 hd-tab组件样式修正.mov [1.1 GB] 2 处理navbar响应式.mov [496.7 MB] 10 后台通过全局scope限制查询条件.mov [607.7 MB] 名称.jpg [93.5 KB] 8 表格按钮使用下拉菜单处理.mov [2.1 GB] 3 topMenu响应式调整.mov [1.2 GB] 1 tailwindcss响应简单介绍.mov [1.6 GB] 4 站点列表响应式调整.mov [774.4 MB] 11 修复表格组件中图片预览错乱问题.mov [264.3 MB] 7 表格按钮列自适应用宽度.mov [1.6 GB] 📁 第01章 开发知识与测试驱动 39 注册时验证码校验.mov [787.7 MB] 40 自定义验证码规则 .mov [607.7 MB] 41 验证码单元测试.mov [684.1 MB] 5 vscode使用建议.mov [385.3 MB] 6 mysql客户端软件选择.mov [315.6 MB] 42 完善apifox接口.mov [660.8 MB] 8 路由理解.mov [224.5 MB] 43 apifox自动化测试.mov [368.7 MB] 9 数据迁移Migrate.mov [427.0 MB] 7 api接口测试软件.mov [96.5 MB] 10 定义zshrc别名.mov [105.5 MB] 32 邮件通知中文本地化.mov [132.7 MB] 3 初始laravel项目.mov [382.9 MB] 24 登录成功返回token.mov [442.7 MB] 25 添加手机号注册.mov [786.9 MB] 37 验证码重复发送限制.mov [683.2 MB] 22 密码输入错误单测.mov [814.9 MB] 35 单元测试发送邮件.mov [242.8 MB] 4 valet配置laravel项目.mov [154.4 MB] 29 配置本地邮件服MailHog.mov [361.0 MB] 26 确认密码测试.mov [564.1 MB] 36 提取验证码发送服务.mov [279.6 MB] 34 开始进行验证码测试.mov [485.5 MB] 27 修复登录测试.mov [709.0 MB] 31 配置多语言环境.mov [889.1 MB] 33 体验邮件发送.mov [187.0 MB] 30 预览邮件通知.mov [303.9 MB] 38 优化验证码服务.mov [470.7 MB] 名称.jpg [173.4 KB] 20 邮箱唯一性单测.mov [337.4 MB] 21 登录单元测试.mov [759.7 MB] 13 跑通单元测试.mov [312.7 MB] 19 注册邮箱单元测试.mov [866.0 MB] 14 单元测试时数据初始化.mov [54.7 MB] 1 安装环境选择.mov [553.2 MB] 17 apifox生成接口文档.mov [236.2 MB] 2 valet网站目录.mov [214.3 MB] 18 独立设置Phpunit数据库.mov [386.8 MB] 15 数据填充的使用.mov [545.9 MB] 11 测试的基本使用.mov [181.5 MB] 16 使用apifox测试接口.mov [162.8 MB] 12 控制器模型的使用.mov [557.3 MB] 23 apipost测试登录接口.mov [494.5 MB] 📁 第04章 RBAC权限管理 12 跑通单元测试.mov [303.1 MB] 1 分析rbac权限管理.mov [355.6 MB] 11 apifox自动化测试.mov [170.4 MB] 10 优化验证码发送.mov [458.6 MB] 28 apifox接口返回数据类型修复.mov [1.2 GB] 26 完成取关与关注列表.mov [741.9 MB] 30 跑通单元测试.mov [1.2 GB] 7 更新权限测试.mov [437.8 MB] 4 用户字段required单测.mov [294.8 MB] 9 优化apifox注册接口.mov [410.0 MB] 5 完成权限的添加.mov [715.6 MB] 3 权限控制相关文件.mov [101.3 MB] 8 删除权限接口.mov [651.0 MB] 29 修改apifox返回类型.mov [1.1 GB] 6 获取权限单元测试.mov [403.0 MB] … 其余 135 项略，目录共 335 项
