Spring Boot+Vue前后端分离开发

楠哥教你学Java P1）)

前言

首先

1. 需要安装好nodejs，并且配置好环境变量，然后安装vue-cli。
2. 需要用到 IDEA，安装好MySql

前端

---

vue ui创建项目

命令行窗口输入：vue ui（注意在你想要创建项目的位置上，如我的：D:\Program\web-FrontEnd）

---

进入图形界面创建项目

使用 IDEA 打开项目

---

创建Language.vue

在views文件夹处创建vue文件

---

在router的main.js处引入Language.vue文件

---

添加path：

---

添加插件：axios

终端terminal处输入语句：vue add axios，自动添加plugins文件夹

---

Language.vue文件添加代码：

---

后端

IDEA创建新程序
（网址：https://start.aliyun.com/）

---

依赖选择

选上这四个
：lombok、Spring Web、Spring Data JPA、MySql Driver

---

yml格式

将resources的application.properties文件删去，使用application.yml格式

spring:
  datasource:
    url: jdbc:mysql://127.0.0.1:3306/sakila?useUnicode=true&characterEncoding=UTF-8&useSSL=