# 2023版SpringBoot2 仿B站高性能前端+后端项目课程

*Published:* 2024-05-30
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年12月29日，已超过 180天没有更新



**高性能前端+后端项目开发全流程，掌握视频业务核心功能与技术**

如今短视频成为了风口中的风口，但市场上极度缺乏视频业务开发的相关技术人才。本课程基于SpringCloud微服务架构+Springboot+JDK+Maven+VUE等技术，实现B站核心功能（视频流、弹幕流）+百万量级的高性能优化，让你在实战中全面提升前端加后端技术水平，掌握架构设计思维及丰富解决方案，从此拥有高性能+视频业务项目经验的背书！

[![](https://www.xarjtc.com/wp-content/uploads/2024/05/53ccf43cb0a7b88.webp)](https://www.xarjtc.com/wp-content/uploads/2024/05/53ccf43cb0a7b88.webp)

**适合人群**

1-3年工作间经验的后端开发人员

寻找机会想从简历中脱颖而出的在职IT从业者

想增加项目经历的前后端开发人员

**技术储备**

Java基础知识

Springboot相关概念

数据库，sql语句基础知识

linux、mac、windows系统shell基础知识

**环境参数**

Springboot 2.x

Mybatis 2.2.0

jdk 1.8

maven 3.x

VUE 2

操作系统 win10/mac/linux

**章节目录：**

第1章 课程介绍（第七章有前端项目展示试看小节）3 节 | 20分钟

本章将对本门课程得整体内容进行详细阐述，让大家在全局角度了解课程设计逻辑，并在学习方法上给出合理建议，让大家对课程本身现有一个清晰得了解。

收起列表

视频：

1-1 课程导学 (07:05)

视频：

1-2 学习方法介绍 (08:09)

视频：

1-3 资源的下载和使用 (04:19)

第2章 从搭建环境开始你的仿哔哩哔哩项目（初入江湖）9 节 | 97分钟

本章主要针对项目架构及项目开发前置条件进行详细的阐述。帮助大家在实际进行项目学习及开发前准备好相关的工具与环境，快速进入状态。

收起列表

视频：

2-1 本章导学 (05:30)

视频：

2-2 项目结构讲解 (12:56)

视频：

2-3 开发环境说明 (08:33)

视频：

2-4 创建多模块、多环境项目 (09:17)

视频：

2-5 配置JDK与Maven (14:30)

视频：

2-6 运行你的仿哔哩哔哩后端项目 (12:08)

视频：

2-7 搭建数据库与持久层框架（ 一） (09:13)

视频：

2-8 搭建数据库与持久层框架（ 二） (16:35)

视频：

2-9 效率提升：实现热部署 (07:58)

第3章 从用户功能体验后端经典开发模式（窥得门路）43 节 | 535分钟

本章基于第二章项目架构相关内容，对项目核心功能进行细分，以用户相关功能为引入点，为大家详细讲解诸如混合加密、用户令牌验证、权限控制等核心经典功能及相关设计模式。

收起列表

视频：

3-1 用户模块开发概要-Restful风格接口设计（上） (13:25)

视频：

3-2 用户模块开发概要-Restful风格接口设计（中） (18:04)

视频：

3-3 用户模块开发概要-Restful风格接口设计（下） (12:53)

视频：

3-4 通用功能与配置（上） (11:02)

视频：

3-5 通用功能与配置（中）- (07:12)

视频：

3-6 通用功能与配置（下） (25:04)

视频：

3-7 用户注册与登录：数据库表设计 (06:13)

视频：

3-8 用户注册与登录：接口开发（上） (11:44)

视频：

3-9 用户注册与登录：接口开发（中） (20:49)

视频：

3-10 用户注册与登录：接口开发（下） (08:52)

视频：

3-11 基于JWT的用户token验证（上） (10:09)

视频：

3-12 基于JWT的用户token验证（中） (16:02)

视频：

3-13 基于JWT的用户token验证（下） (16:26)

视频：

3-14 用户登录功能升级（上） (10:17)

视频：

3-15 用户登录功能升级（下） (15:13)

图文：

3-16 第三章作业1

视频：

3-17 条件更新用户基本信息 (06:57)

视频：

3-18 用户关注与动态提醒 (08:23)

视频：

3-19 添加用户关注（上 ） (09:16)

视频：

3-20 添加用户关注（下 ） (15:40)

视频：

3-21 获取用户关注列表 (14:30)

视频：

3-22 获取用户粉丝列表 (10:47)

视频：

3-23 添加与获取用户关注分组（上 ） (14:23)

视频：

3-24 添加与获取用户关注分组（下 ） (12:58)

图文：

3-25 安装配置RocketMQ与Redis

视频：

3-26 订阅发布模式 (11:49)

视频：

3-27 动态提醒实现方式 (04:30)

视频：

3-28 生产者与消费者（一 ） (16:20)

视频：

3-29 生产者与消费者（二 ） (11:23)

视频：

3-30 新增用户动态 (12:07)

视频：

3-31 消费用户动态 (10:58)

视频：

3-32 查询订阅动态 (08:45)

视频：

3-33 RBAC用户权限控制 (23:24)

视频：

3-34 权限控制准备工作 (13:38)

视频：

3-35 操作权限&菜单权限 (28:44)

视频：

3-36 测试权限接口 (05:01)

视频：

3-37 Spring AOP切面编程 (09:47)

视频：

3-38 接口权限控制（一 ） (15:10)

视频：

3-39 接口权限控制（二 ） (14:10)

视频：

3-40 数据权限控制 (11:46)

视频：

3-41 添加用户默认角色 (09:55)

视频：

3-42 双令牌实现登录升级 (30:37)

图文：

3-43 第三章作业2

第4章 打造高性能的视频与弹幕系统（高手进阶）31 节 | 390分钟

本章承接第三章的内容，为大家详细讲解B站最核心的视频流及弹幕功能以及RocketMQ、Redis等工具在Springboot中的集成和使用，结合实际代码开发操作帮助大家快速掌握核心功能开发。

收起列表

视频：

4-1 视频与弹幕功能开发概要 (05:47)

视频：

4-2 FastDFS文件服务器 (10:13)

视频：

4-3 nginx反向代理 (09:44)

图文：

4-4 搭建fastdfs文件服务器

视频：

4-5 SpringBoot整合FastDFS (19:42)

视频：

4-6 断点续传（上） (17:56)

视频：

4-7 断点续传（下） (24:44)

视频：

4-8 文件分片 (15:53)

视频：

4-9 测试断点续传 (07:09)

视频：

4-10 秒传 (12:57)

视频：

4-11 秒传测试 (06:46)

视频：

4-12 视频投稿 (15:06)

视频：

4-13 瀑布流视频列表 (14:34)

视频：

4-14 视频在线播放（一 ） (19:29)

视频：

4-15 视频在线播放（二 ） (14:55)

图文：

4-16 第四章作业1

视频：

4-17 视频点赞 (12:18)

视频：

4-18 视频收藏 (11:54)

视频：

4-19 视频投币 (19:42)

视频：

4-20 视频评论 (23:25)

视频：

4-21 视频详情 (08:50)

视频：

4-22 弹幕系统设计 (27:45)

视频：

4-23 SpringBoot整合WebSocket (22:59)

视频：

4-24 多例模式的Bean注入 (10:40)

视频：

4-25 弹幕系统实现 (17:42)

视频：

4-26 弹幕系统测试 (03:28)

视频：

4-27 弹幕推送性能优化 (14:20)

视频：

4-28 弹幕异步存储 (08:29)

视频：

4-29 在线人数统计 (05:44)

视频：

4-30 弹幕查询 (06:55)

图文：

4-31 本章总结

第5章 从全局的角度出发打造你的系统（把控全局）10 节 | 127分钟

本章从系统全局角度，为大家讲解全局搜索、系统广播、数据统计等系统级功能，同时引入个性化推荐模块帮助同学们有效提升项目开发深度。

收起列表

视频：

5-1 系统全局开发概要 (05:11)

视频：

5-2 ElasticSearch数据解决方案 (08:07)

图文：

5-3 搭建ElasticSearch与Kibana

视频：

5-4 SpringBoot整合ElasticSearch (25:11)

视频：

5-5 ElasticSearch测试 (07:57)

视频：

5-6 全文搜索 (22:20)

视频：

5-7 全文搜索测试 (04:34)

视频：

5-8 观看记录 (11:15)

视频：

5-9 内容推荐 (20:13)

视频：

5-10 弹幕遮罩 (22:11)

第6章 课程回顾与能力提升（游刃有余）10 节 | 87分钟

本章作为总结章，对前面各个章节进行复盘，并为大家讲解企业级项目开发完整流程，同时引入Spring Aop、nginx负载均衡等概念，帮助大家进一步扩展开发技能树与设计思维。

收起列表

视频：

6-1 本课程回顾 (08:03)

视频：

6-2 自动化部署 (04:47)

图文：

6-3 搭建jenkins实现自动化部署

视频：

6-4 分布式开发Spring Cloud (11:36)

视频：

6-5 搭建Eureka服务端 (13:32)

视频：

6-6 客户端服务注册 (05:21)

视频：

6-7 微服务间的调用 (10:48)

视频：

6-8 断路器 (08:19)

视频：

6-9 断路器测试 (02:21)

视频：

6-10 路由网关 (21:37)

第7章 启程 - 从零到Vue.js7 节 | 27分钟

本章将引导您从零开始快速搭建一个 Vue.js 项目，从安装配置 Node.js 到创建和启动一个 Vue 项目，让您迅速进入 Vue.js 开发的世界。

收起列表

视频：

7-1 项目效果展示 (03:49)

视频：

7-2 学习内容介绍 (02:23)

视频：

7-3 本章导学 (02:02)

视频：

7-4 安装配置Node.js (05:18)

视频：

7-5 VUE简介 (02:55)

视频：

7-6 使用VUE CLI创建项目 (07:29)

视频：

7-7 本地启动项目 (02:26)

第8章 Vue 2 的奥秘 - 深入核心15 节 | 142分钟

在本章中，我们将深入研究 Vue.js 2 的基础概念和功能，这一章将帮助您深入理解 Vue 2 的核心概念和功能，使您能够更有效地开发 Vue.js 应用程序。这些知识将为您在后续章节中构建更复杂的 Vue 项目提供基础。

收起列表

视频：

8-1 本章导学 (01:41)

视频：

8-2 Vue2的核心 (11:09)

视频：

8-3 Vue的入口：main (14:35)

视频：

8-4 VUE文件的组成 (06:43)

视频：

8-5 你的第一个HelloWorld：前置准备工作 (05:58)

视频：

8-6 你的第一个HelloWorld：页面结构搭建 (04:55)

视频：

8-7 你的第一个HelloWorld：Less预处理器 (13:44)

视频：

8-8 你的第一个HelloWorld：完成页面样式- (08:35)

视频：

8-9 数据绑定与差值语法 (03:04)

视频：

8-10 单向数据绑定与双向数据绑定 (10:51)

视频：

8-11 事件处理与方法 (11:04)

视频：

8-12 计算属性 (08:11)

视频：

8-13 生命周期：创建和挂载 (15:18)

视频：

8-14 生命周期：更新和销毁 (08:59)

视频：

8-15 路由管理神器：Vue Router (16:24)

第9章 Axios - 数据请求与处理7 节 | 79分钟

本章将引导您深入了解 Axios，这是一个非常流行的 JavaScript HTTP 客户端库，用于在前端应用中进行网络请求和数据交互。本章将使您能够在 Vue.js 应用程序中有效地处理各种类型的网络请求和数据交互，为您的前端项目添加强大的数据获取和更新功能。...

收起列表

视频：

9-1 Axios简介与特点 (04:33)

视频：

9-2 安装与配置Axios (04:49)

视频：

9-3 使用Axios发起HTTP请求 (15:07)

视频：

9-4 Promise异步处理模式 (10:21)

视频：

9-5 async+await异步处理模式 (16:05)

视频：

9-6 请求响应拦截器 (11:49)

视频：

9-7 本章小结 (16:01)

第10章 ElementUI-提效神器10 节 | 84分钟

本章将引导您深入了解 ElementUI，这是一个基于 Vue.js 的流行的前端 UI 框架，用于快速构建现代化的用户界面。本章将帮助您快速上手 ElementUI，使您能够创建出现代化、交互丰富的用户界面，提高您的前端项目的用户体验和可用性。 ElementUI 提供了丰富的组件库，可以简化前端开发，让您更轻松地构建各种应用程序...

收起列表

视频：

10-1 ElementUI简介 (04:19)

视频：

10-2 安装与配置ElementUI (02:47)

视频：

10-3 ElementUI的基本使用 (06:32)

视频：

10-4 CommonHeader案例：下拉菜单 (15:05)

视频：

10-5 显示和隐藏对话框 (06:28)

视频：

10-6 popover弹出框 (10:32)

视频：

10-7 图标按钮与路由跳转 (10:19)

视频：

10-8 走马灯 (13:40)

视频：

10-9 导航菜单（上）功能搭建 (08:34)

视频：

10-10 导航菜单（下）嵌套路由 (05:38)

第11章 CSS-掌握样式设计8 节 | 71分钟

这一章将帮助您掌握 CSS 的基本概念和技巧，以便您能够更好地设计和样式化网页。理解类、ID、伪类、定位和 Flex 布局等内容将使您能够创建各种类型的网页布局和样式。此外，Less 的介绍将为您提供更高级的 CSS 编写工具

收起列表

视频：

11-1 本章导学 (06:10)

视频：

11-2 布局控制：常用属性 (15:34)

视频：

11-3 Flex布局 (10:06)

视频：

11-4 空间控制：常用属性 (05:50)

视频：

11-5 空间控制：应用 (10:25)

视频：

11-6 字体控制 (11:21)

视频：

11-7 grid 布局 (07:26)

视频：

11-8 解决间距问题 (03:20)

第12章 首页 - 用户体验的前台14 节 | 159分钟

这一章将使您能够创建一个完整的网站首页，包括导航、搜索、注册、登录等核心功能，为用户提供愉快的浏览和互动体验。同时，您还将了解到有关用户身份验证和安全性的重要知识。

收起列表

视频：

12-1 本章导学 (04:16)

视频：

12-2 通用导航：结构搭建 (10:53)

视频：

12-3 通用导航：样式调整（上） (00:38)

视频：

12-4 通用导航：样式调整（下） (09:03)

视频：

12-5 分区导航 (25:14)

视频：

12-6 视频卡片（一） (15:30)

视频：

12-7 视频卡片（二） (14:11)

视频：

12-8 无限加载 (17:25)

视频：

12-9 样式穿透 (05:08)

视频：

12-10 混入mixin (14:35)

视频：

12-11 完善右侧导航 (05:24)

视频：

12-12 登录Dialog：结构搭建 (11:20)

视频：

12-13 登录dialog：接口联调 (11:23)

视频：

12-14 数据共享：Vuex (13:49)

第13章 视频亮相 - 视频内容的魔法16 节 | 246分钟

在本章中，我们将深入探讨视频相关的功能和开发任务。这一章将使您深入了解视频相关功能的实现，包括视频上传、播放、评论和互动功能，为您的网站增加多媒体内容和社交互动。

收起列表

视频：

13-1 本章导学 (02:02)

视频：

13-2 视频投稿：结构样式搭建 (15:04)

视频：

13-3 选择与拖拽视频 (07:09)

视频：

13-4 分片上传视频 (23:39)

视频：

13-5 截取视频封面 (16:21)

视频：

13-6 视频投稿 (27:29)

视频：

13-7 视频详情页信息搭建 (10:45)

视频：

13-8 视频播放器 (19:51)

视频：

13-9 点赞、投币、收藏（上） (17:28)

视频：

13-10 点赞、投币、收藏（下） (20:15)

视频：

13-11 视频描述&标签 (04:46)

视频：

13-12 视频评论：未登录评论区 (15:35)

视频：

13-13 视频评论：一级评论（一） (23:37)

视频：

13-14 视频评论：一级评论（二） (11:21)

视频：

13-15 视频评论：二级评论 (24:55)

视频：

13-16 视频评论：提交回复评论 (05:28)

第14章 弹幕 - 实时互动的魅力6 节 | 67分钟

在本章中，我们将深入探讨弹幕功能的实现，使您了解如何在网页上实现实时弹幕交互。这一章将使您了解如何实现弹幕功能，使您的网站更具互动性和娱乐性，为用户提供实时的消息互动体验。WebSocket 的使用将帮助您实现实时通信，用户可以发送和接收弹幕消息，提高用户参与度。...

收起列表

视频：

14-1 本章导学 (02:14)

视频：

14-2 弹幕顶部up信息栏 (15:08)

视频：

14-3 播放器发送弹幕 (10:26)

视频：

14-4 通过websocket连接后端 (11:26)

视频：

14-5 使用手风琴和表格构建弹幕盒子 (10:56)

视频：

14-6 获取和装填弹幕 (16:26)

第15章 个人中心 - 用户专属的空间12 节 | 136分钟

本章将带您深入了解个人中心页面的构建和用户相关的功能。这一章将帮助您创建用户相关的功能，增加社交互动性和用户个性化体验。用户可以管理他们的个人信息、关注其他用户、查看动态、浏览历史记录以及收藏喜欢的内容，从而提高用户的参与度和满意度。...

收起列表

视频：

15-1 本章导学 (03:00)

视频：

15-2 结构与路由配置 (08:20)

视频：

15-3 修改用户头像 (11:07)

视频：

15-4 个人中心导航栏 (09:45)

视频：

15-5 展示与修改个人信息 (10:31)

视频：

15-6 投稿：分区统计 (18:03)

视频：

15-7 投稿：视频分页控制 (08:57)

视频：

15-8 收藏展示和取消、分组移动 (16:00)

视频：

15-9 个人中心主页 (06:03)

视频：

15-10 关注导航栏 (19:31)

视频：

15-11 关注分页展示及分组修改 (15:55)

视频：

15-12 注册登录页 (07:50)

第16章 终章：系统完善 - 提高全面性6 节 | 75分钟

在终章，我们将涵盖一些系统功能和关键特性。终章将帮助您完善系统功能，增加用户体验和平台的全面性。搜索、权限控制和消息中心是许多网站和应用程序的关键特性，它们可以提高用户满意度和系统的实用性。课程总结将帮助您回顾所学，以便将知识和技能应用到未来的项目中。...

收起列表

视频：

16-1 、本章导学 (00:57)

视频：

16-2 动态：未登录状态 (04:49)

视频：

16-3 动态弹窗与json类型转换器 (23:07)

视频：

16-4 发布图文动态 (16:34)

视频：

16-5 tab切换形式下的无限加载动态 (22:43)

视频：

16-6 历史记录 (06:32)

本课程持续更新中