# vueSpringboot

**Repository Path**: null7916/vue-springboot

## Basic Information

- **Project Name**: vueSpringboot
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-20
- **Last Updated**: 2026-03-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# Vue + Spring Boot 全栈项目

一个基于 Vue 3 和 Spring Boot 的全栈开发项目，前端使用 TypeScript + Vite，后端采用 MyBatis Plus 框架。

## 项目简介

该项目是一个前后端分离的全栈应用，采用 RESTful API 架构。前端使用 Vue 3 + TypeScript + Vite 构建，后端基于 Spring Boot + MyBatis Plus 开发，并集成了 Swagger API 文档。

## 技术栈

### 后端
- **框架**: Spring Boot
- **持久层**: MyBatis Plus
- **API文档**: Swagger (OpenAPI 3.0)
- **数据库**: MySQL (通过 MyBatis Plus)

### 前端
- **框架**: Vue 3 (Composition API)
- **语言**: TypeScript
- **构建工具**: Vite
- **路由**: Vue Router
- **状态管理**: Pinia

## 项目结构

```
├── src/main/java/dev/null7916/vuespringboot/
│   ├── config/          # 配置类
│   │   └── SwaggerConfig.java
│   ├── controller/      # 控制器
│   │   ├── AdminController.java
│   │   └── TestController.java
│   ├── entity/          # 实体类
│   │   └── Admin.java
│   ├── exception/       # 异常处理
│   │   ├── BussinessException.java
│   │   └── ControllerExceptionHandler.java
│   ├── mapper/          # 数据访问层
│   │   └── AdminMapper.java
│   ├── response/       # 响应封装
│   │   ├── R.java
│   │   └── ResponseCode.java
│   ├── service/         # 业务层
│   │   ├── AdminService.java
│   │   └── impl/AdminServiceimpl.java
│   └── VueSpringbootApplication.java
├── vueSpringboot-ui/    # 前端项目
│   ├── src/
│   │   ├── views/       # 页面组件
│   │   ├── router/      # 路由配置
│   │   ├── stores/      # 状态管理
│   │   └── main.ts
│   └── package.json
└── pom.xml
```

## 功能特性

### 后端功能
- 管理员信息的增删改查 (CRUD)
- 统一响应封装
- 全局异常处理
- Swagger API 文档自动生成

### API 接口

| 方法 | 路径 | 描述 |
|------|------|------|
| POST | /admin/add | 添加管理员 |
| POST | /admin/list | 获取管理员列表（分页） |
| POST | /admin/update | 更新管理员信息 |
| POST | /admin/del | 删除管理员 |
| GET | /test | 测试接口 |

## 快速开始

### 后端启动

1. 确保已安装 JDK 8+ 和 Maven
2. 配置数据库连接 (application.yml)
3. 运行项目:

```bash
./mvnw spring-boot:run
```

或导入 IDE 中运行 `VueSpringbootApplication.java`

### 前端启动

```bash
cd vueSpringboot-ui
npm install
npm run dev
```

### 访问地址

- 前端: http://localhost:5173
- Swagger文档: http://localhost:8080/swagger-ui.html

## 配置说明

### 数据库配置 (application.yml)

```yaml
server:
  port: 8080

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/your_database
    username: your_username
    password: your_password
```

## 响应格式

统一响应格式:

```json
{
  "code": 200,
  "message": "success",
  "data": {}
}
```

## License

MIT License