这个资料包讲的是一套完整的前后端分离项目：后端用 Spring Cloud 做微服务拆分，前端用 Vue 做单页应用，业务落在"在线视频课程系统"上。它不是单纯讲 Vue 语法，也不是单纯讲注册中心怎么配，而是把两端放在一个真实业务里跑通。适合谁？写过 Vue 但没碰过微服务的前端，写过 Spring Boot 单体但没拆过服务端的后端，以及准备转岗、需要用项目撑简历的人。
前端这块，缺口通常不在语法
大部分人写过 v-if、v-for、生命周期，也能用 axios 发请求，真正卡住的是工程化和联调：路由怎么和权限挂钩、请求拦截器里怎么统一塞 token、跨域到底该在前端代理还是后端网关处理、组件之间状态该放 Vuex 还是就近维护。课程的业务场景正好把这些逼出来——课程列表要分页、详情要播放、购买和登录要有状态，不是空壳练习。
看完应该能回答几个问题：一个视频课程系统的前端页面大致怎么分层？登录态和权限校验放在哪一层拦截？后端接口还没好时，前端怎么先跑起来？如果这几个问题你答得含糊，那这块就是你该补的。
后端要补的是"拆"的思路
Spring Cloud 的价值只有在服务多了以后才显出来。单个服务用不着注册中心、网关、配置中心，一旦拆成用户、课程、订单、视频几块，问题立刻出现：服务怎么互相找到？网关入口怎么统一鉴权？某个服务挂了怎么办？课程围绕这套系统，会把这些组件放到具体调用链里，而不是孤立地讲一个注解。
注意一点：微服务不是拆得越碎越好。看完要能说清楚，这套系统为什么这样划分服务边界，哪些地方其实可以不拆。能判断"不该拆"，比会背组件名有用得多。
前后端分离真正的难点在接口约定
前后端分离听起来是分工，实际最容易出问题的是接口契约：字段命名、返回结构、错误码、分页参数、鉴权头。课程把两端合在一个项目里做，正好能看到这些约定是怎么落地的。你在练习时别只顾着把功能跑通，试着把每个接口的请求和响应写下来，整理成一份自己看得懂的接口文档——这个动作比多敲几行代码更接近真实协作。
怎么用这个资料包
- 别跳着看。先让整套系统在本机跑起来，跑不通就先解决环境，别急着改代码。
- 每做完一个模块，合上资料自己复现一遍关键接口，卡住的地方才是你真正的缺口。
- 把项目改造成自己的：换个业务主题，比如换成一本书、一个商品，接口和表结构跟着调整。改动过程中暴露的问题，比原样复刻有价值。
- 整理出一份笔记，只记"我踩过的坑"和"我一开始理解错的地方"，不必抄目录。
看完应能回答的问题
- 网关、注册中心、配置中心各自解决什么问题，缺了哪个会先出乱子？
- 前端从发请求到拿到数据，中间经过了哪几层，token 在哪一层被校验？
- 视频这类大文件，直接走后端接口合适吗，替代方案是什么？
- 如果要把这套系统部署上线，你会先动哪一块，为什么？
这不是一门带你从零认字的课，前提是你已经能写基本的增删改查、能看懂一个 Vue 组件。基础不牢的话，先补前端和后端各自的基础，再回来做这个综合项目，效率反而更高。缺什么补什么，别指望一个项目把所有东西都教会。
Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统
课程推荐
《Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统》Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统【技能收获】学完可掌握：Vue / 前端工程化。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向，认证 + 实战项目组合能显著提升面试通过率，适合向中高级运维或架构岗进阶。 若你已有一定编程或运维基础，本课程可帮助你在现有技能栈上快速叠加热门方向能力，提升求职时的项目说服力与薪资谈判空间。
视频目录（87 节）
* 1-2 课程介绍及学习指导.mp4
* 2-1 使用Eureka搭建注册中心.mp4
* 2-2 搭建业务模块-system.mp4
* 2-3 搭建路由模块-gateway.mp4
* 3-1 集成持久层框架Mybatis.mp4
* 3-2 项目优化.mp4
* 3-3 搭建服务模块-server.mp4
* 3-4 集成mybatis generator.mp4
* 4-1 使用vue cli创建admin项目.mp4
* 4-2 集成bootstrap后台管理模板ace.mp4
* 4-3 集成路由vue-router.mp4
* 4-4 控台欢迎页面开发.mp4
* 5-1 大章列表查询功能开发1.mp4
* 5-2 大章列表查询功能开发2.mp4
* 5-3 大章列表查询功能开发3.mp4
* 5-4 分页功能开发.mp4
* 5-5 前端分页组件的使用.mp4
* 5-6 增加新增大章功能.mp4
* 5-7 修改删除大章功能.mp4
* 5-8 集成前端通用组件.mp4
* 5-9 代码优化.mp4
* 6-1 代码生成器原理介绍.mp4
* 6-2 controller层和service层代码生成.mp4
* 6-3 dto层代码生成.mp4
* 6-4 前端vue界面代码生成.mp4
* 6-5 字段校验和通用字段的处理.mp4
* 6-6 前端枚举代码生成.mp4
* 6-7 生成器综合示例.mp4
* 6-8 生成器升级作业.mp4
* 7-1 课程管理功能开发.mp4
* 7-2 课程时长的保存和显示.mp4
* 7-3 分类管理功能开发.mp4
* 7-4 课程和分类关联保存和显示.mp4
* 7-5 课程内容功能开发.mp4
* 7-6 课程代码优化.mp4
* 7-7 讲师管理功能开发.mp4
* 8-1 完成基本的文件上传功能.mp4
* 8-2 讲师头像的保存与显示.mp4
* 8-3 文件上传组件开发1.mp4
* 8-4 文件上传组件开发2.mp4
* 8-5 增加文件管理功能1.mp4
* 8-6 增加文件管理功能2.mp4
* 8-7 文件上传组件的使用.mp4
* 8-8 作业讲解：课程内容中增加文件管理.mp4
* 9-1 分片传输的试探.mp4
* 9-2 分片上传功能开发1.mp4
* 9-3 分片上传功能开发2.mp4
* 9-4 分片合并功能开发.mp4
* 9-5 分片检查与极速秒传.mp4
* 9-6 文件上传流程图.mp4
* 10-1 阿里云OSS简介.mp4
* 10-2 基于OSS接口的文件上传.mp4
* 10-3 阿里云视频点播服务介绍.mp4
* 10-4 基于OSS原生SDK上传视频到点播1.mp4
* 10-5 基于OSS原生SDK上传视频到点播2.mp4
* 10-6 视频授权播放功能开发.mp4
* 11-1 增加用户管理功能.mp4
* 11-2 密码的加密传输与加密存储.mp4
* 11-3 基本的登录功能开发.mp4
* 11-4 退出登录与记住登录.mp4
* 11-5 增加登录图形验证码.mp4
* 11-6 单点登录功能开发.mp4
* 11-7 前后端登录拦截.mp4
* 11-8 用户登录流程图.mp4
* 12-1 通用权限解决方案介绍.mp4
* 12-2 资源配置管理.mp4
* 12-3 角色权限管理.mp4
* 12-4 登录时获取资源权限.mp4
* 12-5 权限拦截功能开发.mp4
* 13-1 网站模块的搭建.mp4
* 13-2 集成bootstrap**模板.mp4
* 13-3 首页开发-1.mp4
* 13-4 首页开发-2.mp4
* 13-5 课程列表页面开发.mp4
* 13-6 分类筛选功能开发.mp4
* 13-7 课程详情页面开发.mp4
* 13-8 章节显示与视频播放.mp4
* 13-9 增加会员注册功能.mp4
* 13-10 增加登录与退出登录功能.mp4
* 13-11 增加发送短信验证码功能.mp4
* 13-12 完善登录注册校验功能.mp4
* 13-13 增加立即报名功能.mp4
* 14-1 项目初始化.mp4
* 14-2 控台欢迎页开发.mp4
* 14-3 前后端多环境配置.mp4
* 14-4 前后端缓存的使用.mp4
* 15-1 课程总结.mp4
