springboot整合vue 实现CRUD | Spring Boot 18

哪吒

已于 2022-02-02 18:22:37 修改

阅读量6.4k

点赞数 17

CC 4.0 BY-SA版权

分类专栏： 100天精通Spring Boot从入门到就业文章标签： spring vue.js

于 2020-06-28 23:37:59 首次发布

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.youkuaiyun.com/guorui_java/article/details/107010007

100天精通Spring Boot从入门到就业专栏收录该内容

36 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了Spring Boot与Vue整合实现CRUD操作的教程，涉及Swagger、vue-admin-template、MySQL数据库和Nginx的使用。在讲解过程中，详细阐述了EduTeacherController、前端讲师列表、添加讲师页面、teacher.js的实现，并展示了页面效果。

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

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

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

一、课程介绍

二、前置知识梳理

1、Swagger

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

三、Spring Boot + Vue 实现CRUD

1、EduTeacherController

最近在学习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进行数据的图表展示。