# MBTI

**Repository Path**: AC-Tang/MBTI

## Basic Information

- **Project Name**: MBTI
- **Description**: MBTI
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-04-15
- **Last Updated**: 2026-05-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MBTI职业性格测试系统

## 项目简介
基于 Spring Boot + Vue 3 的 MBTI 职业性格测试系统，用户可以进行性格测试、查看测试报告、了解16种人格类型、浏览文章资讯。后台支持文章管理、富文本编辑、图片视频上传。

## 技术栈
- **后端：** Spring Boot 3.4.1 + Spring Data JPA + MySQL 8.0
- **前端：** Vue 3 (Composition API) + Vite + Element Plus + ECharts
- **编辑器：** WangEditor 5 富文本编辑器

## 项目结构
```
├── mbti-backend/              # 后端 Spring Boot 项目
│   └── src/main/java/com/mbti/
│       ├── controller/        # REST 控制器
│       │   ├── AdminController.java
│       │   ├── ArticleController.java
│       │   ├── ExamController.java
│       │   ├── MbtiController.java
│       │   ├── ReportController.java
│       │   ├── UploadController.java   # 图片/视频上传
│       │   └── UserController.java
│       ├── service/           # 业务逻辑层
│       │   ├── ArticleService.java
│       │   ├── DocumentParserService.java  # Word/PDF解析
│       │   ├── FileUploadService.java
│       │   ├── ReportService.java          # MBTI评分算法
│       │   └── UserService.java
│       ├── repository/        # Spring Data JPA
│       ├── entity/            # JPA 实体类
│       ├── dto/               # 请求/响应 DTO
│       └── config/            # CORS、资源映射配置
├── mbti-frontend/             # 前端 Vue 3 项目
│   └── src/
│       ├── api/               # Axios API 封装
│       ├── components/        # HeaderNav、FooterBar 等
│       ├── views/             # 页面组件
│       │   ├── admin/         # 后台管理页面
│       │   ├── Home.vue       # 首页
│       │   ├── Exam.vue       # 测试页
│       │   ├── Article.vue    # 文章详情
│       │   └── ...
│       ├── router/            # Vue Router
│       └── utils/             # 工具函数
├── uploads/                   # 图片/视频/封面资源
└── db_mbti.sql                # 数据库初始化脚本
```

## 环境要求
- JDK 17+
- Node.js 18+
- MySQL 8.0+
- Maven 3.8+

## 快速开始

### 1. 数据库
```sql
CREATE DATABASE db_mbti DEFAULT CHARACTER SET utf8mb4;
USE db_mbti;
SOURCE db_mbti.sql;
```

### 2. 后端配置
修改 `mbti-backend/src/main/resources/application.yml` 中的数据库连接信息（默认 root / 空密码）。

### 3. 启动后端
```bash
cd mbti-backend
mvn spring-boot:run        # 运行在 http://localhost:8080
```

### 4. 启动前端
```bash
cd mbti-frontend
npm install
npm run dev                 # 运行在 http://localhost:3000
```

## 功能特性
- 用户注册 / 登录
- MBTI 性格测试（93题）
- 测试报告生成（16种人格详细解读 + 四维度分析）
- 16种 MBTI 人格类型介绍
- 文章资讯发布与浏览
- 后台管理系统：
  - 文章管理（WangEditor 富文本编辑，支持图片/视频上传）
  - 用户管理
  - 测试管理
  - 数据统计

## 默认账号
| 角色 | 用户名 | 密码 |
|------|--------|------|
| 管理员 | admin | 123456 |
| 普通用户 | 13012345566 | 654321 |

## 主要 API

| 接口 | 方法 | 说明 |
|------|------|------|
| /api/user/login | POST | 用户登录 |
| /api/user/register | POST | 用户注册 |
| /api/exam/list | GET | 获取测试列表 |
| /api/exam/{id}/questions | GET | 获取测试题目 |
| /api/report/submit/{userId} | POST | 提交测试答案 |
| /api/article/list | GET | 获取文章列表 |
| /api/article/page | GET | 文章分页查询 |
| /api/mbti/list | GET | 获取16种人格类型 |
| /api/upload/image | POST | 上传图片（富文本） |
| /api/upload/video | POST | 上传视频（富文本） |
| /api/admin/stats | GET | 管理后台统计数据 |