在现代软件开发中，Java 后端与前端技术的结合越来越普遍，尤其是在构建企业级应用和网站时。本文将详细介绍如何在宝塔（BT）面板上部署一个 Java 前后端项目。
一、准备工作
在开始部署之前，你需要做好以下准备工作：
- 服务器准备：确保你的服务器上已安装宝塔面板，且配置了 Java 环境。可以通过 SSH 登录到服务器并使用以下命令安装 Java：
bash
sudo apt update
sudo apt install openjdk-11-jdk
-
安装 MySQL 数据库：在宝塔面板中，可以通过“一键安装”来安装 MySQL 或其他数据库。
-
上传项目文件：你可以通过 FTP 或者直接通过宝塔面板中的文件管理上传你的 Java 项目文件。
二、创建后端项目
我们以 Spring Boot 为例，构建一个简单的后端项目。以下是一个基本的 Spring Boot 应用示例：
1. 创建 Spring Boot 项目
使用 Spring Initializr 创建项目（https://start.spring.io/），选择以下依赖：
- Spring Web
- Spring Data JPA
- MySQL Driver
解压下载的项目文件，并打开主程序 Application.java，添加基本的 REST 逻辑：
package com.example.demo;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@SpringBootApplication
public class DemoApplication {
public static void main(String[] args) {
SpringApplication.run(DemoApplication.class, args);
}
}
@RestController
class HelloController {
@GetMapping("/hello")
public String hello() {
return "Hello, World!";
}
}
2. 配置数据库连接
接下来，配置 application.properties 文件，连接到 MySQL 数据库：
spring.datasource.url=jdbc:mysql://localhost:3306/your_db_name
spring.datasource.username=your_username
spring.datasource.password=your_password
spring.jpa.hibernate.ddl-auto=update
3. 打包项目
使用 Maven 打包项目，生成一个 jar 文件：
mvn clean package
三、在宝塔上部署后端
1. 上传 jar 文件
将生成的 jar 文件上传到宝塔面板对应的目录下。
2. 启动后端服务
在宝塔面板中，进入“SSH”终端，执行以下命令来启动 Spring Boot 应用：
java -jar your-app.jar
你可以通过 localhost:8080/hello 来测试后端接口是否正常。
四、创建前端项目
选择 Vue.js 作为前端框架，可以使用 Vue CLI 创建一个新的前端项目：
npm install -g @vue/cli
vue create my-project
1. 修改前端请求
在创建的 Vue 项目中，修改 src/components/HelloWorld.vue 文件，添加接口请求：
<template>
<div>
<h1>{{ message }}</h1>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
},
mounted() {
fetch('http://localhost:8080/hello')
.then(response => response.text())
.then(data => {
this.message = data;
});
}
}
</script>
2. 构建前端项目
在项目根目录下，执行以下命令构建前端项目：
npm run build
五、在宝塔上部署前端
1. 上传构建后的文件
将 dist 目录下的所有文件上传到宝塔面板的 Web 根目录（例如 /www/wwwroot/your_frontend_path）。
2. 配置 Nginx
在宝塔面板中，配置 Nginx 以支持前端路由。可以在 Nginx 配置文件中添加以下内容：
location / {
root /www/wwwroot/your_frontend_path;
index index.html;
try_files $uri $uri/ /index.html;
}
六、访问应用
至此，前后端项目已成功部署。你可以通过浏览器访问前端应用（如 http://your_domain），并与后端接口进行交互。
总结
通过宝塔面板，我们可以快速而高效地部署 Java 前后端项目。希望这篇文章能够帮助到你在项目部署过程中遇到的困难。如果你有进一步的问题，欢迎随时交流！
