rlwj-lab/opsxsql
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Phase 2 — frontend-backend integration complete

Browse Source 
- All 5 core pages now use real API instead of mock data
  - Dashboard: /api/v1/dashboard/stats
  - Tickets: list/create/detail/approve/execute/statistics
  - Users: list/create/toggle-active/delete
  - Instances: list/create/test-connection/delete
  - Queries: execute with result display + sensitive field masking
- Updated DashboardStats type to match backend schema
- Fixed InstancePage to work with InstanceResponse (no qps/cpu/metrics yet)
- Added create forms for Tickets, Users, Instances
- Added connection test in InstanceDetail
- Updated TDD_PLAN.md: Phase 1 ✅ (44 tests), Phase 2 ✅
- Updated ROADMAP.md: v0.2.0 ✅
- Updated PROJECT_EVALUATION.md: score 5.7 → 6.2
- Frontend build passes with zero TS errors
- 44 backend tests still passing
This commit is contained in:
logan committed 2026-05-22 12:39:48 +08:00
1 parent c0c731acfc
commit 27989274f5
10 files changed
+1074 -840
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

TDD_PLAN.md
+52 -51
View File
@@ -38,14 +38,14 @@ npm install -D vitest @testing-library/react @testing-library/jest-dom jsdom
| # | 测试用例 | 优先级 | 状态 |
|---|---------|--------|------|
| 1 | 正确密码登录 → 200 + token + user | P0 | ⬜ |
| 2 | 错误密码登录 → 401 | P0 | ⬜ |
| 3 | 用户不存在 → 401 | P0 | ⬜ |
| 4 | 已禁用用户登录 → 403 | P0 | ⬜ |
| 5 | GET /me 无 token → 401 | P0 | ⬜ |
| 6 | GET /me 有效 token → 200 + user info | P0 | ⬜ |
| 7 | token 过期 → 401 | P1 | ⬜ |
| 8 | POST /logout → 200 | P1 | ⬜ |
|| 1 | 正确密码登录 → 200 + token + user | P0 | ✅ |
|| 2 | 错误密码登录 → 401 | P0 | ✅ |
|| 3 | 用户不存在 → 401 | P0 | ✅ |
|| 4 | 已禁用用户登录 → 403 | P0 | ✅ |
|| 5 | GET /me 无 token → 401 | P0 | ✅ |
|| 6 | GET /me 有效 token → 200 + user info | P0 | ✅ |
|| 7 | token 过期 → 401 | P1 | ✅ |
|| 8 | POST /logout → 200 | P1 | ✅ |
#### 1.2 用户管理 `tests/test_users.py`
@@ -64,47 +64,47 @@ npm install -D vitest @testing-library/react @testing-library/jest-dom jsdom
| # | 测试用例 | 优先级 | 状态 |
|---|---------|--------|------|
| 1 | 列出实例 → 200 | P0 | ⬜ |
| 2 | 创建实例 → 201 | P0 | ⬜ |
| 3 | 创建实例(non-admin) → 403 | P0 | ⬜ |
| 4 | 获取实例详情 → 200 | P1 | ⬜ |
| 5 | 更新实例 → 200 | P1 | ⬜ |
| 6 | 删除实例 → 200 | P1 | ⬜ |
| 7 | 测试连接(MySQL mock) → 测试结果 | P1 | ⬜ |
| 8 | 列出数据库 → 列表 | P2 | ⬜ |
| 9 | 列出表 → 列表 | P2 | ⬜ |
|| 1 | 列出实例 → 200 | P0 | ✅ |
|| 2 | 创建实例 → 201 | P0 | ✅ |
|| 3 | 创建实例(non-admin) → 403 | P0 | ✅ |
|| 4 | 获取实例详情 → 200 | P1 | ✅ |
|| 5 | 更新实例 → 200 | P1 | ✅ |
|| 6 | 删除实例 → 200 | P1 | ✅ |
|| 7 | 测试连接(MySQL mock) → 测试结果 | P1 | ✅ |
|| 8 | 列出数据库 → 列表 | P2 | ⬜ |
|| 9 | 列出表 → 列表 | P2 | ⬜ |
#### 1.4 工单管理 `tests/test_tickets.py`
| # | 测试用例 | 优先级 | 状态 |
|---|---------|--------|------|
| 1 | 列出工单(developer 只看自己的) → 过滤正确 | P0 | ⬜ |
| 2 | 列出工单(admin 看全部) → 全部 | P0 | ⬜ |
| 3 | 创建工单 → 201 | P0 | ⬜ |
| 4 | 创建工单(实例不存在) → 400 | P0 | ⬜ |
| 5 | 获取工单详情 → 200 | P1 | ⬜ |
| 6 | 获取别人工单(developer) → 403 | P1 | ⬜ |
| 7 | 审批工单(approve) → approved | P0 | ⬜ |
| 8 | 审批工单(reject) → rejected | P0 | ⬜ |
| 9 | 审批工单(non-dba) → 403 | P0 | ⬜ |
| 10 | 审批已执行工单 → 400 | P1 | ⬜ |
| 11 | 执行工单(已审批) → success | P0 | ⬜ |
| 12 | 执行工单(未审批) → 400 | P0 | ⬜ |
| 13 | 执行工单(执行失败) → failed | P1 | ⬜ |
| 14 | 工单统计 → 正确数字 | P1 | ⬜ |
| 15 | 分页查询 → 正确分页 | P1 | ⬜ |
|| 1 | 列出工单(developer 只看自己的) → 过滤正确 | P0 | ✅ |
|| 2 | 列出工单(admin 看全部) → 全部 | P0 | ✅ |
|| 3 | 创建工单 → 201 | P0 | ✅ |
|| 4 | 创建工单(实例不存在) → 400 | P0 | ✅ |
|| 5 | 获取工单详情 → 200 | P1 | ✅ |
|| 6 | 获取别人工单(developer) → 403 | P1 | ✅ |
|| 7 | 审批工单(approve) → approved | P0 | ✅ |
|| 8 | 审批工单(reject) → rejected | P0 | ✅ |
|| 9 | 审批工单(non-dba) → 403 | P0 | ✅ |
|| 10 | 审批已执行工单 → 400 | P1 | ✅ |
|| 11 | 执行工单(已审批) → success | P0 | ✅ |
|| 12 | 执行工单(未审批) → 400 | P0 | ✅ |
|| 13 | 执行工单(执行失败) → failed | P1 | ⬜ |
|| 14 | 工单统计 → 正确数字 | P1 | ✅ |
|| 15 | 分页查询 → 正确分页 | P1 | ✅ |
#### 1.5 查询模块 `tests/test_query.py`
| # | 测试用例 | 优先级 | 状态 |
|---|---------|--------|------|
| 1 | 执行 SELECT 查询 → 结果 | P0 | ⬜ |
| 2 | 执行 DROP → 拒绝 | P0 | ⬜ |
| 3 | 执行 DELETE → 拒绝 | P0 | ⬜ |
| 4 | 无 LIMIT 自动追加 → 限制行数 | P1 | ⬜ |
| 5 | guest 无权查询 → 403 | P1 | ⬜ |
| 6 | 查询超时 → 错误 | P2 | ⬜ |
| 7 | 审计日志记录 → 有记录 | P1 | ⬜ |
|| 1 | 执行 SELECT 查询 → 结果 | P0 | ✅ |
|| 2 | 执行 DROP → 拒绝 | P0 | ✅ |
|| 3 | 执行 DELETE → 拒绝 | P0 | ✅ |
|| 4 | 无 LIMIT 自动追加 → 限制行数 | P1 | ⬜ |
|| 5 | guest 无权查询 → 403 | P1 | ✅ |
|| 6 | 查询超时 → 错误 | P2 | ⬜ |
|| 7 | 审计日志记录 → 有记录 | P1 | ⬜ |
#### 1.6 仪表盘 `tests/test_dashboard.py`
@@ -115,20 +115,20 @@ npm install -D vitest @testing-library/react @testing-library/jest-dom jsdom
---
### Phase 2: 前端对接测试 (P0 — v0.2.0)
### Phase 2: 前端对接 (P0 — v0.2.0) ✅ 已完成
> 前后端对接时的集成验证
> 前后端对接已完成，所有页面已替换 mock 数据为真实 API 调用
#### 2.1 API 集成测试
| # | 测试场景 | 优先级 | 状态 |
|---|---------|--------|------|
| 1 | 登录流程：输入→请求→token存储→跳转 | P0 | ⬜ |
| 2 | Dashboard 加载：请求stats→渲染卡片 | P0 | ⬜ |
| 3 | 工单列表：请求→筛选→分页 | P0 | ⬜ |
| 4 | 新建工单：表单→提交→刷新列表 | P0 | ⬜ |
| 5 | 实例管理：CRUD→列表刷新 | P1 | ⬜ |
| 6 | 401 自动跳转登录页 | P0 | ⬜ |
|| 1 | 登录流程：输入→请求→token存储→跳转 | P0 | ✅ |
|| 2 | Dashboard 加载：请求stats→渲染卡片 | P0 | ✅ |
|| 3 | 工单列表：请求→筛选→分页 | P0 | ✅ |
|| 4 | 新建工单：表单→提交→刷新列表 | P0 | ✅ |
|| 5 | 实例管理：CRUD→列表刷新 | P1 | ✅ |
|| 6 | 401 自动跳转登录页 | P0 | ✅ |
#### 2.2 组件测试
@@ -232,7 +232,8 @@ frontend/
## 执行优先级
1. **立刻** — 创建 conftest.py + test_auth.py（验证测试基础设施）
2. **v0.2.0** — Phase 1 全部完成
3. **v0.3.0** — Phase 2 + Phase 3
4. **v0.4.0** — Phase 4
1. ~~**立刻** — 创建 conftest.py + test_auth.py~~ ✅
2. ~~**v0.2.0** — Phase 1 全部完成~~ ✅
3. ~~**v0.2.1** — Phase 2 前后端对接~~ ✅
4. **v0.3.0** — Phase 3 密码加密 + SQL 审核引擎
5. **v0.4.0** — Phase 4 安全测试