系统功能演示——基于SpringBoot和Vue的后台管理系统项目系列博客（一）

系列文章目录

1. 系统功能演示——基于SpringBoot和Vue的后台管理系统项目系列博客（一）
2. Vue2安装并集成ElementUI——基于SpringBoot和Vue的后台管理系统项目系列博客（二）
3. Vue2前端主体框架搭建——基于SpringBoot和Vue的后台管理系统项目系列博客（三）
4. SpringBoot后端初始框架搭建——基于SpringBoot和Vue的后台管理系统项目系列博客（四）
5. SpringBoot集成Mybatis——基于SpringBoot和Vue的后台管理系统项目系列博客（五）
6. SpringBoot实现增删改查——基于SpringBoot和Vue的后台管理系统项目系列博客（六）
7. SpringBoot实现分页查询——基于SpringBoot和Vue的后台管理系统项目系列博客（七）
8. SpringBoot实现集成Mybatis-Plus和SwaggerUI——基于SpringBoot和Vue的后台管理系统项目系列博客（八）
9. Vue实现增删改查——基于SpringBoot和Vue的后台管理系统项目系列博客（九）
10. SpringBoot实现代码生成器——基于SpringBoot和Vue的后台管理系统项目系列博客（十）
11. Vue使用路由——基于SpringBoot和Vue的后台管理系统项目系列博客（十一）
12. SpringBoot和Vue实现导入导出——基于SpringBoot和Vue的后台管理系统项目系列博客（十二）
13. SpringBoot和Vue实现用户登录注册与异常处理——基于SpringBoot和Vue的后台管理系统项目系列博客（十三）
14. SpringBoot和Vue实现用户个人信息展示与保存与集成JWT——基于SpringBoot和Vue的后台管理系统项目系列博客（十四）
15. SpringBoot和Vue实现文件上传与下载——基于SpringBoot和Vue的后台管理系统项目系列博客（十五）
16. SpringBoot和Vue整合ECharts——基于SpringBoot和Vue的后台管理系统项目系列博客（十六）
17. SpringBoot和Vue实现权限菜单功能——基于SpringBoot和Vue的后台管理系统项目系列博客（十七）
18. SpringBoot实现1对1、1对多、多对多关联查询——基于SpringBoot和Vue的后台管理系统项目系列博客（十八）
19. 用户前台页面设计与实现——基于SpringBoot和Vue的后台管理系统项目系列博客（十九）
20. SpringBoot集成Redis实现缓存——基于SpringBoot和Vue的后台管理系统项目系列博客（二十）
21. SpringBoot和Vue集成高德地图——基于SpringBoot和Vue的后台管理系统项目系列博客（二十一）
22. SpringBoot和Vue集成视频播放组件——基于SpringBoot和Vue的后台管理系统项目系列博客（二十二）
23. SpringBoot和Vue集成Markdown和多级评论——基于SpringBoot和Vue的后台管理系统项目系列博客（二十三）

---

项目资源下载

1. GitHub下载地址
2. Gitee下载地址
3. 项目MySql数据库文件

---

写在前面

  最近忙着开学的事情，本打算在开学之前完成整个项目和博客的，但是一直苦于没有时间，也打算以此系列博文作为我Web学习阶段的一个结束，后面就不做这个方向了。整个项目也断断续续边学边写了好久，最近争取一鼓作气。整个系列博客的内容与和之前的风格保持一致，也方便读者们查阅。其实Web内容学起来也挺有意思的，毕竟也是一门手艺，找工作什么的心里也有底，刚学的时候肯定有很多困难，我也一样，但是只要坚持下去就没问题。整个项目中我的每个操作步骤都被我截图或以其他方式展示出来了，并且项目源码已经分享至上面，感兴趣的同学们可以下载参阅。最近我会抽出一部分时间来完成整个系列博客，也给我的Web学习完美收尾。好了，废话不多说了，有什么问题可以私信我，下面就正式开始整个系列博文！

---

项目简介

  本项目基于SpringBoot搭建后台，使用Vue搭建前端服务。完成了Vue2安装并集成ElementUI、Vue2前端主体框架搭建、SpringBoot后端初始框架搭建、SpringBoot集成Mybatis、SpringBoot实现增删改查、SpringBoot实现分页查询、SpringBoot实现集成Mybatis-Plus和SwaggerUI、Vue实现增删改查、SpringBoot实现代码生成器、Vue使用路由、SpringBoot和Vue实现导入导出、SpringBoot和Vue实现用户登录注册与异常处理、SpringBoot和Vue实现用户个人信息展示与保存与集成JWT、SpringBoot和Vue实现文件上传与下载、SpringBoot和Vue整合ECharts、权限菜单讲解、SpringBoot实现1对1、1对多、多对多关联查询、用户前台页面设计与实现、SpringBoot集成Redis实现缓存、高德地图集成演示、Vue集成视频播放组件、Vue集成Markdown和多级评论等功能。这些功能我都会以图文形式展示出来，从功能的实现难度以及可应用性出发，此项目完全可以作为本科毕业设计以及简历项目使用。目前此系列博文计划在23篇左右，下面呢，就正式进入到我们整个项目的搭建过程！

---

项目开发软件环境

• Windows 11
• Idea 2019.3
• Maven 3.3.9
• Postman
• jdk 1.8
• springboot 2.7.1
• mybatis-plus 3.5.1
• mybatis 2.2.2
• mysql 5.7
• element-ui 2.15.9
• vue 2.6.14
• vue-router 3.5.1
• vuex 3.6.2
• echarts 5.3.3
• axios 0.27.2

---

项目开发硬件环境

• CPU：Intel® Core™ i7-8750H CPU @ 2.20GHz 2.20 GHz
• RAM：24GB
• GPU：NVIDIA GeForce GTX 1060

---

---

前言

  本篇博文作为整个系统的开篇博文，我准备简单展示一下系统的各种功能。我会以截图、视频加以一定量的文字描述，向读者们展示整个系统的所有功能。还会将系统如何启动进行演示说明，方便读者使用源码。好了，废话不说，下面就开始展示！

---

一、功能图片演示

1.1 基本功能

1.1.1 用户登录

1.1.2 用户注册

1.2 系统后台功能

1.2.1 系统后台主页

1.2.2 用户管理

1.2.3 选课信息

1.2.4 修改密码

1.2.5 文章管理

1.2.6 查看文章内容

1.2.7 编写MarkDown文章

1.2.8 文件管理

1.2.9 授课信息

1.2.10 课程管理

1.2.11 角色管理

2.12 个人信息

1.2.13 高德地图

1.2.14 菜单管理

1.2.15 菜单分配

1.3 系统前台功能

1.3.1 系统前台主页

1.3.2 视频播放列表

1.3.3 视频播放内容展示

1.3.4 文章列表

1.3.5 文章内容展示

1.3.6 用户多级评论

二、功能视频演示

基于SpringBoot和Vue的后台管理系统项目视频演示

三、项目启动

3.1 SpringBoot项目启动配置

3.2 进入Vue项目目录

3.3 启动SpringBoot

3.4 启动Vue项目

3.5 进入系统

---

总结

  以上就是关于系统功能演示的内容，最后还给出了系统启动的步骤，所以读者Copy我的代码之后，只需要按照我的配置即可启动系统，关于源码我都分享到了上面，包括Gitee地址和GitHub地址，欢迎各位读者给个Star！那么我们就下篇博文见啦！