This commit is contained in:
SOR
2026-04-04 08:32:57 +08:00
commit b3e1fd9e18
76 changed files with 6650 additions and 0 deletions
+129
View File
@@ -0,0 +1,129 @@
## Springboot4-Vue3
###### ~~*赞美学生包*~~
[English](./README.md) / 简体中文
---
### 技术栈
#### 后端
- Kotlin + Gradle.kts
- Spring Security
- Spring Mail
- Mybatis Plus
- JWT
- MySQL
- Redis
- RabbitMQ
#### 前端
- Vue3 + Vite + TypeScript
- vue-router
- axios
- element-plus
---
### 项目搭建
#### 基础要求
- JDK 25+
- Kotlin 2.3.20+
- Node.js 16+
- MySQL 8+
- Redis 6+
- RabbitMQ 3.8+
#### Git 克隆项目
```bash
git clone https://github.com/SOR2171/Springboot4-Vue3_Demo.git
cd Springboot4-Vue3_Demo
```
#### 后端配置
1. 进入后端目录
```bash
cd backend
```
2. 配置应用属性
创建 `src/main/resources/application.yml`
或编辑 `src/main/resources/application-example.yml`
以设置你自己的配置。
3. 导入数据库
导入 `src/main/resources/springboot_vue3.sql`
> 默认数据库用户:
>
> 用户名:`test`
> 密码:`123456`
>
> (SQL中保存的密码需要通过测试类获取)
4. Gradle 构建
```bash
gradle build
```
jar 文件目录:`build/libs/backend-(ver).jar`
5. 启动后端服务器
```bash
java -jar build/libs/backend-(ver).jar
```
---
#### 前端配置
1. 进入前端目录
```bash
cd frontend
```
2. 准备一些图片
你需要一张 `frontend/src/assets/welcome-image.png` 用作登陆界面的背景
3. 构建前端
```bash
npm install
npm run build
```
构建结果会生成在 `dist` 目录中。
---
#### Nginx 部署(可选)
如果你想使用 Nginx 来部署前端,可以按以下步骤操作:
1. 若未安装 Nginx,请先安装。
[下载 Nginx](https://nginx.org/en/download.html)
2. 将 `dist` 目录中的内容复制到 Nginx 的 `html` 目录。
3. 配置 Nginx,使其能够提供前端页面,并将 API 请求代理到后端服务器。
4. 重启 Nginx。
```bash
sudo systemctl restart nginx
```