【前后端分离项目】Vue+Springboot+MySQL
文章目录
- 1.安装 Node.js
- 2.配置 Node.js 环境
- 3.安装 Node.js 国内镜像
- 4.创建 Vue 项目
- 5.运行 Vue 项目
- 6.访问 Vue 项目
- 7.创建 Spring Boot 项目
- 8.运行 Spring Boot 项目
- 9.访问 Spring Boot 项目
- 10.实现 Vue 与 Spring Boot 联动
- 11.安装 axios
- 12.编写请求
- 13.调用函数请求接口
- 14.配置 CORS(跨域资源共享)
- 15.重启 Spring Boot 项目
- 16.联动数据库
- 17.项目结构
- 18.创建数据库
- 19.配置数据库连接
- 20.创建实体类
- 21.创建 Mapper 接口
- 22.接受前端请求
- 23.安装 vue-router
- 24.main.ts
- 25.index.ts
- 26.Login.vue
- 27.Register.vue
- 28.Info.vue
- 29.开启数据库服务+重启 Spring Boot 项目
1.安装 Node.js
官方下载地址:https://nodejs.org/zh-cn/
若输出如下,表示安装成功:
2.配置 Node.js 环境
请根据网上教程配置环境。
执行以下命令:
node -v
npm -v
若输出如下信息,表示配置成功:
3.安装 Node.js 国内镜像
目的:加速下载速度。
执行以下命令