# web-db-manager

**Repository Path**: weedlu/web-db-manager

## Basic Information

- **Project Name**: web-db-manager
- **Description**: WEB版的数据库操作系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-07
- **Last Updated**: 2026-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WEB版数据库管理系统

基于 Vue 3 + Spring Boot 的数据库管理工具。

## 功能特性

- ✅ 简单鉴权（admin/admin）
- ✅ 左侧JSON树形结构展示表分类
- ✅ 右侧分页展示表数据
- ✅ 增删改查编辑器

## 技术栈

| 层级 | 技术选型 |
|------|----------|
| 前端 | Vue 3 + Element Plus + Vite |
| 后端 | Spring Boot 3 + JDK 21 |
| 数据库 | MySQL JDBC |

## 快速开始

### 后端启动

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

后端端口：**8080**

### 前端启动

```bash
cd frontend
npm install
npm run dev
```

前端端口：**5373**（已代理 /api 到后端 8080）

### 访问

浏览器打开：http://localhost:5373

默认账号：`admin` / `admin`

## 配置说明

### 数据库连接

`backend/src/main/resources/application.yml`：

```yaml
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/dream_sqy
    username: root
    password: root
```

### 表结构JSON

`backend/src/main/resources/table-meta.json`：

定义左侧树形结构的表分类和表名。

## API接口

| 方法 | 路径 | 说明 |
|------|------|------|
| POST | `/api/auth/login` | 登录 |
| POST | `/api/auth/logout` | 登出 |
| GET | `/api/auth/check` | 检查登录状态 |
| GET | `/api/db/tree` | 获取表结构树 |
| GET | `/api/db/table` | 获取表数据(分页) |
| POST | `/api/db/insert` | 新增数据 |
| POST | `/api/db/update` | 更新数据 |
| DELETE | `/api/db/delete` | 删除数据 |
| GET | `/api/db/row` | 获取单条数据 |

## 目录结构

```
web-db-manager/
├── backend/
│   ├── pom.xml
│   └── src/main/
│       ├── java/com/webdb/
│       │   ├── WebDbManagerApplication.java
│       │   ├── common/
│       │   ├── config/
│       │   ├── controller/
│       │   ├── entity/
│       │   └── service/
│       └── resources/
│           ├── application.yml
│           └── table-meta.json
├── frontend/
│   ├── index.html
│   ├── package.json
│   ├── vite.config.js
│   └── src/
│       ├── main.js
│       ├── App.vue
│       ├── api/
│       └── views/
├── docs/
│   ├── 功能规划文档.md
│   └── 原型设计文档.md
└── README.md
```

## License

MIT