学习 | 基于spring boot+vue的前后端分离的增删改查项目

介绍

在前面两篇博客中已经分享了基于servlet和基于ssm的增删改查(传送门：SSM，Servlet)，有兴趣的同学也可以先去看看。当然不能少了当先最流行的基于spring boot的增删改查啦，本篇需要一定的spring boot基础+vue环境。

springboot做了两个版本：
第一个版本springboot_thymeleaf,(thymeleaf是类似jsp的java模板引擎，再springboot中推荐优先使用这个)
第二个版本前后端分离的spring boot+vue，这个是我在做完第一个版本之后再B站看一个视频学到的。前后端分离是目前大公司都会普及到了，学会对接也是初学者的一个重要知识点，于是我觉得分享这个更有意义把！（传送门：视频地址）。

源码

GitHub：GitHub下载地址
Csdn：CSDN下载地址（由非原创，demo也设置了0币下载）

环境

jdk:1.8
ide:diea
mysql:8.0.20
前端:vue+elementui
框架:spring boot

运行效果

项目结构


sql表

运行vue

运行springboot

添加

重点代码

Springboot
启动容器

配置数据库，端口号

Vue

app.vue:(主页面分布)

<template>
  <div id="app">
    <el-container style="height: 500px; border: 1px solid #eee">
      <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
        <el-menu router :default-openeds="['0', '1']">