Windows系统Vue+Springboot项目启动和填坑

目录

1、基本操作

这里写了《MAC系统Vue+Springboot项目启动和填坑》
https://www.cnblogs.com/yechangxin/articles/19045166
继续写Windows系统的

image

1.1、IDE选择

IDE用Jetbrain公司的IntelliJ IDEA

1.2、启动项目的基本概念

这种VUE和Springboot前后端分离的项目，要前后端都启动。而且还要启动数据库。

1.2.1 启动VUE前端

找到vue的vue.config.js，然后IDEA会提示下载Node.js，按要求下载
image
image
找到vue项目的package.json，然后运行这个"serve"
image
image
此时前端跑起来了
image

1.2.2 启动后端

IDEA会提示Mawen构建，点击加载
image
还没安装JAVA SDK
image
在pom.xml中找到项目的java版本
image
然后在右上角的提示安装一个对应的java版本
image
安装好JAVA的SDK后，再看Application.java，就能看到运行按钮了，然后点击运行
image
此时后端也跑起来了
image

1.2.3 启动mysql数据库

数据库也是要弄的...之前一直忽略了这一步，而且GPT也不会给这个提示
并且，在运行后端也有提示报错
2025-08-21 04:06:27.244 ERROR 17940 --- [2)-172.16.13.98] com.zaxxer.hikari.pool.HikariPool : HikariPool-1 - Exception during pool initialization.
意思是Spring Boot 后端启动时，HikariCP（默认的数据库连接池）在初始化时连不上数据库。
也说明了数据库还没启动
image

1.2.3.1 在Windows安装mysql

参考教程
Windows下安装（默认安装、自定义安装）MySQL教程（2024版）
https://blog.csdn.net/WFengMian/article/details/143304017

首先检查系统有没有安装mysql

mysql -u root -p

image
说明还没安装

进入MYSQL官网
https://www.mysql.com/
image
image
进入页面后，默认显示最新版本的MySQL，这里提供了两个安装包（前者是联网安装 web版，当安装时必须能够访问互联网，后者是离线安装使用，一般建议下载离线安装使用的版本）
image
image
下载完成后双击安装
image
image
image
image
Accounts and Roles（账户和角色。此页面设置MySQL根账户root的密码，记得保存，以免忘记）
image
image
image
进入页面后点击Execute（执行），等待处理完成
image
image
image
image
image
image
image
image

安装完成！

1.2.3.2 验证和启动mysql

1.2.3.2.1 MySQL 5.7 Command Line Client验证

在开始菜单中找到MySQL 5.7 Command Line Client程序
image
输入密码后，成功连接
image

1.2.3.2.2 命令行/终端验证

运行

mysql -u root -p

image
发现还是不行，此时是因为没有配置Windows环境变量，步骤：
右键桌面上的 此电脑 或 计算机 → 选择 属性。
在打开的窗口里，选择 高级系统设置 → 环境变量。
在 系统变量 中，找到 Path，然后点击 编辑。
点击 新建，然后把 MySQL bin 路径粘贴进去：

C:\Program Files\MySQL\MySQL Server 5.7\bin

image
image
成功配置！！！

1.2.3.3 把.sql导入到 MySQL 数据库 才能让 Spring Boot 连接上

比如数据库SQL 文件路径是：

D:\MagnesiumPowderProject\MagnesiumPowderProject_web\springboot\src\main\resources\fentili_springboot.sql

步骤 1：打开终端 在 Mac 上可以打开 “Terminal”。

步骤 2：登录 MySQL
root 是你的 MySQL 用户名，如果你有其他用户名，请替换。
回车后输入密码（终端不会显示字符，正常输入即可）。

mysql -u root -p

步骤3: 进入数据库后，创建，创建好后退出

CREATE DATABASE fentili_springboot;
EXIT;

步骤 4：导入 SQL 文件

mysql -u root -p fentili_springboot < "D:\MagnesiumPowderProject\MagnesiumPowderProject_web\springboot\src\main\resources\fentili_springboot.sql"

回车后输入密码。
这会把 SQL 文件中的表和数据导入 fentili_springboot 数据库。

image

成功！

1.2.3.4 最后启动MYSQL就可以了

用管理员身份打开CMD

net start MySQL80

image
成功！

2、弹出的插件安装

image
点安装就完事了
image

3、遇到的坑

3.1、跑mysql -u root -p等类似数据库命令不要用PowerShell（终端），就用CMD命令

步骤 4：导入 SQL 文件

mysql -u root -p fentili_springboot < "D:\MagnesiumPowderProject\MagnesiumPowderProject_web\springboot\src\main\resources\fentili_springboot.sql"

然后这一步居然报错了！！！！
报错信息：所在位置 行:1 字符: 37 + mysql -u root -p fentili_springboot < "D:\MagnesiumPowderProject\Magn ... + ~ “<”运算符是为将来使用而保留的。
image

去搜了下发现是没问题的，原因在于使用 CMD 而不是 PowerShell！！！！！

3.2、MySQL版本通过.sql的头文件确认，IDEA提示的可能有误

接3.1，换回CMD，也报错了，报错信息：
C:\Users\Jaxon>mysql -u root -p fentili_springboot < "D:\MagnesiumPowderProject\MagnesiumPowderProject_web\springboot\src\main\resources\fentili_springboot.sql" Enter password: ****** ERROR 1273 (HY000) at line 24: Unknown collation: 'utf8mb4_0900_ai_ci'
image

发现是报错 ERROR 1273 (HY000) at line 24: Unknown collation: 'utf8mb4_0900_ai_ci' 表示 MySQL 版本较低，不支持 utf8mb4_0900_ai_ci 这个字符集排序（collation）。
这个问题通常出现在 MySQL 5.7 或更早版本，utf8mb4_0900_ai_ci 是 MySQL 8.0 新增的字符集排序方式。

又去看了下.sql文件的开头

/*
 Navicat Premium Data Transfer

 Source Server         : 127.0.0.1
 Source Server Type    : MySQL
 Source Server Version : 80022
 Source Host           : localhost:3306
 Source Schema         : fentili_springboot

 Target Server Type    : MySQL
 Target Server Version : 80022
 File Encoding         : 65001

 Date: 23/05/2025 01:05:25
*/

发现是是 MySQL 8.0.22 版本，那之前IDEA提示看到的版本不对，被骗了！！！

posted @ 2025-08-21 10:54  JaxonYe  阅读(43)  评论(0)    收藏  举报