【SpringBoot3-Vue3-Demo】开源下载和安装教程

1. 项目介绍

SpringBoot3-Vue3-Demo 是一个基于 Spring Boot 3 和 Vue 3 的全栈开发示例项目，采用前后端分离架构：

• 后端：Spring Boot 3 + MyBatis-Plus + JWT + MySQL
• 前端：Vue 3 + Vite + Element UI Plus
• 核心功能：用户认证、跨域支持、响应式布局、RESTful API设计

2. 项目下载位置

通过Git命令克隆仓库至本地：

git clone https://gitcode.com/GitCode-official-team/SpringBoot3-Vue3-Demo.git

3. 环境配置

后端环境

组件	版本要求	配置示例（图片描述）
JDK	17+
MySQL	5.7+
Maven	3.x

前端环境

组件	版本要求
Node.js	16+
npm	8+

4. 项目安装方式

后端安装

1. 配置数据库连接

# application.yml
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/demo_db
    username: root
    password: 123456

2. 启动服务

cd backend
mvn clean install
mvn spring-boot:run

前端安装

1. 安装依赖

cd frontend
npm install

2. 启动开发服务器

npm run dev

5. 项目处理脚本

数据库初始化脚本（backend/sql/init.sql）

CREATE DATABASE IF NOT EXISTS demo_db;
USE demo_db;
-- 建表语句省略...

前端环境变量配置（frontend/.env）

VITE_API_BASE_URL=http://localhost:8080/api

常用命令速查

功能	后端命令	前端命令
启动开发环境	mvn spring-boot:run	npm run dev
打包生产环境	mvn package	npm run build