SpringBoot2 仿B站高性能前端+后端项目
课程详情
课程介绍
本课程将带领学员从零开始,打造一个功能齐全、性能优异的仿B站(哔哩哔哩)平台,涵盖前端界面开发与后端服务搭建。通过实战演练,学员将深入掌握SpringBoot2框架的核心技术,以及前后端分离开发模式下的高性能解决方案。
适合人群
- 具备Java基础和Web开发入门知识,想提升实战能力的开发者;
- 熟悉前端HTML、CSS、JavaScript,希望学习前后端分离项目开发的程序员;
- 对视频网站架构、高性能系统设计感兴趣的技术爱好者;
- 计划从事Java后端开发,需要积累企业级项目经验的学习者。
核心技术栈
后端技术
- 框架:SpringBoot2.7、SpringMVC、SpringSecurity
- 持久层:MyBatis-Plus、MySQL8.0
- 缓存:Redis(分布式缓存、热点数据存储)
- 消息队列:RabbitMQ(异步处理视频转码、弹幕发送)
- 搜索引擎:Elasticsearch(视频搜索、全文检索)
- 存储:MinIO(对象存储,视频、图片文件管理)
- 其他:JWT(身份认证)、FFmpeg(视频转码)、Docker(容器化部署)
前端技术
- 框架:Vue3、Vite、Pinia(状态管理)
- UI组件库:Element Plus
- 视频播放:Video.js(支持弹幕、倍速播放)
- 网络请求:Axios
- 构建工具:Webpack
项目亮点
- 高性能架构设计:采用Redis缓存热点视频数据,减少数据库访问压力;使用RabbitMQ异步处理视频转码和弹幕存储,提升系统响应速度。
- 分布式部署支持:通过Docker容器化部署应用,结合Nginx实现负载均衡,可轻松扩展服务节点。
- 安全机制完善:基于SpringSecurity和JWT实现用户认证与授权,防止越权访问;对上传文件进行校验,防范恶意文件攻击。
- 用户体验优化:前端采用Vue3+Element Plus构建响应式界面,支持移动端适配;实现视频预加载、弹幕实时显示等功能,提升用户交互体验。
学习收获
- 掌握SpringBoot2框架在实际项目中的应用,包括配置管理、依赖注入、AOP等核心特性;
- 理解前后端分离架构下的数据交互方式,熟练使用RESTful API设计规范;
- 学会使用Redis、RabbitMQ等中间件解决高性能、高并发场景下的技术难题;
- 积累视频网站类项目的开发经验,了解视频存储、转码、流式播放等专业技术;
- 掌握分布式系统的基本设计思想和部署方法,为进阶学习打下基础。
课程目录
第1章 课程介绍(第七章有前端项目展示试看小节) 1-1 课程导学.mp4 1-2 学习方法介绍.mp4 1-3 资源的下载和使用.mp4 第2章 从搭建环境开始你的仿哔哩哔哩项目(初入江湖) 2-1 本章导学.mp4 2-2 项目结构讲解.mp4 2-3 开发环境说明.mp4 2-4 创建多模块、多环境项目.mp4 2-5 配置JDK与Maven.mp4 2-6 运行你的仿哔哩哔哩后端项目.mp4 2-7 搭建数据库与持久层框架( 一).mp4 2-8 搭建数据库与持久层框架( 二).mp4 2-9 效率提升:实现热部署.mp4 第3章 从用户功能体验后端经典开发模式(窥得门路) 3-1 用户模块开发概要-Restful风格接口设计(上).mp4 3-2 用户模块开发概要-Restful风格接口设计(中).mp4 3-3 用户模块开发概要-Restful风格接口设计(下).mp4 3-4 通用功能与配置(上).mp4 3-5 通用功能与配置(中)-.mp4 3-6 通用功能与配置(下).mp4 3-7 用户注册与登录:数据库表设计.mp4 3-8 用户注册与登录:接口开发(上).mp4 3-9 用户注册与登录:接口开发(中).mp4 3-10 用户注册与登录:接口开发(下).mp4 3-11 基于JWT的用户token验证(上).mp4 3-12 基于JWT的用户token验证(中).mp4 3-13 基于JWT的用户token验证(下).mp4 3-14 用户登录功能升级(上).mp4 3-15 用户登录功能升级(下).mp4 3-16 第三章作业1 3-17 条件更新用户基本信息.mp4 3-18 用户关注与动态提醒.mp4 3-19 添加用户关注(上 ).mp4 3-20 添加用户关注(下 ).mp4 3-21 获取用户关注列表.mp4 3-22 获取用户粉丝列表.mp4 3-23 添加与获取用户关注分组(上 ).mp4 3-24 添加与获取用户关注分组(下 ).mp4 3-25 安装配置RocketMQ与Redis 3-26 订阅发布模式.mp4 3-27 动态提醒实现方式.mp4 3-28 生产者与消费者(一 ).mp4 3-29 生产者与消费者(二 ).mp4 3-30 新增用户动态.mp4 3-31 消费用户动态.mp4 3-32 查询订阅动态.mp4 3-33 RBAC用户权限控制.mp4 3-34 权限控制准备工作.mp4 3-35 操作权限&菜单权限.mp4 3-36 测试权限接口.mp4 3-37 Spring AOP切面编程.mp4 3-38 接口权限控制(一 ).mp4 3-39 接口权限控制(二 ).mp4 3-40 数据权限控制.mp4 3-41 添加用户默认角色.mp4 3-42 双令牌实现登录升级.mp4 3-43 第三章作业2 第4章 打造高性能的视频与弹幕系统(高手进阶) 4-1 视频与弹幕功能开发概要.mp4 4-2 FastDFS文件服务器.mp4 4-3 nginx反向代理.mp4 4-4 搭建fastdfs文件服务器 4-5 SpringBoot整合FastDFS.mp4 4-6 断点续传(上).mp4 4-7 断点续传(下).mp4 4-8 文件分片.mp4 4-9 测试断点续传.mp4 4-10 秒传.mp4 4-11 秒传测试.mp4 4-12 视频投稿.mp4 4-13 瀑布流视频列表.mp4 4-14 视频在线播放(一 ).mp4 4-15 视频在线播放(二 ).mp4 4-16 第四章作业1 4-17 视频点赞.mp4 4-18 视频收藏.mp4 4-19 视频投币.mp4 4-20 视频评论.mp4 4-21 视频详情.mp4 4-22 弹幕系统设计.mp4 4-23 SpringBoot整合WebSocket.mp4 4-24 多例模式的Bean注入.mp4 4-25 弹幕系统实现.mp4 4-26 弹幕系统测试.mp4 4-27 弹幕推送性能优化.mp4 4-28 弹幕异步存储.mp4 4-29 在线人数统计.mp4 4-30 弹幕查询.mp4 4-31 本章总结 第5章 从全局的角度出发打造你的系统(把控全局) 5-1 系统全局开发概要.mp4 5-2 ElasticSearch数据解决方案.mp4 5-3 搭建ElasticSearch与Kibana 5-4 SpringBoot整合ElasticSearch.mp4 5-5 ElasticSearch测试.mp4 5-6 全文搜索.mp4 5-7 全文搜索测试.mp4 5-8 观看记录.mp4 5-9 内容推荐.mp4 5-10 弹幕遮罩.mp4 第6章 课程回顾与能力提升(游刃有余) 6-1 本课程回顾.mp4 6-2 自动化部署.mp4 6-3 搭建jenkins实现自动化部署 6-4 分布式开发Spring Cloud.mp4 6-5 搭建Eureka服务端.mp4 6-6 客户端服务注册.mp4 6-7 微服务间的调用.mp4 6-8 断路器.mp4 6-9 断路器测试.mp4 6-10 路由网关.mp4 第7章 启程 - 从零到Vue.js 7-1 项目效果展示.mp4 7-2 学习内容介绍.mp4 7-3 本章导学.mp4 7-4 安装配置Node.js.mp4 7-5 VUE简介.mp4 7-6 使用VUE CLI创建项目.mp4 7-7 本地启动项目.mp4 第8章 Vue 2 的奥秘 - 深入核心 8-1 本章导学.mp4 8-2 Vue2的核心.mp4 8-3 Vue的入口:main.mp4 8-4 VUE文件的组成.mp4 8-5 你的第一个HelloWorld:前置准备工作.mp4 8-6 你的第一个HelloWorld:页面结构搭建.mp4 8-7 你的第一个HelloWorld:Less预处理器.mp4 8-8 你的第一个HelloWorld:完成页面样式-.mp4 8-9 数据绑定与差值语法.mp4 8-10 单向数据绑定与双向数据绑定.mp4 8-11 事件处理与方法.mp4 8-12 计算属性.mp4 8-13 生命周期:创建和挂载.mp4 8-14 生命周期:更新和销毁.mp4 8-15 路由管理神器:Vue Router.mp4 第9章 Axios - 数据请求与处理 9-1 Axios简介与特点.mp4 9-2 安装与配置Axios.mp4 9-3 使用Axios发起HTTP请求.mp4 9-4 Promise异步处理模式.mp4 9-5 async+await异步处理模式.mp4 9-6 请求响应拦截器.mp4 9-7 本章小结.mp4 第10章 ElementUI-提效神器 10-1 ElementUI简介.mp4 10-2 安装与配置ElementUI.mp4 10-3 ElementUI的基本使用.mp4 10-4 CommonHeader案例:下拉菜单.mp4 10-5 显示和隐藏对话框.mp4 10-6 popover弹出框.mp4 10-7 图标按钮与路由跳转.mp4 10-8 走马灯.mp4 10-9 导航菜单(上)功能搭建.mp4 10-10 导航菜单(下)嵌套路由.mp4 第11章 CSS-掌握样式设计 11-1 本章导学.mp4 11-2 布局控制:常用属性.mp4 11-3 Flex布局.mp4 11-4 空间控制:常用属性.mp4 11-5 空间控制:应用.mp4 11-6 字体控制.mp4 11-7 grid 布局.mp4 11-8 解决间距问题.mp4 第12章 首页 - 用户体验的前台 12-1 本章导学.mp4 12-2 通用导航:结构搭建.mp4 12-3 通用导航:样式调整(上).mp4 12-4 通用导航:样式调整(下).mp4 12-5 分区导航.mp4 12-6 视频卡片(一).mp4 12-7 视频卡片(二).mp4 12-8 无限加载.mp4 12-9 样式穿透.mp4 12-10 混入mixin.mp4 12-11 完善右侧导航.mp4 12-12 登录Dialog:结构搭建.mp4 12-13 登录dialog:接口联调.mp4 12-14 数据共享:Vuex.mp4 第13章 视频亮相 - 视频内容的魔法 13-1 本章导学.mp4 13-2 视频投稿:结构样式搭建.mp4 13-3 选择与拖拽视频.mp4 13-4 分片上传视频.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 13-14 视频评论:一级评论(二).mp4 13-15 视频评论:二级评论.mp4 13-16 视频评论:提交回复评论.mp4 第14章 弹幕 - 实时互动的魅力 14-1 本章导学.mp4 14-2 弹幕顶部up信息栏.mp4 14-3 播放器发送弹幕.mp4 14-4 通过websocket连接后端.mp4 14-5 使用手风琴和表格构建弹幕盒子.mp4 14-6 获取和装填弹幕.mp4 第15章 个人中心 - 用户专属的空间 15-1 本章导学.mp4 15-2 结构与路由配置.mp4 15-3 修改用户头像.mp4 15-4 个人中心导航栏.mp4 15-5 展示与修改个人信息.mp4 15-6 投稿:分区统计.mp4 15-7 投稿:视频分页控制.mp4 15-8 收藏展示和取消、分组移动.mp4 15-9 个人中心主页.mp4 15-10 关注导航栏.mp4 15-11 关注分页展示及分组修改.mp4 15-12 注册登录页.mp4 第16章 终章:系统完善 - 提高全面性 16-1 、本章导学.mp4 16-2 动态:未登录状态.mp4 16-3 动态弹窗与json类型转换器.mp4 16-4 发布图文动态.mp4 16-5 tab切换形式下的无限加载动态.mp4 16-6 历史记录.mp4 16-7 搜索:整体结构搭建.mp4 16-8 视频搜索:结构搭建.mp4 16-9 视频搜索分页排序.mp4 16-10 用户搜索.mp4 16-11 视频推荐.mp4 16-12 课程总结.mp4





