# BackSystem

**Repository Path**: yangxiaoyude/back-system

## Basic Information

- **Project Name**: BackSystem
- **Description**: 后台管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-14
- **Last Updated**: 2026-01-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 管理系统

基于 Spring Boot + MySQL + Vue3 + Element Plus 的现代化管理系统

## 功能特性

- 用户管理：增删改查用户信息
- 系统配置：动态配置管理
- 日夜主题切换
- 响应式设计
- 现代化 UI 界面

## 技术栈

### 后端
- Spring Boot 3.2.0
- Spring Data JPA
- MySQL 8.0
- Lombok

### 前端
- Vue 3.4
- Element Plus 2.5
- Vue Router 4
- Pinia 2
- Vite 5
- Axios

## 快速开始

### 后端启动

1. 确保 MySQL 数据库已启动，数据库名为 `ex`
2. 进入后端目录：
```bash
cd backend
```

3. 使用 Maven 启动：
```bash
mvn spring-boot:run
```

后端将在 http://localhost:8080 启动

### 前端启动

1. 进入前端目录：
```bash
cd frontend
```

2. 安装依赖：
```bash
npm install
```

3. 启动开发服务器：
```bash
npm run dev
```

前端将在 http://localhost:3000 启动

## 数据库配置

### 方式一：使用现有数据库用户 Ex

数据库连接信息在 `backend/src/main/resources/application.yml` 中配置：
- 数据库：ex
- 用户名：Ex
- 密码：rYBFWMhANfZExH8y

**如果遇到数据库连接错误 "Access denied for user 'Ex'@'localhost'"，请执行以下命令授予权限：**

```bash
# 方法1：使用 root 用户登录 MySQL 并执行
sudo mysql -u root -p

# 然后在 MySQL 命令行中执行：
GRANT ALL PRIVILEGES ON ex.* TO 'Ex'@'localhost';
GRANT ALL PRIVILEGES ON ex.* TO 'Ex'@'%';
FLUSH PRIVILEGES;
EXIT;
```

或者使用提供的 SQL 脚本：
```bash
sudo mysql -u root -p < backend/setup-database.sql
```

### 方式二：使用 root 用户（临时方案）

如果无法修改 Ex 用户权限，可以临时使用 root 用户：

修改 `backend/src/main/resources/application.yml`：
```yaml
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/ex?useUnicode=true&characterEncoding=utf8&useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=true
    username: root
    password: 你的root密码
```

Spring Boot 会自动创建表结构（users 和 system_config）

## 默认登录账号

系统提供两个测试账号：
- 管理员：admin / admin
- 测试用户：test / test123

## 项目结构

```
project/
├── backend/                    # Spring Boot 后端
│   ├── src/main/java/com/admin/
│   │   ├── controller/        # REST API 控制器
│   │   ├── service/           # 业务逻辑层
│   │   ├── entity/            # 实体类
│   │   ├── repository/        # 数据访问层
│   │   └── AdminApplication.java
│   └── pom.xml
└── frontend/                   # Vue3 前端
    ├── src/
    │   ├── views/             # 页面组件
    │   ├── components/        # 通用组件
    │   ├── api/               # API 接口
    │   ├── router/            # 路由配置
    │   ├── store/             # 状态管理
    │   └── main.js
    └── package.json
```

## 主要功能

### 登录系统
- 精美的登录界面设计
- 验证码验证
- 日夜主题切换
- 响应式布局

### 用户管理
- 查看用户列表
- 添加新用户
- 编辑用户信息
- 删除用户
- 启用/禁用用户状态

### 系统配置
- 查看配置列表
- 添加新配置
- 编辑配置
- 删除配置

### 主题切换
- 支持日间/夜间模式切换
- 平滑过渡动画效果
- 主题设置自动保存到本地存储
- 自动检测系统主题偏好
- 全局统一的主题管理

## 界面特色

- 现代化的 UI 设计
- 流畅的动画效果
- 响应式布局，支持移动端
- 精美的登录页面
- 数据可视化概览面板
- 统一的日夜主题切换