springboot整合vue 实现CRUD | Spring Boot 18

🍅 作者简介：哪吒，优快云2021博客之星亚军🏆、新星计划导师✌、博客专家💪

🍅 哪吒多年工作总结：Java学习路线总结，搬砖工逆袭Java架构师

🍅 关注公众号【哪吒编程】，回复1024，获取Java学习路线思维导图、大厂面试真题、加入万粉计划交流群、一起学习进步

目录

一、课程介绍

二、前置知识梳理

1、Swagger

2、轻量级后台管理系统基础模板，vue-admin-template

3、MySQL数据库

4、nginx

（1）简介

（2）Nginx的主要作用

（3）启动

（4）配置

三、Spring Boot + Vue 实现CRUD

1、EduTeacherController

2、前端讲师列表

3、添加讲师页面

4、teacher.js

5、页面效果展示

---

最近在学习Spring Boot + Vue的整合，通过尚硅谷的一个谷粒学院项目进行练习。

一、课程介绍

系统后端接口部分，使用目前流行的SpringBoot+SpringCloud进行微服务架构，使用Feign、Gateway、Hystrix，以及阿里巴巴的Nacos等组件搭建了项目的基础环境。项目中还使用MyBatisPlus进行持久层的操作，使用了OAuth2+JWT实现了分布式的访问，项目中整合了SpringSecurity进行了权限控制。除此之外，项目中使用了阿里巴巴的EasyExcel实现对Excel的读写操作，使用了Redis进行首页数据的缓存，使用Git进行代码的版本控制，还整合了Swagger生成接口文档 。

系统前端部分，使用主流的前端框架Vue，使用Es6的开发规范，采用模块化的开发模式，搭建页面环境使用了Nuxt框架和vue-admin-template模板，使用Element-ui进行页面布局。前端环境中使用Npm进行依赖管理，使用Babel进行代码转换，使用Webpack进行静态资源的打包，采用axios进行Ajax请求调用，使用了ECharts进行数据的图表展示。

二、前置知识梳理

1、Swagger

Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RES