历时半个多月，录制的一套 SpringBoot+Vue 豆宝社区项目免费视频教程，终于赶在春节之前和大家见面了，大家新春快乐。

資深大佬 : kamiba 6

豆宝社区项目实战视频教程简介

本项目实战视频教程全部免费，配套代码完全开源。手把手从零开始搭建一个目前应用最广泛的 Springboot+Vue 前后端分离多用户社区项目。本项目难度适中，为便于大家学习，每一集视频教程对应在 Github 上的每一次提交。

致谢

本项目大量借鉴了极光社区项目，在此感谢原作者的无私开源。本项目在其基础上做了一些增删，删除了一些未完成的模块（活动，旅游），新增了评论功能，简化了后端认证与授权功能。最主要的工作是将原项目从零开始开始搭建，各个功能的实现分解成几十步来完成，便于大家更好的学习。

代码开源地址

前端后端

视频教程地址

视频教程

项目主要业务及实现的功能

本项目类似一个简版的掘金这样的技术社区，实现了多个用户注册，登录，发帖，回帖，评论，关注，用户中心等功能。

前端技术栈

Vue

Vuex

Vue Router

Axios

Bulma

Buefy

Element

Vditor

DarkReader

后端技术栈

Spring Boot

Mysql

Mybatis

MyBatis-Plus

Spring Security

JWT

Lombok

项目实战大纲：

01.豆宝社区项目介绍

02.豆宝社区项目所需的基础知识

03.前端项目搭建

04.前端公告板功能实现

05.初始化 springboot 后端项目

06.初始化后端数据库，springboot 配置 mybatis 连接

07.后端项目目录结构初始化

08.后端公告板接口功能实现 01

09.后端公告板接口功能实现 02

10.前端端公告板接口功能实现

11.实现跨域，前后端接口联调

12.每日一句功能前端界面实现 01

13.每日一句功能前端界面实现 02

14.每日一句功能前端接口实现

15.每日一句功能后端接口实现

16.（非常重要）善用 github 提交记录进行项目学习

17.推广链接功能前后端实现

18.用户注册前端实现

19.用户注册后端实现

20.jwt 以及 web 通信流程

21.用户登录后端实现

22.vuex 简介

23.js-cookie 介绍

24.用户登录前端实现

25.前端侧边栏，马上入驻，社区登入功能

26.前端在 axios 请求拦截器中在请求头中加入 jwt

27.后端设置请求拦截器检查用户请求头中是否包含 jwt01

28.后端设置请求拦截器检查用户请求头中是否包含 jwt02

29.前端 header 实现 01

30.前端 header 实现 02

31.退出登录

32.前端页脚功能实现

33.帖子列表功能前端

34.帖子列表功能后端

35.帖子分页功能实现

36.前端实现发表帖子功能

37.后端实现发表帖子功能

38.前端实现帖子详情功能

39.后端实现帖子详情功能

40.帖子详情右侧边栏帖子作者详情功能实现（前端）

41.帖子详情右侧边栏帖子作者详情用户关注功能实现（后端）

42.随便看看模块前端实现

43.随便看看模块后端实现

44.评论列表功能前端实现

45.评论列表功能后端实现

46.添加评论功能前端实现

47.添加评论功能后端实现

48.帖子更新与删除功能前后端实现

49.显示某个标签的全部文章功能前端

50.显示某个标签的全部文章功能后端实现

51.帖子搜索功能前端实现

52.帖子搜索功能前端实现

53.用户中心功能前端实现

54.用户中心功能前端实现

55.用户个人信息修改

56.前端发帖，留言等页面登录权限验证

57.后端发帖，留言等需要登录页面的权限验证

58.项目总结及遗留问题说明

59.（重要的说明）如何利用 github 上开源的项目代码提交记录更有效的学习本项目

豆约翰团队：

一群热爱分享技术，拥有多年开发经验及培训经验的老司机组成

擅长的领域：

java，python，前端，c++，.net