mirror of
https://github.com/SOR2171/Springboot4-Vue3_Demo.git
synced 2026-10-23 19:41:12 +08:00
git init
This commit is contained in:
+129
@@ -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
|
||||
```
|
||||
Reference in New Issue
Block a user