这套课的主题很明确:用 Spring Cloud 做后端微服务,用 Vue 做前端,两边分开开发,最后拼成一个能跑起来的在线视频课程系统。它不是一个"三天学会"的课,光是后端那一串服务注册、网关、配置中心、远程调用,就够啃一阵子。所以下面这份导读,讲的是怎么按自己的时间节奏把它走完,而不是催你赶紧学完。

先想清楚:这门课难在哪

难的不是某一个知识点,而是"两头都要顾"。前端的组件化、路由、状态管理是一套逻辑,后端的服务拆分、接口约定、跨服务调用是另一套逻辑,中间还要靠接口把两边接上。如果你只写过单体的增删改查,或者只写过纯静态页面,会有一段时间觉得两头都半生不熟,这是正常的,不是你笨。

更现实的一点:微服务本身就带环境成本。跑起来需要注册中心、网关、数据库、缓存这些角色都在位,任何一环没起来,页面就是白的、接口就是 404。前期把时间花在"让环境跑通"上,比急着写业务代码更划算。

哪些先看,哪些可以往后放

  • 先看后端服务的拆分思路和接口约定。搞明白有哪些服务、各自负责什么、对外暴露哪些接口,后面写前端时你才知道数据从哪来。
  • 前端先看工程搭建和路由、请求封装。环境跑通、能调通一个接口,比把所有组件语法背下来有用得多。
  • 视频播放、权限校验、上传这类章节,按需看。它们相对独立,一时用不上可以先跳,回头需要再补。
  • 部署、监控、容器化相关部分,留到你本地能完整跑通之后再碰。否则容易陷入"配置改了一天还是起不来"的挫败里。

跟着练,但别只跟着敲

这类项目课最容易的坑,是照着敲一遍、跑通了、就以为会了。跑通只说明代码没错,不代表你理解了为什么这样分层。

一个更慢但更扎实的做法:每做完一个模块,把这一模块的接口自己重新写一遍,不看视频。写不出来就回去看,看明白再合上。前端的组件也一样,先照做,再试着自己删掉一部分看会发生什么——报错信息往往比视频讲得更清楚。

课程里有章节笔记,把它当复习提纲用,而不是当答案抄。合上视频,用笔记把这一节的流程默一遍,哪里卡住,那里就是你真正的薄弱点。

时间碎的人怎么排

如果每天只有半小时到一小时,建议按"一次只解决一件事"来切:今天只把注册中心跑起来,明天只让一个接口通,后天只把登录页面接上。不要指望一次坐下来就"学完一章",那只会让你每次都停在半路,下次还得重新回忆上次在哪。

每周留一次完整的时间段(两三个小时),专门用来把这一周零散跑通的东西串起来,做一遍端到端的验证:从页面点进去,到数据落库,再到返回显示。串得起来,才算这一步真的过了。

最后,允许自己学不完

这门课覆盖面不小,前端的工程化、后端的微服务治理,每一样单独拎出来都能再学很久。你不需要全部吃透才算学完。能独立把一个模块从前到后跑通,能说清楚一次请求是怎么从前端走到后端再回来的,这套课对你就算值了。剩下没弄懂的部分,记下来,等真正用到的时候再回头补,比硬啃要轻松得多。


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