Spring Cloud + Vue 前后端分离开发企业级在线视频课程系统

前端开发

课程简介

《Spring Cloud + Vue 前后端分离开发企业级在线视频课程系统》Spring Cloud + Vue 前后端分离开发企业级在线视频课程系统【技能收获】学完可掌握：Vue / 前端工程化。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向，认

已有 0 人浏览发布 2026-09-15 更新 2026-09-15

这套课程的名字里塞了两个技术栈和一个具体业务：Spring Cloud 做后端微服务、Vue 做前端、业务是「企业级在线视频课程系统」。光看标题容易以为是又一套把两个框架拼在一起的演示项目，但真正决定它值不值得花时间的，是它把「前后端分离」当成了架构前提，而不是课后附加的小练习。对收藏型学习者来说，这一点比堆了多少课时重要得多。

课纲的含金量在哪

前后端分离类课程最容易塌陷的地方，是后端只写几个 CRUD 接口，前端只调两个列表页，中间靠一场「联调演示」糊过去。判断这门课是否扎实，看它有没有正面处理分离之后必然冒出来的几件事：跨域怎么管、接口契约怎么定、鉴权 token 在前端怎么存和带、后端服务拆开之后调用链怎么串。课程既然把 Spring Cloud 摆在前面，就意味着后端不是单体，而是拆成了若干服务，那么服务注册发现、网关转发、服务间调用这些环节就绕不开。这些正是课纲里含金量最高的部分，也是很多同类课程会刻意回避的难点。

哪些章节值得精看

架构拆分与网关段落：不要只当成配置课看。重点观察它是怎么把视频、用户、订单这类业务划成不同服务的，拆分粒度的判断比记住某个注解更有迁移价值。
前后端接口对接段落：这是整门课的枢纽。留意请求路径、参数格式、返回结构在前端是如何被消费的，异常和错误码是怎么统一处理的。
视频业务本身的处理：在线视频课程系统这个选题并不白给。课程、章节、课时这类层级数据怎么建模，视频播放地址怎么下发，都是能直接搬去其他内容型项目的经验。
登录鉴权与权限控制：前后端分离下这块最容易出错，值得逐节慢看，把 token 的生命周期理清楚。

相对而言，环境搭建、依赖引入、基础语法回顾这几段可以加速过，它们服务于后面，本身没有太多判断空间。

资料包怎么拆开用

这类课程的配套资料通常混着几类东西：分节笔记、可运行的工程代码、接口说明、以及零散的补充材料。建议不要顺着看，而是拆成两条线用。一条是「跟着敲」的线，用代码工程对照视频，遇到卡住的段落直接翻工程验证，比反复拖进度条高效。另一条是「事后查」的线，把分节笔记当成索引，只在复盘或面试前回看，重点翻架构决策和踩坑记录那几节。接口相关的说明单独拎出来，自己对着它复写一遍请求，能很快暴露「看懂了但写不出」的地方。

适合谁，以及怎么用不亏

如果你已经会 Vue 基础、也大致知道 Spring Boot 怎么写接口，这门课能帮你把两边真正接起来，补上分离架构里那些没人系统讲过的缝合点。但如果你连后端框架都没碰过，建议先单独补一轮 Spring Boot，否则微服务部分会变成纯抄配置。一个务实的用法是：不追求完整复现整套系统，而是挑「用户鉴权 + 一个视频业务接口」这条最小链路独立走通一遍，写进自己的仓库。能自己跑通的这一条线，比收藏一整个资料包更能说明问题。

Spring Cloud + Vue 前后端分离开发企业级在线视频课程系统

课程推荐

视频目录（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

Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统

课纲的含金量在哪

哪些章节值得精看

资料包怎么拆开用

适合谁，以及怎么用不亏

Spring Cloud + Vue 前后端分离开发企业级在线视频课程系统