Java后端项目启动教程

我的文件夹命名规则

XXX-admin：放后端代码（Java）

XXX-user-web：放前端用户代码

XXX-admin-web：放管理员的前端代码（PC页面）

其中XXX就是你的项目缩写或者简称

请严格按照下方步骤启动系统！！不能跳步或调换顺序

一、启动数据库

1、打开 “phpstudy_pro” 软件

2、启动数据库

二、启动后端代码

1、打开 “IntelliJ IDEA 2025.3.1” 软件，找到后端启动文件，基本都在：src→main→java→net→jingsky→wp_admin→XXXApplication.java，XXXApplication.java就是启动文件，其中XXX是你的后端代码文件名，比如你的后端代码放到了wp_admin文件夹中，那么启动文件就叫WpAdminApplication.java

2、右键启动文件（即XXXApplication.java），选择运行

3、运行后会打开输出控制台，等待10-30秒控制台输出端口即代表后端启动成功

三、启动管理员前端代码

1、打开 “Visual Studio Code” 软件，在下方红框位置右键

2、选择 “在集成终端中打开” ，如果你的vscode汉化了会直接显示汉字

3、在打开的控制台中检查是不是在前端代码文件夹中（即XXX-XXXweb文件夹）

4、输入启动命令：npm run dev，然后 回车

5、等待10秒左右，出现地址则代表前端启动成功

在浏览器里打开此地址即可访问系统

最常见的问题，如下图：

解决方案：
方案1：在打开 “Visual Studio Code” 软件时右键 以管理员身份启动

方案2：

1、直接打开前端代码的文件夹

2、在地址框里输入 cmd，然后回车打开终端窗口

3、在终端窗口里输入启动命令：npm run dev，然后回车即可

4、启动成功如下图所示

四、连接数据库

1、打开 “IntelliJ IDEA 2025.3.1” 软件，在最右侧找到数据库图标点一下

2、在我给你部署的时候就已经帮你连接好数据库了，如下图即你数据库里所有的表

常见问题：如果打开数据库图标数据库不是连接好的怎么办？

解决方案：

1、点击 “+” ，选择 “数据源” ，然后找到 “MySQL” ，点击它

2、按下图依次输入数据库用户名、密码和数据库名（这些参数在哪里找？往下看），，然后检查一下端口是不是正确（怎么知道数据库的端口？往下看）最后点击测试连接，成功即可点击 “应用” 后再点 “确定”，如果测试失败检查是不是端口设置错了，或者信息填错了

常见问题：怎么看数据库连接信息？

答：找到 “application.properties” 文件，并双击打开（该文件通常在src/main/resources目录里）

需要注意，如果数据库的端口不是3306，那么打开 “application.properties” 文件后还需要把数据库名前面的3306改成你现在数据库的端口，然后 “Ctrl+S” 保存。

常见问题：怎么看数据库的端口？

1、打开 “phpstudy_pro” 软件

2、点击 “配置” 按钮（点之前先看下数据库是不是处于启动状态，如果不是记得先启动）

3、接下来就可以看到数据库的端口了