刪除不必要檔案
This commit is contained in:
@@ -1,205 +0,0 @@
|
||||
# App Creation Database Save Fix Report
|
||||
|
||||
## Problem Description
|
||||
|
||||
The user reported that when creating new AI applications, the following fields were not being saved to the database:
|
||||
- `creator` (創建者)
|
||||
- `department` (部門)
|
||||
- `application type` (應用類型)
|
||||
- `icon` (應用圖示)
|
||||
|
||||
This issue prevented proper data storage and retrieval for newly created applications.
|
||||
|
||||
## Root Cause Analysis
|
||||
|
||||
### 1. Database Schema Issues
|
||||
- The `apps` table was missing several important columns:
|
||||
- `department` column for storing department information
|
||||
- `creator_name` column for storing creator name
|
||||
- `creator_email` column for storing creator email
|
||||
|
||||
### 2. API Issues
|
||||
- The POST method in `app/api/apps/route.ts` was not handling the `creator`, `department`, and `icon` fields from the frontend
|
||||
- The API was not saving these fields to the database even when they were provided
|
||||
|
||||
### 3. Frontend Issues
|
||||
- The `handleAddApp` function in `components/admin/app-management.tsx` was not sending all the collected form data to the API
|
||||
- Only `name`, `description`, `type`, `demoUrl`, and `version` were being sent
|
||||
|
||||
### 4. Type Definition Issues
|
||||
- The `AppCreateRequest` interface in `types/app.ts` was missing the new fields
|
||||
|
||||
## Implemented Solutions
|
||||
|
||||
### 1. Database Schema Updates
|
||||
**File**: `scripts/add-missing-app-columns.js`
|
||||
- Added `department` column (VARCHAR(100), DEFAULT 'HQBU')
|
||||
- Added `creator_name` column (VARCHAR(100))
|
||||
- Added `creator_email` column (VARCHAR(255))
|
||||
|
||||
### 2. API Route Updates
|
||||
**File**: `app/api/apps/route.ts`
|
||||
|
||||
#### POST Method Updates:
|
||||
- Updated request body destructuring to include new fields:
|
||||
```typescript
|
||||
const {
|
||||
name,
|
||||
description,
|
||||
type,
|
||||
teamId,
|
||||
techStack,
|
||||
tags,
|
||||
demoUrl,
|
||||
githubUrl,
|
||||
docsUrl,
|
||||
version = '1.0.0',
|
||||
creator,
|
||||
department,
|
||||
icon = 'Bot',
|
||||
iconColor = 'from-blue-500 to-purple-500'
|
||||
}: AppCreateRequest = body;
|
||||
```
|
||||
|
||||
- Updated database insertion to include new fields:
|
||||
```typescript
|
||||
const appData = {
|
||||
// ... existing fields
|
||||
icon: icon || 'Bot',
|
||||
icon_color: iconColor || 'from-blue-500 to-purple-500',
|
||||
department: department || user.department || 'HQBU',
|
||||
creator_name: creator || user.name || '',
|
||||
creator_email: user.email || ''
|
||||
};
|
||||
```
|
||||
|
||||
#### GET Method Updates:
|
||||
- Updated SQL query to select new columns with proper aliases
|
||||
- Updated response formatting to include department and creator information
|
||||
|
||||
### 3. Frontend Updates
|
||||
**File**: `components/admin/app-management.tsx`
|
||||
|
||||
Updated `handleAddApp` function to send all required fields:
|
||||
```typescript
|
||||
const appData = {
|
||||
name: newApp.name,
|
||||
description: newApp.description,
|
||||
type: mapTypeToApiType(newApp.type),
|
||||
demoUrl: newApp.appUrl || undefined,
|
||||
version: '1.0.0',
|
||||
creator: newApp.creator || undefined,
|
||||
department: newApp.department || undefined,
|
||||
icon: newApp.icon || 'Bot',
|
||||
iconColor: newApp.iconColor || 'from-blue-500 to-purple-500'
|
||||
}
|
||||
```
|
||||
|
||||
### 4. Type Definition Updates
|
||||
**File**: `types/app.ts`
|
||||
|
||||
Updated `AppCreateRequest` interface:
|
||||
```typescript
|
||||
export interface AppCreateRequest {
|
||||
name: string;
|
||||
description: string;
|
||||
type: AppType;
|
||||
teamId?: string;
|
||||
techStack?: string[];
|
||||
tags?: string[];
|
||||
demoUrl?: string;
|
||||
githubUrl?: string;
|
||||
docsUrl?: string;
|
||||
version?: string;
|
||||
creator?: string;
|
||||
department?: string;
|
||||
icon?: string;
|
||||
iconColor?: string;
|
||||
}
|
||||
```
|
||||
|
||||
## Testing Methodology
|
||||
|
||||
### 1. Database Migration Test
|
||||
- Created and executed `scripts/add-missing-app-columns.js`
|
||||
- Verified that all new columns were successfully added to the `apps` table
|
||||
- Confirmed column types and default values were correct
|
||||
|
||||
### 2. API Processing Test
|
||||
- Created `scripts/test-app-creation-fix.js` to simulate the complete API flow
|
||||
- Tested data processing from frontend request to database insertion
|
||||
- Verified all required fields are present in the processed data
|
||||
- Tested response formatting to ensure proper data structure
|
||||
|
||||
### 3. Test Results
|
||||
```
|
||||
✅ All required fields are present!
|
||||
✅ App creation API fix test completed!
|
||||
```
|
||||
|
||||
## Impact Analysis
|
||||
|
||||
### Positive Impacts:
|
||||
1. **Complete Data Storage**: All form fields are now properly saved to the database
|
||||
2. **Data Integrity**: Creator and department information is preserved with each application
|
||||
3. **User Experience**: Users can now see their department and creator information in the application list
|
||||
4. **Backward Compatibility**: Existing applications continue to work with fallback values
|
||||
|
||||
### Database Changes:
|
||||
- Added 3 new columns to the `apps` table
|
||||
- Maintained existing data structure and relationships
|
||||
- Added appropriate default values for new columns
|
||||
|
||||
## Prevention Measures
|
||||
|
||||
### 1. Enhanced Type Safety
|
||||
- Updated TypeScript interfaces to include all required fields
|
||||
- Added proper type checking for API requests
|
||||
|
||||
### 2. Comprehensive Testing
|
||||
- Created test scripts to verify API functionality
|
||||
- Added validation for required fields
|
||||
|
||||
### 3. Documentation
|
||||
- Updated API documentation to reflect new fields
|
||||
- Created detailed fix report for future reference
|
||||
|
||||
## Files Modified
|
||||
|
||||
1. **Database Schema**:
|
||||
- `scripts/add-missing-app-columns.js` (new file)
|
||||
|
||||
2. **API Layer**:
|
||||
- `app/api/apps/route.ts` - Updated POST and GET methods
|
||||
|
||||
3. **Frontend**:
|
||||
- `components/admin/app-management.tsx` - Updated `handleAddApp` function
|
||||
|
||||
4. **Type Definitions**:
|
||||
- `types/app.ts` - Updated `AppCreateRequest` interface
|
||||
|
||||
5. **Testing**:
|
||||
- `scripts/test-app-creation-fix.js` (new file)
|
||||
|
||||
## Verification Steps
|
||||
|
||||
1. **Database Verification**:
|
||||
```bash
|
||||
node scripts/add-missing-app-columns.js
|
||||
```
|
||||
|
||||
2. **API Test**:
|
||||
```bash
|
||||
node scripts/test-app-creation-fix.js
|
||||
```
|
||||
|
||||
3. **Frontend Test**:
|
||||
- Navigate to admin panel
|
||||
- Create a new AI application
|
||||
- Verify all fields are saved and displayed correctly
|
||||
|
||||
## Conclusion
|
||||
|
||||
The app creation issue has been successfully resolved. All required fields (`creator`, `department`, `application type`, and `icon`) are now properly saved to the database when creating new AI applications. The fix includes comprehensive database schema updates, API improvements, frontend enhancements, and thorough testing to ensure data integrity and user experience.
|
||||
|
||||
The solution maintains backward compatibility while adding the missing functionality, ensuring that existing applications continue to work while new applications benefit from the complete data storage capabilities.
|
||||
@@ -1,148 +0,0 @@
|
||||
# AI 應用程式創建上傳流程修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
用戶報告：目前測試建立 AI APP 的應用類型都沒有正常上傳置資料庫，會上傳，但都是錯誤資料上傳，導致資料查詢都是錯的應用類型，需要修正上傳流程。
|
||||
|
||||
## 問題分析
|
||||
|
||||
### 根本原因
|
||||
1. **API validTypes 陣列過時**：`app/api/apps/route.ts` 中的 `validTypes` 陣列仍包含舊的英文類型（`web_app`, `mobile_app`, `desktop_app`, `api_service`），但前端已經使用新的整合類型（`productivity`, `automation`, `ai_model` 等）。
|
||||
|
||||
2. **類型驗證失敗**：當前端發送新的整合類型到 API 時，API 的類型驗證會失敗，因為 `validTypes` 陣列中沒有包含這些新類型。
|
||||
|
||||
3. **資料庫類型不一致**：雖然資料庫已經更新為新的整合類型，但 API 的驗證邏輯沒有同步更新。
|
||||
|
||||
## 修正內容
|
||||
|
||||
### 1. 更新 API validTypes 陣列
|
||||
|
||||
**檔案**：`app/api/apps/route.ts`
|
||||
|
||||
**修正前**：
|
||||
```typescript
|
||||
const validTypes = [
|
||||
'web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model',
|
||||
'data_analysis', 'automation', 'productivity', 'educational', 'healthcare',
|
||||
'finance', 'iot_device', 'blockchain', 'ar_vr', 'machine_learning',
|
||||
'computer_vision', 'nlp', 'robotics', 'cybersecurity', 'cloud_service', 'other'
|
||||
];
|
||||
```
|
||||
|
||||
**修正後**：
|
||||
```typescript
|
||||
const validTypes = [
|
||||
'productivity', 'ai_model', 'automation', 'data_analysis', 'educational',
|
||||
'healthcare', 'finance', 'iot_device', 'blockchain', 'ar_vr',
|
||||
'machine_learning', 'computer_vision', 'nlp', 'robotics', 'cybersecurity',
|
||||
'cloud_service', 'other'
|
||||
];
|
||||
```
|
||||
|
||||
### 2. 驗證其他 API 端點
|
||||
|
||||
確認 `app/api/apps/[id]/route.ts` 中的 PUT 方法已經使用正確的 `validTypes` 陣列，無需修改。
|
||||
|
||||
## 測試驗證
|
||||
|
||||
### 測試腳本
|
||||
創建了 `scripts/test-app-creation-upload-fix.js` 來驗證修正效果。
|
||||
|
||||
### 測試結果
|
||||
```
|
||||
🧪 測試 AI 應用程式創建上傳流程...
|
||||
|
||||
✅ 資料庫連接成功
|
||||
📋 測試前端類型映射:
|
||||
文字處理 -> productivity ✅
|
||||
圖像生成 -> ai_model ✅
|
||||
程式開發 -> automation ✅
|
||||
數據分析 -> data_analysis ✅
|
||||
教育工具 -> educational ✅
|
||||
健康醫療 -> healthcare ✅
|
||||
金融科技 -> finance ✅
|
||||
物聯網 -> iot_device ✅
|
||||
區塊鏈 -> blockchain ✅
|
||||
AR/VR -> ar_vr ✅
|
||||
機器學習 -> machine_learning ✅
|
||||
電腦視覺 -> computer_vision ✅
|
||||
自然語言處理 -> nlp ✅
|
||||
機器人 -> robotics ✅
|
||||
網路安全 -> cybersecurity ✅
|
||||
雲端服務 -> cloud_service ✅
|
||||
其他 -> other ✅
|
||||
|
||||
📝 模擬創建新應用程式的資料:
|
||||
前端資料:
|
||||
名稱: 測試 AI 應用程式
|
||||
類型: 文字處理 -> productivity
|
||||
創建者: 測試創建者
|
||||
部門: HQBU
|
||||
圖示: Bot
|
||||
圖示顏色: from-blue-500 to-purple-500
|
||||
|
||||
✅ API 驗證結果:
|
||||
類型 'productivity' 是否有效: 是
|
||||
名稱長度 (10): 有效
|
||||
描述長度 (16): 有效
|
||||
|
||||
📋 檢查 apps 表格結構:
|
||||
name: varchar(200) NOT NULL
|
||||
description: text NULL
|
||||
type: enum('productivity','ai_model','automation','data_analysis','educational','healthcare','finance','iot_device','blockchain','ar_vr','machine_learning','computer_vision','nlp','robotics','cybersecurity','cloud_service','other') NULL DEFAULT other
|
||||
creator_name: varchar(100) NULL
|
||||
creator_email: varchar(255) NULL
|
||||
department: varchar(100) NULL DEFAULT HQBU
|
||||
icon: varchar(50) NULL DEFAULT Bot
|
||||
icon_color: varchar(100) NULL DEFAULT from-blue-500 to-purple-500
|
||||
|
||||
✅ AI 應用程式創建上傳流程測試完成！
|
||||
📝 總結:
|
||||
- 前端類型映射 ✅
|
||||
- API validTypes 已更新 ✅
|
||||
- 資料庫欄位完整 ✅
|
||||
- 類型驗證邏輯正確 ✅
|
||||
```
|
||||
|
||||
## 修正效果
|
||||
|
||||
### 1. 類型映射一致性
|
||||
- 前端中文類型正確映射到 API 類型
|
||||
- API 類型驗證邏輯與資料庫 ENUM 定義一致
|
||||
- 所有類型都能正確通過驗證
|
||||
|
||||
### 2. 資料完整性
|
||||
- 創建者、部門、應用類型、應用圖示都能正確保存
|
||||
- 資料庫欄位結構完整
|
||||
- 類型驗證邏輯正確
|
||||
|
||||
### 3. 系統穩定性
|
||||
- 消除了類型驗證失敗的問題
|
||||
- 確保所有新創建的應用程式都有正確的類型
|
||||
- 避免了資料不一致的問題
|
||||
|
||||
## 相關檔案
|
||||
|
||||
### 修改的檔案
|
||||
- `app/api/apps/route.ts` - 更新 validTypes 陣列
|
||||
|
||||
### 驗證的檔案
|
||||
- `app/api/apps/[id]/route.ts` - 確認 PUT 方法使用正確的 validTypes
|
||||
- `components/admin/app-management.tsx` - 確認前端類型映射邏輯
|
||||
- `scripts/update-app-types.js` - 確認資料庫類型更新腳本
|
||||
|
||||
### 測試檔案
|
||||
- `scripts/test-app-creation-upload-fix.js` - 創建上傳流程測試腳本
|
||||
|
||||
## 結論
|
||||
|
||||
通過更新 API 的 `validTypes` 陣列，成功解決了 AI 應用程式創建時應用類型無法正確上傳到資料庫的問題。現在前端發送的新整合類型能夠正確通過 API 驗證並保存到資料庫中。
|
||||
|
||||
修正後，整個創建流程如下：
|
||||
1. 用戶在前端選擇中文類型（如「文字處理」）
|
||||
2. 前端將中文類型映射為 API 類型（如 `productivity`）
|
||||
3. API 驗證類型是否在 `validTypes` 陣列中
|
||||
4. 驗證通過後，將類型保存到資料庫
|
||||
5. 查詢時，API 類型正確映射回中文顯示類型
|
||||
|
||||
這個修正確保了整個類型處理流程的一致性和正確性。
|
||||
@@ -1,177 +0,0 @@
|
||||
# 應用編輯錯誤修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
### 1. 應用程式類型驗證錯誤
|
||||
- **錯誤訊息**: "更新失敗:無效的應用程式類型"
|
||||
- **原因**: API 路由中的有效類型列表與前端映射的類型不匹配
|
||||
- **影響**: 無法更新應用程式
|
||||
|
||||
### 2. 所屬部門沒有正確帶出
|
||||
- **問題**: 編輯應用時，所屬部門欄位顯示空白
|
||||
- **原因**: 資料來源路徑問題
|
||||
- **影響**: 用戶無法看到現有的部門資訊
|
||||
|
||||
## 修正方案
|
||||
|
||||
### 1. 修正 API 路由中的有效類型列表
|
||||
|
||||
**修改檔案**: `app/api/apps/[id]/route.ts`
|
||||
|
||||
**修正前**:
|
||||
```typescript
|
||||
const validTypes = ['web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model', 'data_analysis', 'automation', 'other'];
|
||||
```
|
||||
|
||||
**修正後**:
|
||||
```typescript
|
||||
const validTypes = [
|
||||
'web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model',
|
||||
'data_analysis', 'automation', 'productivity', 'educational', 'healthcare',
|
||||
'finance', 'iot_device', 'blockchain', 'ar_vr', 'machine_learning',
|
||||
'computer_vision', 'nlp', 'robotics', 'cybersecurity', 'cloud_service', 'other'
|
||||
];
|
||||
```
|
||||
|
||||
### 2. 修正前端資料載入
|
||||
|
||||
**修改檔案**: `components/admin/app-management.tsx`
|
||||
|
||||
**修正 loadApps 函數**:
|
||||
```typescript
|
||||
// 轉換 API 資料格式為前端期望的格式
|
||||
const formattedApps = (data.apps || []).map((app: any) => ({
|
||||
...app,
|
||||
views: app.viewsCount || 0,
|
||||
likes: app.likesCount || 0,
|
||||
appUrl: app.demoUrl || '',
|
||||
type: mapApiTypeToDisplayType(app.type), // 將 API 類型轉換為中文顯示
|
||||
icon: app.icon || 'Bot',
|
||||
iconColor: app.iconColor || 'from-blue-500 to-purple-500',
|
||||
reviews: 0, // API 中沒有評論數，設為 0
|
||||
createdAt: app.createdAt ? new Date(app.createdAt).toLocaleDateString() : '未知'
|
||||
}))
|
||||
```
|
||||
|
||||
**修正 handleEditApp 函數**:
|
||||
```typescript
|
||||
const handleEditApp = (app: any) => {
|
||||
setSelectedApp(app)
|
||||
setNewApp({
|
||||
name: app.name,
|
||||
type: app.type, // 這裡已經是中文類型了，因為在 loadApps 中已經轉換
|
||||
department: app.creator?.department || app.department || "HQBU", // 修正：優先從 creator.department 獲取
|
||||
creator: app.creator?.name || app.creator || "", // 修正：優先從 creator.name 獲取
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "", // 修正：同時檢查 appUrl 和 demoUrl
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
})
|
||||
setShowEditApp(true)
|
||||
}
|
||||
```
|
||||
|
||||
## 類型映射對照表
|
||||
|
||||
### 前端中文類型 -> API 英文類型
|
||||
| 前端類型 | API 類型 | 狀態 |
|
||||
|---------|---------|------|
|
||||
| 文字處理 | productivity | ✅ |
|
||||
| 圖像生成 | ai_model | ✅ |
|
||||
| 圖像處理 | ai_model | ✅ |
|
||||
| 語音辨識 | ai_model | ✅ |
|
||||
| 推薦系統 | ai_model | ✅ |
|
||||
| 音樂生成 | ai_model | ✅ |
|
||||
| 程式開發 | automation | ✅ |
|
||||
| 影像處理 | ai_model | ✅ |
|
||||
| 對話系統 | ai_model | ✅ |
|
||||
| 數據分析 | data_analysis | ✅ |
|
||||
| 設計工具 | productivity | ✅ |
|
||||
| 語音技術 | ai_model | ✅ |
|
||||
| 教育工具 | educational | ✅ |
|
||||
| 健康醫療 | healthcare | ✅ |
|
||||
| 金融科技 | finance | ✅ |
|
||||
| 物聯網 | iot_device | ✅ |
|
||||
| 區塊鏈 | blockchain | ✅ |
|
||||
| AR/VR | ar_vr | ✅ |
|
||||
| 機器學習 | machine_learning | ✅ |
|
||||
| 電腦視覺 | computer_vision | ✅ |
|
||||
| 自然語言處理 | nlp | ✅ |
|
||||
| 機器人 | robotics | ✅ |
|
||||
| 網路安全 | cybersecurity | ✅ |
|
||||
| 雲端服務 | cloud_service | ✅ |
|
||||
| 其他 | other | ✅ |
|
||||
|
||||
## 測試腳本
|
||||
|
||||
**新增檔案**: `scripts/test-app-edit-fix.js`
|
||||
|
||||
**功能**:
|
||||
- 檢查現有應用程式的資料結構
|
||||
- 測試類型映射功能
|
||||
- 驗證 API 有效類型列表
|
||||
- 確認映射的有效性
|
||||
|
||||
**執行方式**:
|
||||
```bash
|
||||
npm run test:app-edit-fix
|
||||
```
|
||||
|
||||
## 修正結果
|
||||
|
||||
### ✅ 應用程式類型驗證錯誤已解決
|
||||
- API 路由現在接受所有前端映射的類型
|
||||
- 前端到後端的類型轉換正常工作
|
||||
- 不再出現 "無效的應用程式類型" 錯誤
|
||||
|
||||
### ✅ 所屬部門問題已解決
|
||||
- 編輯應用時，所屬部門欄位會正確顯示現有值
|
||||
- 資料來源優先從 `app.creator?.department` 獲取
|
||||
- 支援多種資料結構格式
|
||||
|
||||
### ✅ 完整的功能支援
|
||||
- 應用程式類型驗證正常
|
||||
- 所屬部門正確顯示
|
||||
- 圖示選擇和保存功能正常
|
||||
- 編輯對話框所有欄位都能正確工作
|
||||
|
||||
## 使用說明
|
||||
|
||||
### 1. 測試修正
|
||||
```bash
|
||||
npm run test:app-edit-fix
|
||||
```
|
||||
|
||||
### 2. 在管理後台使用
|
||||
1. 進入應用管理頁面
|
||||
2. 點擊應用程式的「編輯應用」按鈕
|
||||
3. 確認所屬部門欄位顯示正確
|
||||
4. 修改應用類型（應該不會再出現錯誤）
|
||||
5. 選擇應用圖示
|
||||
6. 點擊「更新應用」保存變更
|
||||
|
||||
## 注意事項
|
||||
|
||||
1. **類型映射**: 確保前端選擇的類型能正確映射到 API 接受的類型
|
||||
2. **資料結構**: 確保 API 回應包含完整的 creator 資訊
|
||||
3. **向後相容**: 修正保持向後相容性，不會影響現有功能
|
||||
4. **錯誤處理**: 改進了錯誤處理，提供更清晰的錯誤訊息
|
||||
|
||||
## 技術細節
|
||||
|
||||
### API 路由修正
|
||||
- 擴展了 `validTypes` 陣列，包含所有前端映射的類型
|
||||
- 保持了原有的驗證邏輯
|
||||
- 確保類型安全
|
||||
|
||||
### 前端資料處理修正
|
||||
- 保留了完整的 `creator` 物件資訊
|
||||
- 修正了資料來源路徑
|
||||
- 改進了錯誤處理
|
||||
|
||||
---
|
||||
|
||||
**修正完成時間**: 2025-01-XX
|
||||
**修正人員**: AI Assistant
|
||||
**測試狀態**: ✅ 已測試
|
||||
**錯誤狀態**: ✅ 已解決
|
||||
@@ -1,227 +0,0 @@
|
||||
# 應用編輯功能修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
### 1. 所屬部門無法帶入編輯介面
|
||||
- **問題**: 編輯應用時，所屬部門欄位無法正確顯示現有值
|
||||
- **原因**: `handleEditApp` 函數中資料來源路徑錯誤
|
||||
|
||||
### 2. 應用圖示沒有儲存到資料庫
|
||||
- **問題**: 選擇的圖示無法保存，總是顯示預設圖示
|
||||
- **原因**: 資料庫 `apps` 表缺少 `icon` 和 `icon_color` 欄位
|
||||
|
||||
## 修正方案
|
||||
|
||||
### 1. 修正所屬部門資料來源
|
||||
|
||||
**修改檔案**: `components/admin/app-management.tsx`
|
||||
|
||||
**修正內容**:
|
||||
```typescript
|
||||
const handleEditApp = (app: any) => {
|
||||
setSelectedApp(app)
|
||||
setNewApp({
|
||||
name: app.name,
|
||||
type: app.type,
|
||||
department: app.creator?.department || app.department || "HQBU", // 修正：優先從 creator.department 獲取
|
||||
creator: app.creator?.name || app.creator || "", // 修正：優先從 creator.name 獲取
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "", // 修正：同時檢查 appUrl 和 demoUrl
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
})
|
||||
setShowEditApp(true)
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 新增資料庫圖示欄位
|
||||
|
||||
**修改檔案**: `database_setup.sql`
|
||||
|
||||
**新增欄位**:
|
||||
```sql
|
||||
-- 6. 應用表 (apps)
|
||||
CREATE TABLE apps (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
name VARCHAR(200) NOT NULL,
|
||||
description TEXT,
|
||||
creator_id VARCHAR(36) NOT NULL,
|
||||
team_id VARCHAR(36),
|
||||
likes_count INT DEFAULT 0,
|
||||
views_count INT DEFAULT 0,
|
||||
rating DECIMAL(3,2) DEFAULT 0,
|
||||
icon VARCHAR(50) DEFAULT 'Bot', -- 新增：圖示欄位
|
||||
icon_color VARCHAR(100) DEFAULT 'from-blue-500 to-purple-500', -- 新增：圖示顏色欄位
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (creator_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (team_id) REFERENCES teams(id) ON DELETE SET NULL,
|
||||
INDEX idx_creator (creator_id),
|
||||
INDEX idx_team (team_id),
|
||||
INDEX idx_rating (rating),
|
||||
INDEX idx_likes (likes_count)
|
||||
);
|
||||
```
|
||||
|
||||
### 3. 更新 TypeScript 類型定義
|
||||
|
||||
**修改檔案**: `types/app.ts`
|
||||
|
||||
**新增欄位**:
|
||||
```typescript
|
||||
export interface App {
|
||||
// ... 其他欄位
|
||||
icon?: string;
|
||||
iconColor?: string;
|
||||
// ... 其他欄位
|
||||
}
|
||||
|
||||
export interface AppUpdateRequest {
|
||||
// ... 其他欄位
|
||||
icon?: string;
|
||||
iconColor?: string;
|
||||
// ... 其他欄位
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 更新 API 路由
|
||||
|
||||
**修改檔案**: `app/api/apps/[id]/route.ts`
|
||||
|
||||
**新增處理**:
|
||||
```typescript
|
||||
const {
|
||||
// ... 其他欄位
|
||||
icon,
|
||||
iconColor
|
||||
}: AppUpdateRequest = body;
|
||||
|
||||
// 在更新資料驗證部分
|
||||
if (icon !== undefined) {
|
||||
updateData.icon = icon;
|
||||
}
|
||||
|
||||
if (iconColor !== undefined) {
|
||||
updateData.icon_color = iconColor;
|
||||
}
|
||||
```
|
||||
|
||||
**修改檔案**: `app/api/apps/route.ts`
|
||||
|
||||
**新增回應欄位**:
|
||||
```typescript
|
||||
const formattedApps = apps.map((app: any) => ({
|
||||
// ... 其他欄位
|
||||
icon: app.icon,
|
||||
iconColor: app.icon_color,
|
||||
// ... 其他欄位
|
||||
}));
|
||||
```
|
||||
|
||||
### 5. 更新前端資料處理
|
||||
|
||||
**修改檔案**: `components/admin/app-management.tsx`
|
||||
|
||||
**修正 loadApps 函數**:
|
||||
```typescript
|
||||
const formattedApps = (data.apps || []).map((app: any) => ({
|
||||
// ... 其他欄位
|
||||
icon: app.icon || 'Bot',
|
||||
iconColor: app.iconColor || 'from-blue-500 to-purple-500',
|
||||
// ... 其他欄位
|
||||
}))
|
||||
```
|
||||
|
||||
**修正 handleUpdateApp 函數**:
|
||||
```typescript
|
||||
const updateData = {
|
||||
name: newApp.name,
|
||||
description: newApp.description,
|
||||
type: mapTypeToApiType(newApp.type),
|
||||
demoUrl: newApp.appUrl || undefined,
|
||||
icon: newApp.icon, // 新增：更新圖示
|
||||
iconColor: newApp.iconColor, // 新增：更新圖示顏色
|
||||
department: newApp.department, // 新增：更新部門
|
||||
}
|
||||
```
|
||||
|
||||
## 測試腳本
|
||||
|
||||
**新增檔案**: `scripts/test-app-edit.js`
|
||||
|
||||
**功能**:
|
||||
- 檢查資料庫結構是否包含圖示欄位
|
||||
- 檢查現有應用程式的圖示設定
|
||||
- 測試圖示更新功能
|
||||
|
||||
**執行方式**:
|
||||
```bash
|
||||
npm run test:app-edit
|
||||
```
|
||||
|
||||
## 資料庫更新腳本
|
||||
|
||||
**修改檔案**: `scripts/fix-apps-table.js`
|
||||
|
||||
**新增欄位**:
|
||||
```sql
|
||||
-- 添加圖示欄位
|
||||
ALTER TABLE apps ADD COLUMN icon VARCHAR(50) DEFAULT 'Bot',
|
||||
|
||||
-- 添加圖示顏色欄位
|
||||
ALTER TABLE apps ADD COLUMN icon_color VARCHAR(100) DEFAULT 'from-blue-500 to-purple-500',
|
||||
```
|
||||
|
||||
**執行方式**:
|
||||
```bash
|
||||
npm run db:update-structure
|
||||
```
|
||||
|
||||
## 修正結果
|
||||
|
||||
### ✅ 所屬部門問題已解決
|
||||
- 編輯應用時，所屬部門欄位會正確顯示現有值
|
||||
- 資料來源優先從 `app.creator?.department` 獲取
|
||||
- 支援多種資料結構格式
|
||||
|
||||
### ✅ 應用圖示問題已解決
|
||||
- 資料庫新增 `icon` 和 `icon_color` 欄位
|
||||
- 前端可以正確保存和顯示選擇的圖示
|
||||
- API 支援圖示的更新和查詢
|
||||
|
||||
### ✅ 完整的功能支援
|
||||
- 編輯對話框包含圖示選擇器
|
||||
- 所屬部門下拉選單
|
||||
- 資料正確保存到資料庫
|
||||
- 前端正確顯示保存的資料
|
||||
|
||||
## 使用說明
|
||||
|
||||
### 1. 更新資料庫結構
|
||||
```bash
|
||||
npm run db:update-structure
|
||||
```
|
||||
|
||||
### 2. 測試功能
|
||||
```bash
|
||||
npm run test:app-edit
|
||||
```
|
||||
|
||||
### 3. 在管理後台使用
|
||||
1. 進入應用管理頁面
|
||||
2. 點擊應用程式的「編輯應用」按鈕
|
||||
3. 修改所屬部門和選擇應用圖示
|
||||
4. 點擊「更新應用」保存變更
|
||||
|
||||
## 注意事項
|
||||
|
||||
1. **資料庫更新**: 需要先執行 `npm run db:update-structure` 來新增圖示欄位
|
||||
2. **向後相容**: 現有的應用程式會使用預設圖示，直到手動更新
|
||||
3. **圖示選擇**: 提供 20 種不同的圖示供選擇
|
||||
4. **部門管理**: 支援 HQBU、ITBU、MBU1、SBU 四個部門
|
||||
|
||||
---
|
||||
|
||||
**修正完成時間**: 2025-01-XX
|
||||
**修正人員**: AI Assistant
|
||||
**測試狀態**: ✅ 已測試
|
||||
@@ -1,228 +0,0 @@
|
||||
# Application Type Edit Fix & Anonymous User Optimization Report
|
||||
|
||||
## Problem Description
|
||||
|
||||
### 1. Application Type Editing Issue
|
||||
**User Report**: "應用類型編輯後沒反應，也沒預袋和修改" (Application type doesn't react after editing, and it's not pre-filled or modified)
|
||||
|
||||
**Symptoms**:
|
||||
- When editing an AI application, the application type field is not pre-filled with the current value
|
||||
- Changes to the application type field are not reflected after saving
|
||||
- The Select component for application type appears to not respond to user interactions
|
||||
|
||||
### 2. Anonymous User Optimization Request
|
||||
**User Report**: "你可能要在優化邏輯，我的意思是 不見得每個人都會來創立帳號，理想是這樣沒錯，但有可能他只是想來看這裡的 app 和使用，他沒有按讚和收藏的需求，就是總有匿名的使用者，所以你用使用者綁部門會有問題"
|
||||
|
||||
**Issue**: Department information was tied to user accounts, making it problematic for anonymous users who only want to view and use apps without creating accounts.
|
||||
|
||||
## Root Cause Analysis
|
||||
|
||||
### Application Type Issue
|
||||
1. **Type Mapping Consistency**: The API valid types and frontend mapping were not fully aligned
|
||||
2. **State Management**: The `newApp.type` state was being set correctly, but there might be React rendering issues
|
||||
3. **Debug Logging**: Added comprehensive logging to track the data flow
|
||||
|
||||
### Anonymous User Issue
|
||||
1. **Department Dependency**: Department information was tightly coupled to user accounts
|
||||
2. **Limited Options**: Department options were hardcoded and not flexible for anonymous users
|
||||
3. **User Experience**: Anonymous users couldn't easily interact with department-based features
|
||||
|
||||
## Implemented Solutions
|
||||
|
||||
### 1. Application Type Fix
|
||||
|
||||
#### A. API Type Validation Update
|
||||
**File**: `app/api/apps/[id]/route.ts`
|
||||
**Change**: Updated the valid types array to match frontend expectations
|
||||
```typescript
|
||||
// Before
|
||||
const validTypes = [
|
||||
'web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model',
|
||||
'data_analysis', 'automation', 'productivity', 'educational', 'healthcare',
|
||||
'finance', 'iot_device', 'blockchain', 'ar_vr', 'machine_learning',
|
||||
'computer_vision', 'nlp', 'robotics', 'cybersecurity', 'cloud_service', 'other'
|
||||
];
|
||||
|
||||
// After
|
||||
const validTypes = [
|
||||
'productivity', 'ai_model', 'automation', 'data_analysis', 'educational',
|
||||
'healthcare', 'finance', 'iot_device', 'blockchain', 'ar_vr',
|
||||
'machine_learning', 'computer_vision', 'nlp', 'robotics', 'cybersecurity',
|
||||
'cloud_service', 'other'
|
||||
];
|
||||
```
|
||||
|
||||
#### B. Enhanced Debug Logging
|
||||
**File**: `components/admin/app-management.tsx`
|
||||
**Changes**:
|
||||
1. Added debug logging to `handleEditApp` function
|
||||
2. Added debug logging to Select component `onValueChange`
|
||||
3. Added useEffect to monitor edit dialog state
|
||||
|
||||
```typescript
|
||||
// Debug logging in handleEditApp
|
||||
const handleEditApp = (app: any) => {
|
||||
console.log('=== handleEditApp Debug ===')
|
||||
console.log('Input app:', app)
|
||||
console.log('app.type:', app.type)
|
||||
// ... more logging
|
||||
}
|
||||
|
||||
// Debug logging in Select component
|
||||
<Select value={newApp.type} onValueChange={(value) => {
|
||||
console.log('Type changed to:', value)
|
||||
setNewApp({ ...newApp, type: value })
|
||||
}}>
|
||||
|
||||
// Debug useEffect
|
||||
useEffect(() => {
|
||||
if (showEditApp) {
|
||||
console.log('Edit dialog opened - newApp:', newApp)
|
||||
}
|
||||
}, [showEditApp, newApp])
|
||||
```
|
||||
|
||||
### 2. Anonymous User Optimization
|
||||
|
||||
#### A. Flexible Department Options
|
||||
**File**: `components/admin/app-management.tsx`
|
||||
**Change**: Created a dynamic department options function
|
||||
|
||||
```typescript
|
||||
// New function for flexible department options
|
||||
const getDepartmentOptions = () => {
|
||||
return [
|
||||
{ value: "HQBU", label: "HQBU" },
|
||||
{ value: "ITBU", label: "ITBU" },
|
||||
{ value: "MBU1", label: "MBU1" },
|
||||
{ value: "SBU", label: "SBU" },
|
||||
{ value: "其他", label: "其他" } // 新增選項，適合匿名用戶
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
#### B. Updated Select Components
|
||||
**Files**: `components/admin/app-management.tsx`
|
||||
**Changes**: Updated both add and edit dialogs to use dynamic department options
|
||||
|
||||
```typescript
|
||||
// Before: Hardcoded options
|
||||
<SelectContent>
|
||||
<SelectItem value="HQBU">HQBU</SelectItem>
|
||||
<SelectItem value="ITBU">ITBU</SelectItem>
|
||||
<SelectItem value="MBU1">MBU1</SelectItem>
|
||||
<SelectItem value="SBU">SBU</SelectItem>
|
||||
</SelectContent>
|
||||
|
||||
// After: Dynamic options
|
||||
<SelectContent>
|
||||
{getDepartmentOptions().map((option) => (
|
||||
<SelectItem key={option.value} value={option.value}>
|
||||
{option.label}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
```
|
||||
|
||||
#### C. Enhanced Comments
|
||||
**File**: `components/admin/app-management.tsx`
|
||||
**Change**: Added comments explaining the anonymous user optimization
|
||||
|
||||
```typescript
|
||||
// 優化：為匿名用戶提供更靈活的部門處理
|
||||
// 部門信息不再完全依賴用戶帳戶，允許匿名用戶查看和過濾
|
||||
```
|
||||
|
||||
## Testing Methodology
|
||||
|
||||
### 1. Application Type Testing
|
||||
Created test script: `scripts/test-app-type-edit.js`
|
||||
- Simulates API response with different app types
|
||||
- Tests the complete data flow from API to frontend
|
||||
- Verifies type mapping consistency
|
||||
- Confirms Select component value validation
|
||||
|
||||
**Test Results**: ✅ All tests passed
|
||||
- Type mapping works correctly
|
||||
- API to frontend conversion is accurate
|
||||
- Select component values are valid
|
||||
- Round-trip conversion maintains data integrity
|
||||
|
||||
### 2. Anonymous User Testing
|
||||
- Verified department options are now dynamic
|
||||
- Confirmed "其他" (Other) option is available for anonymous users
|
||||
- Tested that department filtering works for all user types
|
||||
|
||||
## Impact Analysis
|
||||
|
||||
### Positive Impacts
|
||||
1. **Application Type Fix**:
|
||||
- ✅ Type field now pre-fills correctly during editing
|
||||
- ✅ Changes to type field are properly saved
|
||||
- ✅ Select component responds to user interactions
|
||||
- ✅ Debug logging helps identify future issues
|
||||
|
||||
2. **Anonymous User Optimization**:
|
||||
- ✅ Department information is no longer tied to user accounts
|
||||
- ✅ Anonymous users can view and filter by department
|
||||
- ✅ Added "其他" option for flexible department assignment
|
||||
- ✅ Improved user experience for non-registered users
|
||||
|
||||
### Maintained Functionality
|
||||
- ✅ All existing admin features continue to work
|
||||
- ✅ User authentication and permissions remain intact
|
||||
- ✅ Department filtering on main page works for all users
|
||||
- ✅ App creation and editing workflows are preserved
|
||||
|
||||
## Prevention Measures
|
||||
|
||||
### 1. Type Mapping Consistency
|
||||
- Regular validation of API and frontend type mappings
|
||||
- Automated testing of type conversion functions
|
||||
- Clear documentation of type mapping rules
|
||||
|
||||
### 2. Anonymous User Support
|
||||
- Department options are now configurable and extensible
|
||||
- Future features should consider anonymous user access
|
||||
- User experience should not require account creation for basic viewing
|
||||
|
||||
## Files Modified
|
||||
|
||||
1. **`app/api/apps/[id]/route.ts`**
|
||||
- Updated valid types array to match frontend expectations
|
||||
|
||||
2. **`components/admin/app-management.tsx`**
|
||||
- Added debug logging for application type handling
|
||||
- Created `getDepartmentOptions()` function for flexible department handling
|
||||
- Updated both add and edit dialogs to use dynamic department options
|
||||
- Added comments explaining anonymous user optimization
|
||||
|
||||
3. **`scripts/test-app-type-edit.js`** (New)
|
||||
- Comprehensive test script for application type handling
|
||||
|
||||
## Verification Steps
|
||||
|
||||
### For Application Type Fix:
|
||||
1. Open admin panel and navigate to Apps management
|
||||
2. Click "Edit" on any existing app
|
||||
3. Verify that the application type field is pre-filled with the current value
|
||||
4. Change the application type and save
|
||||
5. Verify that the change is reflected in the app list
|
||||
6. Check browser console for debug logs
|
||||
|
||||
### For Anonymous User Optimization:
|
||||
1. Open the main page without logging in
|
||||
2. Verify that department filtering is available
|
||||
3. Test filtering by different departments
|
||||
4. Verify that "其他" option is available in admin panel
|
||||
5. Test app creation with different department options
|
||||
|
||||
## Conclusion
|
||||
|
||||
Both issues have been successfully resolved:
|
||||
|
||||
1. **Application Type Editing**: The type field now pre-fills correctly and updates properly after editing. Debug logging has been added to help identify any future issues.
|
||||
|
||||
2. **Anonymous User Optimization**: Department information is no longer tied to user accounts, making the platform more accessible to anonymous users who only want to view and use apps.
|
||||
|
||||
The fixes maintain backward compatibility while improving the user experience for both registered and anonymous users.
|
||||
@@ -1,121 +0,0 @@
|
||||
# 創建者名稱修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
用戶報告：**"你的察看詳細內的編輯應用的視窗部是逮資料庫的資料喔，你看他還再系統管理員，但這資料是再資料庫部是系統管理員，所以這是預設資料"**
|
||||
|
||||
當用戶點擊編輯應用功能時，創建者欄位顯示「系統管理員」，但實際資料庫中的創建者名稱應該是「佩庭」。
|
||||
|
||||
## 問題分析
|
||||
|
||||
### 根本原因
|
||||
1. **資料庫中有兩個不同的創建者資訊來源**：
|
||||
- `apps.creator_name` = "佩庭"（應用程式表中的創建者名稱欄位）
|
||||
- `users.name` = "系統管理員"（用戶表中的用戶名稱）
|
||||
|
||||
2. **列表 API 和詳細 API 使用不同的資料來源**：
|
||||
- 列表 API 使用 `users.name`（系統管理員）
|
||||
- 詳細 API 使用 `apps.creator_name`（佩庭）
|
||||
|
||||
3. **資料不一致導致編輯視窗顯示錯誤的創建者名稱**
|
||||
|
||||
### 影響範圍
|
||||
- 編輯應用功能顯示錯誤的創建者名稱
|
||||
- 列表和詳細視圖的創建者資訊不一致
|
||||
- 影響資料的準確性和用戶體驗
|
||||
|
||||
## 修正方案
|
||||
|
||||
### 修改列表 API 的創建者資訊處理
|
||||
|
||||
**修改前：**
|
||||
```typescript
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.user_creator_name, // 只使用用戶表的名稱
|
||||
email: app.user_creator_email,
|
||||
department: app.department || app.user_creator_department,
|
||||
role: app.creator_role
|
||||
}
|
||||
```
|
||||
|
||||
**修改後：**
|
||||
```typescript
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.creator_name || app.user_creator_name, // 優先使用應用程式表的創建者名稱
|
||||
email: app.user_creator_email,
|
||||
department: app.department || app.user_creator_department,
|
||||
role: app.creator_role
|
||||
}
|
||||
```
|
||||
|
||||
### 修改的檔案
|
||||
- `app/api/apps/route.ts`：列表 API 的創建者資訊格式化邏輯
|
||||
|
||||
## 測試驗證
|
||||
|
||||
### 測試案例：創建者名稱一致性
|
||||
- **輸入**：包含 `apps.creator_name` 和 `users.name` 的資料庫查詢結果
|
||||
- **期望**：優先使用 `apps.creator_name`（佩庭）
|
||||
- **結果**：✅ 通過
|
||||
|
||||
### 測試結果
|
||||
```
|
||||
📊 原始資料庫查詢結果:
|
||||
應用程式 1:
|
||||
應用名稱: ITBU_佩庭_天氣查詢機器人
|
||||
apps.creator_name: 佩庭
|
||||
users.name: 系統管理員
|
||||
|
||||
📋 修正後的格式化結果:
|
||||
應用程式 1:
|
||||
名稱: ITBU_佩庭_天氣查詢機器人
|
||||
創建者名稱: 佩庭
|
||||
創建者郵箱: admin@example.com
|
||||
創建者部門: ITBU
|
||||
|
||||
✅ 驗證結果:
|
||||
期望創建者名稱: 佩庭
|
||||
實際創建者名稱: 佩庭
|
||||
修正是否成功: true
|
||||
```
|
||||
|
||||
## 修正效果
|
||||
|
||||
### 修正前
|
||||
- 列表視圖顯示「系統管理員」
|
||||
- 詳細視圖顯示「佩庭」
|
||||
- 編輯視窗顯示「系統管理員」
|
||||
- 資料不一致，用戶困惑
|
||||
|
||||
### 修正後
|
||||
- 列表視圖顯示「佩庭」
|
||||
- 詳細視圖顯示「佩庭」
|
||||
- 編輯視窗顯示「佩庭」
|
||||
- 資料一致，用戶體驗改善
|
||||
|
||||
## 技術細節
|
||||
|
||||
### 資料庫結構
|
||||
- `apps.creator_name`：應用程式表中的創建者名稱欄位
|
||||
- `users.name`：用戶表中的用戶名稱欄位
|
||||
- 兩個欄位可能包含不同的值
|
||||
|
||||
### API 邏輯
|
||||
- **列表 API**：現在優先使用 `apps.creator_name`，如果為空則使用 `users.name`
|
||||
- **詳細 API**：使用 `apps.creator_name`
|
||||
- **一致性**：確保兩個 API 都使用相同的資料來源
|
||||
|
||||
### 影響的端點
|
||||
- `GET /api/apps`：列表 API
|
||||
- `GET /api/apps/[id]`：詳細 API（未修改，因為已經正確）
|
||||
|
||||
## 總結
|
||||
|
||||
此修正確保了創建者資訊在整個應用程式中的一致性，優先使用應用程式表中的創建者名稱，而不是用戶表中的用戶名稱。這解決了編輯視窗顯示錯誤創建者名稱的問題，並改善了整體的資料準確性。
|
||||
|
||||
**修正狀態**：✅ 已完成並通過測試
|
||||
**影響範圍**：創建者資訊顯示
|
||||
**測試狀態**：✅ 所有測試案例通過
|
||||
**資料一致性**：✅ 列表和詳細視圖現在顯示相同的創建者資訊
|
||||
@@ -1,217 +0,0 @@
|
||||
# Creator Object Rendering Error Fix Report
|
||||
|
||||
## Problem Description
|
||||
|
||||
### Error Details
|
||||
- **Error Type**: React Runtime Error
|
||||
- **Error Message**: "Objects are not valid as a React child (found: object with keys {id, name, email, department, role})"
|
||||
- **Location**: `components/admin/app-management.tsx` line 854
|
||||
- **Component**: AppManagement
|
||||
|
||||
### Root Cause
|
||||
The error occurred because the API was returning a `creator` object with properties `{id, name, email, department, role}`, but the React component was trying to render this object directly in JSX instead of accessing its specific properties.
|
||||
|
||||
### Affected Areas
|
||||
1. **Table Display**: Line 854 where `{app.creator}` was rendered directly
|
||||
2. **Data Processing**: The `loadApps` function wasn't properly handling the creator object structure
|
||||
|
||||
## Solution Implemented
|
||||
|
||||
### 1. Fixed Data Processing in `loadApps` Function
|
||||
|
||||
**File**: `components/admin/app-management.tsx`
|
||||
**Lines**: 154-162
|
||||
|
||||
**Before**:
|
||||
```typescript
|
||||
const formattedApps = (data.apps || []).map((app: any) => ({
|
||||
...app,
|
||||
views: app.viewsCount || 0,
|
||||
likes: app.likesCount || 0,
|
||||
appUrl: app.demoUrl || '',
|
||||
type: mapApiTypeToDisplayType(app.type),
|
||||
icon: app.icon || 'Bot',
|
||||
iconColor: app.iconColor || 'from-blue-500 to-purple-500',
|
||||
reviews: 0,
|
||||
createdAt: app.createdAt ? new Date(app.createdAt).toLocaleDateString() : '未知'
|
||||
}))
|
||||
```
|
||||
|
||||
**After**:
|
||||
```typescript
|
||||
const formattedApps = (data.apps || []).map((app: any) => ({
|
||||
...app,
|
||||
views: app.viewsCount || 0,
|
||||
likes: app.likesCount || 0,
|
||||
appUrl: app.demoUrl || '',
|
||||
type: mapApiTypeToDisplayType(app.type),
|
||||
icon: app.icon || 'Bot',
|
||||
iconColor: app.iconColor || 'from-blue-500 to-purple-500',
|
||||
reviews: 0,
|
||||
createdAt: app.createdAt ? new Date(app.createdAt).toLocaleDateString() : '未知',
|
||||
// Handle creator object properly
|
||||
creator: typeof app.creator === 'object' ? app.creator.name : app.creator,
|
||||
department: typeof app.creator === 'object' ? app.creator.department : app.department
|
||||
}))
|
||||
```
|
||||
|
||||
### 2. Fixed Table Cell Rendering
|
||||
|
||||
**File**: `components/admin/app-management.tsx`
|
||||
**Lines**: 854-858
|
||||
|
||||
**Before**:
|
||||
```typescript
|
||||
<TableCell>
|
||||
<div>
|
||||
<p className="font-medium">{app.creator}</p>
|
||||
<p className="text-sm text-gray-500">{app.department}</p>
|
||||
</div>
|
||||
</TableCell>
|
||||
```
|
||||
|
||||
**After**:
|
||||
```typescript
|
||||
<TableCell>
|
||||
<div>
|
||||
<p className="font-medium">{typeof app.creator === 'object' ? app.creator.name : app.creator}</p>
|
||||
<p className="text-sm text-gray-500">{typeof app.creator === 'object' ? app.creator.department : app.department}</p>
|
||||
</div>
|
||||
</TableCell>
|
||||
```
|
||||
|
||||
## Data Structure Handling
|
||||
|
||||
### API Response Format
|
||||
The API can return creator data in two formats:
|
||||
|
||||
1. **Object Format** (from user table join):
|
||||
```json
|
||||
{
|
||||
"creator": {
|
||||
"id": "user1",
|
||||
"name": "John Doe",
|
||||
"email": "john@example.com",
|
||||
"department": "ITBU",
|
||||
"role": "developer"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
2. **String Format** (legacy or direct assignment):
|
||||
```json
|
||||
{
|
||||
"creator": "Jane Smith",
|
||||
"department": "HQBU"
|
||||
}
|
||||
```
|
||||
|
||||
### Processing Logic
|
||||
The fix implements proper type checking to handle both formats:
|
||||
|
||||
```typescript
|
||||
// For creator name
|
||||
creator: typeof app.creator === 'object' ? app.creator.name : app.creator
|
||||
|
||||
// For department
|
||||
department: typeof app.creator === 'object' ? app.creator.department : app.department
|
||||
```
|
||||
|
||||
## Testing
|
||||
|
||||
### Test Script Created
|
||||
**File**: `scripts/test-creator-object-fix.js`
|
||||
|
||||
The test script verifies:
|
||||
- ✅ Object creator handling
|
||||
- ✅ String creator handling
|
||||
- ✅ Department extraction
|
||||
- ✅ Rendering simulation
|
||||
|
||||
### Test Results
|
||||
```
|
||||
App 1:
|
||||
Creator: John Doe
|
||||
Department: ITBU
|
||||
Type: string
|
||||
Display - Creator: John Doe
|
||||
Display - Department: ITBU
|
||||
|
||||
App 2:
|
||||
Creator: Jane Smith
|
||||
Department: HQBU
|
||||
Type: string
|
||||
Display - Creator: Jane Smith
|
||||
Display - Department: HQBU
|
||||
```
|
||||
|
||||
## Impact Analysis
|
||||
|
||||
### ✅ Fixed Issues
|
||||
1. **React Rendering Error**: No more "Objects are not valid as a React child" errors
|
||||
2. **Data Display**: Creator names and departments display correctly
|
||||
3. **Backward Compatibility**: Works with both object and string creator formats
|
||||
4. **Form Functionality**: Edit forms continue to work properly
|
||||
|
||||
### ✅ Maintained Functionality
|
||||
1. **App Management**: All CRUD operations work correctly
|
||||
2. **Data Processing**: API data is properly formatted
|
||||
3. **UI Components**: All admin panel components function normally
|
||||
4. **Type Safety**: Proper type checking prevents future issues
|
||||
|
||||
## Prevention Measures
|
||||
|
||||
### 1. Type Checking
|
||||
All creator object access now includes type checking:
|
||||
```typescript
|
||||
typeof app.creator === 'object' ? app.creator.name : app.creator
|
||||
```
|
||||
|
||||
### 2. Data Processing
|
||||
Creator objects are processed during data loading to ensure consistent format.
|
||||
|
||||
### 3. Defensive Programming
|
||||
Multiple fallback options ensure the component works even with unexpected data formats.
|
||||
|
||||
## Files Modified
|
||||
|
||||
1. **`components/admin/app-management.tsx`**
|
||||
- Updated `loadApps` function (lines 154-162)
|
||||
- Fixed table cell rendering (lines 854-858)
|
||||
|
||||
2. **`scripts/test-creator-object-fix.js`** (new)
|
||||
- Created comprehensive test script
|
||||
|
||||
## Verification Steps
|
||||
|
||||
1. **Start the development server**:
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
2. **Navigate to admin panel**:
|
||||
- Go to `/admin`
|
||||
- Click on "應用管理" (App Management)
|
||||
|
||||
3. **Verify functionality**:
|
||||
- ✅ No React errors in console
|
||||
- ✅ Creator names display correctly
|
||||
- ✅ Department information shows properly
|
||||
- ✅ Edit functionality works
|
||||
- ✅ All CRUD operations function normally
|
||||
|
||||
## Conclusion
|
||||
|
||||
The fix successfully resolves the React object rendering error by:
|
||||
1. **Properly handling creator objects** during data processing
|
||||
2. **Implementing type-safe rendering** in the table cells
|
||||
3. **Maintaining backward compatibility** with existing data formats
|
||||
4. **Adding comprehensive testing** to prevent future issues
|
||||
|
||||
The admin panel now works correctly with both object and string creator formats, ensuring robust functionality across different API response structures.
|
||||
|
||||
---
|
||||
|
||||
**Fix Status**: ✅ **RESOLVED**
|
||||
**Test Status**: ✅ **PASSED**
|
||||
**Deployment Ready**: ✅ **YES**
|
||||
@@ -1,107 +0,0 @@
|
||||
# 部門預帶問題修復報告
|
||||
|
||||
## 問題描述
|
||||
用戶報告：編輯 AI 應用程式時，部門欄位沒有預帶正確的值。
|
||||
|
||||
## 問題分析
|
||||
|
||||
### 根本原因
|
||||
1. **資料庫結構正確**：`apps` 表本身沒有 `department` 欄位，但 API 通過 JOIN `users` 表獲取創建者的部門資訊
|
||||
2. **API 回應正確**：API 正確地將部門資訊放在 `creator.department` 中
|
||||
3. **前端處理問題**：`loadApps` 函數正確地將 `creator.department` 提取到 `app.department`
|
||||
4. **編輯函數錯誤**：`handleEditApp` 函數錯誤地嘗試從 `app.creator?.department` 獲取部門，但此時 `app.creator` 已經是字串
|
||||
|
||||
### 數據流程分析
|
||||
```
|
||||
API 回應: creator: { name: "John", department: "ITBU" }
|
||||
loadApps 處理: app.department = "ITBU", app.creator = "John"
|
||||
handleEditApp 錯誤: app.creator?.department (undefined) || app.department ("ITBU")
|
||||
```
|
||||
|
||||
## 修復方案
|
||||
|
||||
### 修改的文件
|
||||
- `components/admin/app-management.tsx`
|
||||
|
||||
### 修改內容
|
||||
將 `handleEditApp` 函數中的部門和創建者欄位處理邏輯簡化：
|
||||
|
||||
```typescript
|
||||
// 修改前
|
||||
department: app.creator?.department || app.department || "HQBU",
|
||||
creator: app.creator?.name || app.creator || "",
|
||||
|
||||
// 修改後
|
||||
department: app.department || "HQBU", // 直接使用 app.department
|
||||
creator: app.creator || "", // 直接使用 app.creator
|
||||
```
|
||||
|
||||
### 修復原理
|
||||
1. **`loadApps` 已經處理過數據**：在 `loadApps` 函數中，已經將 API 回應中的 `creator.department` 提取到 `app.department`
|
||||
2. **避免重複處理**：`handleEditApp` 不需要再次嘗試從 `creator` 物件中提取部門
|
||||
3. **簡化邏輯**：直接使用已經處理好的 `app.department` 和 `app.creator`
|
||||
|
||||
## 測試驗證
|
||||
|
||||
### 測試腳本
|
||||
創建了 `scripts/test-department-prefill.js` 來驗證修復：
|
||||
|
||||
1. **測試場景 1**：創建者為物件的情況
|
||||
- API 回應：`creator: { name: "John", department: "ITBU" }`
|
||||
- 期望結果：部門預帶為 "ITBU"
|
||||
- 測試結果：✅ 通過
|
||||
|
||||
2. **測試場景 2**：創建者為字串的情況
|
||||
- API 回應：`creator: "Jane", department: "MBU1"`
|
||||
- 期望結果：部門預帶為 "MBU1"
|
||||
- 測試結果：✅ 通過
|
||||
|
||||
### 測試結果
|
||||
```
|
||||
Scenario 1 - Expected: ITBU Got: ITBU ✅ PASS
|
||||
Scenario 2 - Expected: MBU1 Got: MBU1 ✅ PASS
|
||||
|
||||
🎉 All tests passed! The department pre-fill fix is working correctly.
|
||||
```
|
||||
|
||||
## 影響分析
|
||||
|
||||
### 修復的問題
|
||||
- ✅ 編輯 AI 應用程式時，部門欄位現在會正確預帶
|
||||
- ✅ 創建者欄位也會正確預帶
|
||||
- ✅ 支援不同數據結構（創建者為物件或字串）
|
||||
|
||||
### 維持的功能
|
||||
- ✅ 新建 AI 應用程式的表單重置功能
|
||||
- ✅ 創建者物件渲染修復
|
||||
- ✅ 所有其他編輯功能
|
||||
|
||||
### 預防措施
|
||||
1. **數據流程一致性**：確保 `loadApps` 和 `handleEditApp` 的數據處理邏輯一致
|
||||
2. **測試覆蓋**：為關鍵數據處理邏輯添加測試
|
||||
3. **文檔更新**：記錄數據結構和處理流程
|
||||
|
||||
## 驗證步驟
|
||||
|
||||
### 手動測試
|
||||
1. 登入管理員帳戶
|
||||
2. 進入 AI 應用程式管理頁面
|
||||
3. 點擊任何應用程式的「編輯」按鈕
|
||||
4. 確認部門欄位正確預帶了創建者的部門
|
||||
5. 確認創建者欄位正確預帶了創建者姓名
|
||||
|
||||
### 自動化測試
|
||||
運行測試腳本：
|
||||
```bash
|
||||
node scripts/test-department-prefill.js
|
||||
```
|
||||
|
||||
## 總結
|
||||
|
||||
這個修復解決了編輯 AI 應用程式時部門欄位不預帶的問題。問題的根本原因是 `handleEditApp` 函數錯誤地嘗試從已經處理過的數據中再次提取部門資訊。通過簡化邏輯，直接使用 `loadApps` 已經處理好的數據，確保了部門欄位的正確預帶。
|
||||
|
||||
修復後，編輯功能現在能夠：
|
||||
- 正確預帶部門資訊
|
||||
- 正確預帶創建者資訊
|
||||
- 支援不同的數據結構
|
||||
- 維持所有其他功能正常運作
|
||||
@@ -1,185 +0,0 @@
|
||||
# 詳細 API 編輯功能修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
用戶報告在應用詳細視窗中點擊「編輯應用」按鈕時，創建者和所屬部門顯示的是預設資料而不是真正的資料庫數據。
|
||||
|
||||
## 根本原因分析
|
||||
|
||||
### 1. 詳細 API 與列表 API 的數據結構不一致
|
||||
|
||||
**列表 API (`/api/apps`)**：
|
||||
- `department: app.department` (來自 apps 表)
|
||||
- `creator.name: app.creator_name || app.user_creator_name` (優先使用 apps.creator_name)
|
||||
|
||||
**詳細 API (`/api/apps/[id]`)**：
|
||||
- 缺少 `department` 欄位
|
||||
- `creator.name: app.creator_name` (只使用 users.name)
|
||||
- `creator.department: app.creator_department` (使用用戶部門而非應用部門)
|
||||
|
||||
### 2. SQL 查詢不一致
|
||||
|
||||
**列表 API 查詢**：
|
||||
```sql
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as user_creator_name, -- 使用 user_creator_name
|
||||
u.email as user_creator_email,
|
||||
u.department as user_creator_department,
|
||||
u.role as creator_role
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
```
|
||||
|
||||
**詳細 API 查詢**：
|
||||
```sql
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as creator_name, -- 使用 creator_name
|
||||
u.email as creator_email,
|
||||
u.department as creator_department,
|
||||
u.role as creator_role
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
```
|
||||
|
||||
## 修正方案
|
||||
|
||||
### 1. 更新詳細 API 的 SQL 查詢
|
||||
|
||||
**修改前**：
|
||||
```sql
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as creator_name,
|
||||
u.email as creator_email,
|
||||
u.department as creator_department,
|
||||
u.role as creator_role
|
||||
```
|
||||
|
||||
**修改後**：
|
||||
```sql
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as user_creator_name, -- 改為 user_creator_name
|
||||
u.email as creator_email,
|
||||
u.department as creator_department,
|
||||
u.role as creator_role
|
||||
```
|
||||
|
||||
### 2. 更新詳細 API 的回應格式
|
||||
|
||||
**修改前**：
|
||||
```typescript
|
||||
const formattedApp = {
|
||||
// ... 其他欄位
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.creator_name, // 只使用 users.name
|
||||
email: app.creator_email,
|
||||
department: app.creator_department, // 使用用戶部門
|
||||
role: app.creator_role
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
**修改後**：
|
||||
```typescript
|
||||
const formattedApp = {
|
||||
// ... 其他欄位
|
||||
department: app.department, // 新增應用部門
|
||||
icon: app.icon, // 新增圖示
|
||||
iconColor: app.icon_color, // 新增圖示顏色
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.creator_name || app.user_creator_name, // 優先使用 apps.creator_name
|
||||
email: app.creator_email,
|
||||
department: app.department || app.creator_department, // 優先使用應用部門
|
||||
role: app.creator_role
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 修正的檔案
|
||||
|
||||
### `app/api/apps/[id]/route.ts`
|
||||
|
||||
1. **SQL 查詢修正**：
|
||||
- 將 `u.name as creator_name` 改為 `u.name as user_creator_name`
|
||||
- 保持與列表 API 一致的欄位命名
|
||||
|
||||
2. **回應格式修正**：
|
||||
- 新增 `department: app.department` 欄位
|
||||
- 新增 `icon: app.icon` 和 `iconColor: app.icon_color` 欄位
|
||||
- 修正 `creator.name` 優先使用 `app.creator_name`
|
||||
- 修正 `creator.department` 優先使用 `app.department`
|
||||
|
||||
## 測試驗證
|
||||
|
||||
### 測試腳本：`scripts/test-detailed-api-logic.js`
|
||||
|
||||
模擬修正後的數據流程：
|
||||
|
||||
```javascript
|
||||
// 模擬資料庫值
|
||||
const mockAppData = {
|
||||
app_department: 'MBU1',
|
||||
app_creator_name: '佩庭',
|
||||
user_department: 'ITBU',
|
||||
user_name: '系統管理員'
|
||||
};
|
||||
|
||||
// 模擬詳細 API 回應
|
||||
const detailedAppData = {
|
||||
department: mockAppData.app_department, // MBU1
|
||||
creator: {
|
||||
name: mockAppData.app_creator_name || mockAppData.user_name, // 佩庭
|
||||
department: mockAppData.app_department || mockAppData.user_department // MBU1
|
||||
}
|
||||
};
|
||||
|
||||
// 模擬 handleEditApp 處理
|
||||
const result = handleEditApp(detailedAppData);
|
||||
// 結果：creator: '佩庭', department: 'MBU1'
|
||||
```
|
||||
|
||||
### 測試結果
|
||||
|
||||
```
|
||||
=== Verification ===
|
||||
Creator match: ✅ PASS
|
||||
Department match: ✅ PASS
|
||||
```
|
||||
|
||||
## 預期效果
|
||||
|
||||
修正後，當用戶在應用詳細視窗中點擊「編輯應用」按鈕時：
|
||||
|
||||
1. **創建者欄位**：顯示 `apps.creator_name` (如「佩庭」) 而非 `users.name` (如「系統管理員」)
|
||||
2. **部門欄位**：顯示 `apps.department` (如「MBU1」) 而非 `users.department` (如「ITBU」)
|
||||
3. **圖示欄位**：正確顯示 `apps.icon` 和 `apps.icon_color`
|
||||
4. **類型欄位**：正確轉換英文 API 類型為中文顯示類型
|
||||
|
||||
## 技術細節
|
||||
|
||||
### 數據優先級
|
||||
|
||||
1. **創建者名稱**：`apps.creator_name` > `users.name`
|
||||
2. **部門**：`apps.department` > `users.department`
|
||||
3. **圖示**：`apps.icon` 和 `apps.icon_color`
|
||||
|
||||
### 向後兼容性
|
||||
|
||||
修正保持向後兼容性：
|
||||
- 如果 `apps.creator_name` 為空，仍會使用 `users.name`
|
||||
- 如果 `apps.department` 為空，仍會使用 `users.department`
|
||||
|
||||
## 部署注意事項
|
||||
|
||||
1. 清除瀏覽器快取以確保獲取最新的 API 回應
|
||||
2. 重新測試編輯功能以驗證修正效果
|
||||
3. 確認所有相關欄位都正確顯示資料庫中的實際值
|
||||
|
||||
## 結論
|
||||
|
||||
此修正解決了詳細 API 與列表 API 數據結構不一致的問題，確保編輯功能能夠正確顯示資料庫中的實際值而非預設資料。修正後的系統將提供一致且準確的數據顯示體驗。
|
||||
@@ -1,195 +0,0 @@
|
||||
# 編輯應用功能一致性修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
用戶報告：查看詳情內的編輯應用功能要跟選項的編輯功能一樣，發現他不太一樣，沒有帶資料庫的數據。
|
||||
|
||||
## 問題分析
|
||||
|
||||
### 根本原因
|
||||
1. **資料來源不同**：
|
||||
- **選項中的編輯功能**：使用 `handleEditApp(app)`，其中 `app` 是從 `loadApps()` 獲取的列表資料，已經經過了 `mapApiTypeToDisplayType` 轉換，所以類型是中文的。
|
||||
- **查看詳情中的編輯功能**：使用 `handleEditApp(selectedApp)`，其中 `selectedApp` 是從 API 詳細資料獲取的，但這個資料沒有經過 `mapApiTypeToDisplayType` 轉換，所以類型還是英文的。
|
||||
|
||||
2. **資料結構差異**：
|
||||
- **列表資料**：`creator` 是字串，`type` 是中文
|
||||
- **詳細資料**：`creator` 是物件 `{id, name, email, department, role}`，`type` 是英文
|
||||
|
||||
3. **類型轉換缺失**：`handleEditApp` 函數沒有處理英文類型到中文類型的轉換。
|
||||
|
||||
## 修正內容
|
||||
|
||||
### 修改 `handleEditApp` 函數
|
||||
|
||||
**檔案**：`components/admin/app-management.tsx`
|
||||
|
||||
**修正前**：
|
||||
```typescript
|
||||
const handleEditApp = (app: any) => {
|
||||
console.log('=== handleEditApp Debug ===')
|
||||
console.log('Input app:', app)
|
||||
console.log('app.type:', app.type)
|
||||
console.log('app.department:', app.department)
|
||||
console.log('app.creator:', app.creator)
|
||||
|
||||
setSelectedApp(app)
|
||||
const newAppData = {
|
||||
name: app.name,
|
||||
type: app.type, // 這裡已經是中文類型了，因為在 loadApps 中已經轉換
|
||||
department: app.department || "HQBU", // 修正：直接使用 app.department，因為 loadApps 已經處理過了
|
||||
creator: app.creator || "", // 修正：直接使用 app.creator，因為 loadApps 已經處理過了
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "", // 修正：同時檢查 appUrl 和 demoUrl
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
console.log('newAppData:', newAppData)
|
||||
setNewApp(newAppData)
|
||||
setShowEditApp(true)
|
||||
}
|
||||
```
|
||||
|
||||
**修正後**：
|
||||
```typescript
|
||||
const handleEditApp = (app: any) => {
|
||||
console.log('=== handleEditApp Debug ===')
|
||||
console.log('Input app:', app)
|
||||
console.log('app.type:', app.type)
|
||||
console.log('app.department:', app.department)
|
||||
console.log('app.creator:', app.creator)
|
||||
|
||||
setSelectedApp(app)
|
||||
|
||||
// 處理類型轉換：如果類型是英文的，轉換為中文
|
||||
let displayType = app.type
|
||||
if (app.type && !['文字處理', '圖像生成', '程式開發', '數據分析', '教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR', '機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'].includes(app.type)) {
|
||||
displayType = mapApiTypeToDisplayType(app.type)
|
||||
}
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department
|
||||
let creator = app.creator
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || ""
|
||||
department = app.creator.department || app.department || "HQBU"
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name,
|
||||
type: displayType,
|
||||
department: department || "HQBU",
|
||||
creator: creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
console.log('newAppData:', newAppData)
|
||||
setNewApp(newAppData)
|
||||
setShowEditApp(true)
|
||||
}
|
||||
```
|
||||
|
||||
## 修正效果
|
||||
|
||||
### 1. 類型轉換處理
|
||||
- **英文類型轉換**：自動檢測英文類型並轉換為中文顯示類型
|
||||
- **中文類型保持**：如果已經是中文類型，則保持不變
|
||||
- **支援所有類型**：涵蓋所有 API 類型的轉換
|
||||
|
||||
### 2. 資料結構統一
|
||||
- **創建者資料處理**：自動處理 `creator` 物件和字串兩種格式
|
||||
- **部門資料提取**：從 `creator` 物件中提取部門資訊
|
||||
- **URL 欄位統一**：同時支援 `appUrl` 和 `demoUrl`
|
||||
|
||||
### 3. 一致性保證
|
||||
- **選項編輯**：列表中的編輯功能正常工作
|
||||
- **詳情編輯**：查看詳情中的編輯功能現在與選項編輯功能完全一致
|
||||
- **資料預填**：所有欄位都能正確預填資料庫的數據
|
||||
|
||||
## 測試驗證
|
||||
|
||||
### 測試腳本
|
||||
創建了 `scripts/test-edit-app-consistency.js` 來驗證修正效果。
|
||||
|
||||
### 測試結果
|
||||
```
|
||||
🧪 測試編輯應用功能一致性...
|
||||
|
||||
📋 測試列表中的編輯功能:
|
||||
✅ 處理結果: 所有欄位正確預填
|
||||
|
||||
📋 測試詳細對話框中的編輯功能:
|
||||
✅ 處理結果: 所有欄位正確預填，類型正確轉換
|
||||
|
||||
✅ 一致性檢查:
|
||||
name: 測試應用程式 vs 測試應用程式 ✅
|
||||
type: 文字處理 vs 文字處理 ✅
|
||||
department: HQBU vs HQBU ✅
|
||||
creator: 測試創建者 vs 測試創建者 ✅
|
||||
description: 這是一個測試應用程式 vs 這是一個測試應用程式 ✅
|
||||
appUrl: https://example.com vs https://example.com ✅
|
||||
icon: Bot vs Bot ✅
|
||||
iconColor: from-blue-500 to-purple-500 vs from-blue-500 to-purple-500 ✅
|
||||
|
||||
🔍 測試類型轉換:
|
||||
productivity -> 文字處理 ✅
|
||||
ai_model -> 圖像生成 ✅
|
||||
automation -> 程式開發 ✅
|
||||
data_analysis -> 數據分析 ✅
|
||||
educational -> 教育工具 ✅
|
||||
healthcare -> 健康醫療 ✅
|
||||
finance -> 金融科技 ✅
|
||||
iot_device -> 物聯網 ✅
|
||||
blockchain -> 區塊鏈 ✅
|
||||
ar_vr -> AR/VR ✅
|
||||
machine_learning -> 機器學習 ✅
|
||||
computer_vision -> 電腦視覺 ✅
|
||||
nlp -> 自然語言處理 ✅
|
||||
robotics -> 機器人 ✅
|
||||
cybersecurity -> 網路安全 ✅
|
||||
cloud_service -> 雲端服務 ✅
|
||||
other -> 其他 ✅
|
||||
|
||||
✅ 編輯應用功能一致性測試完成！
|
||||
```
|
||||
|
||||
## 修正效果總結
|
||||
|
||||
### 1. 功能一致性
|
||||
- ✅ 選項編輯和詳情編輯功能現在完全一致
|
||||
- ✅ 所有欄位都能正確預填資料庫數據
|
||||
- ✅ 類型轉換邏輯統一
|
||||
|
||||
### 2. 資料處理能力
|
||||
- ✅ 支援英文類型到中文類型的自動轉換
|
||||
- ✅ 支援創建者資料的物件和字串格式
|
||||
- ✅ 支援不同 URL 欄位的統一處理
|
||||
|
||||
### 3. 用戶體驗改善
|
||||
- ✅ 無論從哪個入口編輯，都能看到正確的預填資料
|
||||
- ✅ 類型選擇器顯示正確的中文類型
|
||||
- ✅ 部門和創建者資訊正確顯示
|
||||
|
||||
## 相關檔案
|
||||
|
||||
### 修改的檔案
|
||||
- `components/admin/app-management.tsx` - 修正 `handleEditApp` 函數
|
||||
|
||||
### 測試檔案
|
||||
- `scripts/test-edit-app-consistency.js` - 編輯功能一致性測試腳本
|
||||
|
||||
## 結論
|
||||
|
||||
通過修正 `handleEditApp` 函數，成功解決了查看詳情內編輯應用功能與選項編輯功能不一致的問題。現在兩個編輯入口都能正確地：
|
||||
|
||||
1. **預填資料庫數據**：所有欄位都能從資料庫正確讀取並預填
|
||||
2. **處理不同資料格式**：自動處理列表資料和詳細資料的不同格式
|
||||
3. **統一類型轉換**：確保類型顯示的一致性
|
||||
4. **提供一致體驗**：用戶無論從哪個入口編輯，都能獲得相同的體驗
|
||||
|
||||
這個修正確保了整個編輯功能的一致性和可靠性。
|
||||
@@ -1,168 +0,0 @@
|
||||
# 編輯應用功能資料庫值修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
用戶報告：**"會帶資料了，但這是預設資料，應該帶資料庫的資料，因為這是編輯功能"**
|
||||
|
||||
當用戶點擊編輯應用功能時，表單會預填資料，但這些資料是預設值（如 "HQBU" 部門、"Bot" 圖示等）而不是實際的資料庫值。
|
||||
|
||||
## 問題分析
|
||||
|
||||
### 根本原因
|
||||
1. **`handleEditApp` 函數使用硬編碼預設值**：當資料庫欄位為空或 undefined 時，函數會使用預設值如 `"HQBU"`、`"Bot"` 等
|
||||
2. **`newApp` 狀態初始化包含預設值**：初始狀態包含預設值，影響編輯時的資料顯示
|
||||
3. **表單欄位依賴預設值**：當資料庫值為空字串時，表單會顯示預設值而非實際的資料庫值
|
||||
|
||||
### 影響範圍
|
||||
- 編輯應用功能無法正確顯示實際的資料庫值
|
||||
- 用戶可能誤以為資料已正確載入，但實際上是預設值
|
||||
- 影響資料的準確性和用戶體驗
|
||||
|
||||
## 修正方案
|
||||
|
||||
### 1. 修改 `handleEditApp` 函數
|
||||
|
||||
**修改前：**
|
||||
```typescript
|
||||
const newAppData = {
|
||||
name: app.name,
|
||||
type: displayType,
|
||||
department: department || "HQBU", // 使用預設值
|
||||
creator: creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot", // 使用預設值
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500", // 使用預設值
|
||||
}
|
||||
```
|
||||
|
||||
**修改後：**
|
||||
```typescript
|
||||
const newAppData = {
|
||||
name: app.name || "",
|
||||
type: displayType || "文字處理",
|
||||
department: department || "", // 使用空字串而非預設值
|
||||
creator: creator || "",
|
||||
description: app.description || "",
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "", // 使用空字串而非預設值
|
||||
iconColor: app.iconColor || "", // 使用空字串而非預設值
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 修改 `newApp` 狀態初始化
|
||||
|
||||
**修改前：**
|
||||
```typescript
|
||||
const [newApp, setNewApp] = useState({
|
||||
name: "",
|
||||
type: "文字處理", // 預設值
|
||||
department: "HQBU", // 預設值
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "Bot", // 預設值
|
||||
iconColor: "from-blue-500 to-purple-500", // 預設值
|
||||
})
|
||||
```
|
||||
|
||||
**修改後：**
|
||||
```typescript
|
||||
const [newApp, setNewApp] = useState({
|
||||
name: "",
|
||||
type: "", // 移除預設值
|
||||
department: "", // 移除預設值
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "", // 移除預設值
|
||||
iconColor: "", // 移除預設值
|
||||
})
|
||||
```
|
||||
|
||||
### 3. 修改 `resetNewApp` 函數
|
||||
|
||||
**修改前：**
|
||||
```typescript
|
||||
const resetNewApp = () => {
|
||||
setNewApp({
|
||||
name: "",
|
||||
type: "文字處理", // 預設值
|
||||
department: "HQBU", // 預設值
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "Bot", // 預設值
|
||||
iconColor: "from-blue-500 to-purple-500", // 預設值
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
**修改後：**
|
||||
```typescript
|
||||
const resetNewApp = () => {
|
||||
setNewApp({
|
||||
name: "",
|
||||
type: "", // 移除預設值
|
||||
department: "", // 移除預設值
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "", // 移除預設值
|
||||
iconColor: "", // 移除預設值
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
## 測試驗證
|
||||
|
||||
### 測試案例 1：資料庫有實際值的應用程式
|
||||
- **輸入**：包含實際資料庫值的應用物件
|
||||
- **期望**：使用資料庫的實際值（如 "ITBU" 部門、"Zap" 圖示）
|
||||
- **結果**：✅ 通過
|
||||
|
||||
### 測試案例 2：資料庫值為空字串的應用程式
|
||||
- **輸入**：資料庫欄位為空字串的應用物件
|
||||
- **期望**：保持空字串，不使用預設值
|
||||
- **結果**：✅ 通過
|
||||
|
||||
### 測試案例 3：來自列表 API 的資料（字串格式）
|
||||
- **輸入**：來自列表 API 的字串格式資料
|
||||
- **期望**：直接使用字串值
|
||||
- **結果**：✅ 通過
|
||||
|
||||
## 修正效果
|
||||
|
||||
### 修正前
|
||||
- 編輯表單顯示預設值（"HQBU" 部門、"Bot" 圖示等）
|
||||
- 無法區分實際資料庫值和預設值
|
||||
- 用戶可能誤以為資料已正確載入
|
||||
|
||||
### 修正後
|
||||
- 編輯表單顯示實際的資料庫值
|
||||
- 空字串欄位保持為空，不使用預設值
|
||||
- 用戶可以清楚看到實際的資料庫內容
|
||||
|
||||
## 技術細節
|
||||
|
||||
### 修改的檔案
|
||||
- `components/admin/app-management.tsx`
|
||||
|
||||
### 修改的函數
|
||||
- `handleEditApp`：移除硬編碼預設值
|
||||
- `newApp` 狀態初始化：移除預設值
|
||||
- `resetNewApp`：移除預設值
|
||||
|
||||
### 影響的資料欄位
|
||||
- `department`：從預設 "HQBU" 改為空字串
|
||||
- `icon`：從預設 "Bot" 改為空字串
|
||||
- `iconColor`：從預設 "from-blue-500 to-purple-500" 改為空字串
|
||||
- `type`：從預設 "文字處理" 改為空字串
|
||||
|
||||
## 總結
|
||||
|
||||
此修正確保了編輯應用功能能夠正確顯示實際的資料庫值，而不是預設值。這提高了資料的準確性和用戶體驗，讓用戶能夠清楚看到和編輯實際的應用程式資料。
|
||||
|
||||
**修正狀態**：✅ 已完成並通過測試
|
||||
**影響範圍**：編輯應用功能
|
||||
**測試狀態**：✅ 所有測試案例通過
|
||||
@@ -1,137 +0,0 @@
|
||||
# 編輯應用功能部門資訊修正報告
|
||||
|
||||
## 問題描述
|
||||
|
||||
用戶報告：**"現在是開發者和開發單位部隊，其他都是對的，再修正一下"**
|
||||
|
||||
當用戶點擊編輯應用功能時，創建者欄位和部門欄位顯示錯誤的資料：
|
||||
- **創建者名稱**：顯示「系統管理員」（應該是「佩庭」）
|
||||
- **部門**：顯示「ITBU」（應該是「MBU1」）
|
||||
|
||||
## 問題分析
|
||||
|
||||
### 根本原因
|
||||
1. **資料庫中有兩個不同的資料來源**：
|
||||
- `apps.creator_name` = "佩庭"（應用程式表中的創建者名稱）
|
||||
- `apps.department` = "MBU1"（應用程式表中的部門）
|
||||
- `users.name` = "系統管理員"（用戶表中的用戶名稱）
|
||||
- `users.department` = "ITBU"（用戶表中的部門）
|
||||
|
||||
2. **`handleEditApp` 函數使用錯誤的資料來源**：
|
||||
- 創建者名稱：正確使用 `apps.creator_name`
|
||||
- 部門：錯誤使用 `app.creator.department`（創建者的部門）而不是 `app.department`（應用程式的部門）
|
||||
|
||||
### 影響範圍
|
||||
- 編輯應用功能顯示錯誤的創建者和部門資訊
|
||||
- 用戶無法看到實際的應用程式資料
|
||||
- 影響資料的準確性和用戶體驗
|
||||
|
||||
## 修正方案
|
||||
|
||||
### 修改 `handleEditApp` 函數的部門處理邏輯
|
||||
|
||||
**修改前：**
|
||||
```typescript
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || ""
|
||||
department = app.creator.department || app.department || "" // 錯誤：優先使用創建者的部門
|
||||
}
|
||||
```
|
||||
|
||||
**修改後：**
|
||||
```typescript
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || ""
|
||||
// 優先使用應用程式的部門，而不是創建者的部門
|
||||
department = app.department || app.creator.department || ""
|
||||
}
|
||||
```
|
||||
|
||||
### 修改的檔案
|
||||
- `components/admin/app-management.tsx`：`handleEditApp` 函數的部門處理邏輯
|
||||
|
||||
## 測試驗證
|
||||
|
||||
### 測試案例 1：來自列表 API 的資料
|
||||
- **輸入**：包含應用程式部門和創建者部門的資料
|
||||
- **期望**：使用應用程式的部門（MBU1）和創建者名稱（佩庭）
|
||||
- **結果**：✅ 通過
|
||||
|
||||
### 測試案例 2：來自詳細 API 的資料
|
||||
- **輸入**：包含應用程式部門和創建者部門的資料
|
||||
- **期望**：使用應用程式的部門（MBU1）和創建者名稱（佩庭）
|
||||
- **結果**：✅ 通過
|
||||
|
||||
### 測試結果
|
||||
```
|
||||
📋 測試案例 1: 來自列表 API 的資料
|
||||
=== handleEditApp Debug ===
|
||||
Input app: {
|
||||
department: 'MBU1', // 應用程式的部門
|
||||
creator: {
|
||||
name: '佩庭',
|
||||
department: 'ITBU' // 創建者的部門
|
||||
}
|
||||
}
|
||||
newAppData: {
|
||||
creator: '佩庭',
|
||||
department: 'MBU1' // 正確使用應用程式的部門
|
||||
}
|
||||
|
||||
✅ 測試案例 1 通過: true
|
||||
|
||||
📋 測試案例 2: 來自詳細 API 的資料
|
||||
=== handleEditApp Debug ===
|
||||
Input app: {
|
||||
department: 'MBU1', // 應用程式的部門
|
||||
creator: {
|
||||
name: '佩庭',
|
||||
department: 'ITBU' // 創建者的部門
|
||||
}
|
||||
}
|
||||
newAppData: {
|
||||
creator: '佩庭',
|
||||
department: 'MBU1' // 正確使用應用程式的部門
|
||||
}
|
||||
|
||||
✅ 測試案例 2 通過: true
|
||||
```
|
||||
|
||||
## 修正效果
|
||||
|
||||
### 修正前
|
||||
- 創建者名稱：顯示「系統管理員」（來自用戶表）
|
||||
- 部門：顯示「ITBU」（來自創建者的部門）
|
||||
- 資料來源錯誤，顯示的不是應用程式的實際資料
|
||||
|
||||
### 修正後
|
||||
- 創建者名稱：顯示「佩庭」（來自應用程式表）
|
||||
- 部門：顯示「MBU1」（來自應用程式表）
|
||||
- 資料來源正確，顯示應用程式的實際資料
|
||||
|
||||
## 技術細節
|
||||
|
||||
### 資料庫結構
|
||||
- `apps.creator_name`：應用程式表中的創建者名稱欄位
|
||||
- `apps.department`：應用程式表中的部門欄位
|
||||
- `users.name`：用戶表中的用戶名稱欄位
|
||||
- `users.department`：用戶表中的部門欄位
|
||||
|
||||
### 邏輯修正
|
||||
- **創建者名稱**：優先使用 `apps.creator_name`，如果為空則使用 `users.name`
|
||||
- **部門**：優先使用 `apps.department`，如果為空則使用 `users.department`
|
||||
- **一致性**：確保編輯功能顯示應用程式的實際資料，而不是用戶的資料
|
||||
|
||||
### 影響的函數
|
||||
- `handleEditApp`：修正部門資料來源的優先順序
|
||||
|
||||
## 總結
|
||||
|
||||
此修正確保了編輯應用功能能夠正確顯示應用程式的實際創建者和部門資訊，而不是用戶表中的預設資料。這解決了編輯視窗顯示錯誤創建者和部門資訊的問題，並改善了整體的資料準確性。
|
||||
|
||||
**修正狀態**：✅ 已完成並通過測試
|
||||
**影響範圍**：編輯應用功能的創建者和部門資訊顯示
|
||||
**測試狀態**：✅ 所有測試案例通過
|
||||
**資料準確性**：✅ 現在顯示應用程式的實際資料而非用戶的預設資料
|
||||
@@ -1,156 +0,0 @@
|
||||
# Modal Reset Fix Report
|
||||
|
||||
## 問題描述 (Problem Description)
|
||||
|
||||
用戶報告了一個問題：在編輯 AI 應用後，點擊「新增 AI 應用」按鈕時，模態視窗會保留之前編輯的應用數據，而不是顯示乾淨的表單。這導致用戶在嘗試創建新應用時看到舊的數據。
|
||||
|
||||
## 根本原因 (Root Cause)
|
||||
|
||||
1. **共享狀態**: 新增和編輯 AI 應用的模態視窗都使用同一個 `newApp` 狀態
|
||||
2. **缺少重置機制**: 當點擊「新增 AI 應用」按鈕時，只設置 `setShowAddApp(true)` 但沒有重置 `newApp` 狀態
|
||||
3. **狀態污染**: `handleEditApp` 函數會將編輯的應用數據填充到 `newApp` 狀態中，但沒有在新增操作時清理
|
||||
|
||||
## 受影響的區域 (Affected Areas)
|
||||
|
||||
- `components/admin/app-management.tsx`
|
||||
- `newApp` 狀態管理
|
||||
- 「新增 AI 應用」按鈕點擊處理
|
||||
- 模態視窗開啟/關閉處理
|
||||
|
||||
## 解決方案 (Solution)
|
||||
|
||||
### 1. 新增重置函數
|
||||
|
||||
創建了 `resetNewApp` 函數來重置表單狀態到初始值：
|
||||
|
||||
```typescript
|
||||
// 重置 newApp 狀態到初始值
|
||||
const resetNewApp = () => {
|
||||
setNewApp({
|
||||
name: "",
|
||||
type: "文字處理",
|
||||
department: "HQBU",
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "Bot",
|
||||
iconColor: "from-blue-500 to-purple-500",
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 修改「新增 AI 應用」按鈕點擊處理
|
||||
|
||||
在點擊「新增 AI 應用」按鈕時調用重置函數：
|
||||
|
||||
```typescript
|
||||
<Button
|
||||
onClick={() => {
|
||||
resetNewApp() // 重置表單數據
|
||||
setShowAddApp(true)
|
||||
}}
|
||||
className="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700"
|
||||
>
|
||||
```
|
||||
|
||||
### 3. 增強模態視窗關閉處理
|
||||
|
||||
在模態視窗關閉時也重置表單，確保下次開啟時是乾淨的：
|
||||
|
||||
```typescript
|
||||
<Dialog open={showAddApp} onOpenChange={(open) => {
|
||||
setShowAddApp(open)
|
||||
if (!open) {
|
||||
resetNewApp() // 當對話框關閉時也重置表單
|
||||
}
|
||||
}}>
|
||||
```
|
||||
|
||||
## 數據結構處理 (Data Structure Handling)
|
||||
|
||||
### 初始狀態結構
|
||||
```typescript
|
||||
const initialNewAppState = {
|
||||
name: "",
|
||||
type: "文字處理",
|
||||
department: "HQBU",
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "Bot",
|
||||
iconColor: "from-blue-500 to-purple-500",
|
||||
}
|
||||
```
|
||||
|
||||
### 重置邏輯
|
||||
- 所有字段都重置為初始值
|
||||
- 確保表單狀態的一致性
|
||||
- 防止數據污染
|
||||
|
||||
## 測試方法與結果 (Testing Methodology and Results)
|
||||
|
||||
### 測試腳本
|
||||
創建了 `scripts/test-modal-reset-fix.js` 來驗證修復：
|
||||
|
||||
1. **測試場景 1**: 編輯應用後點擊新增
|
||||
2. **測試場景 2**: 多次編輯後點擊新增
|
||||
3. **測試場景 3**: 重置函數驗證
|
||||
|
||||
### 測試結果
|
||||
```
|
||||
✅ 所有測試通過
|
||||
✅ 表單正確重置到初始值
|
||||
✅ 沒有數據污染
|
||||
✅ 重置函數工作正常
|
||||
```
|
||||
|
||||
## 影響分析 (Impact Analysis)
|
||||
|
||||
### 修復的問題
|
||||
- ✅ 新增 AI 應用模態視窗不再保留舊數據
|
||||
- ✅ 表單狀態正確重置
|
||||
- ✅ 用戶體驗改善
|
||||
|
||||
### 維持的功能
|
||||
- ✅ 編輯功能正常工作
|
||||
- ✅ 模態視窗開啟/關閉正常
|
||||
- ✅ 表單驗證不受影響
|
||||
- ✅ 數據提交功能正常
|
||||
|
||||
## 預防措施 (Prevention Measures)
|
||||
|
||||
1. **狀態管理最佳實踐**: 在共享狀態的組件中，確保狀態重置機制
|
||||
2. **模態視窗設計**: 考慮為新增和編輯使用不同的狀態或確保適當的重置
|
||||
3. **測試覆蓋**: 添加自動化測試來驗證模態視窗狀態管理
|
||||
|
||||
## 修改的文件 (Files Modified)
|
||||
|
||||
### `components/admin/app-management.tsx`
|
||||
- **新增**: `resetNewApp` 函數 (lines 108-120)
|
||||
- **修改**: 「新增 AI 應用」按鈕點擊處理 (lines 667-671)
|
||||
- **修改**: 模態視窗 `onOpenChange` 處理 (lines 998-1003)
|
||||
|
||||
### `scripts/test-modal-reset-fix.js`
|
||||
- **新增**: 測試腳本來驗證修復效果
|
||||
|
||||
## 驗證步驟 (Verification Steps)
|
||||
|
||||
1. **手動測試**:
|
||||
- 編輯一個 AI 應用
|
||||
- 點擊「新增 AI 應用」按鈕
|
||||
- 確認表單是空的，沒有舊數據
|
||||
|
||||
2. **自動化測試**:
|
||||
- 運行 `node scripts/test-modal-reset-fix.js`
|
||||
- 確認所有測試通過
|
||||
|
||||
3. **功能測試**:
|
||||
- 測試新增功能正常工作
|
||||
- 測試編輯功能正常工作
|
||||
- 確認沒有副作用
|
||||
|
||||
## 總結 (Summary)
|
||||
|
||||
成功修復了「新增 AI 應用」模態視窗保留舊數據的問題。通過添加 `resetNewApp` 函數和在適當的時機調用它，確保了表單狀態的正確管理。這個修復改善了用戶體驗，確保了數據的一致性，並遵循了 React 狀態管理的最佳實踐。
|
||||
|
||||
修復是向後兼容的，不會影響現有功能，並且包含了完整的測試驗證。
|
||||
355
README.md
355
README.md
@@ -1,355 +0,0 @@
|
||||
# 🚀 AI展示平台 (AI Showcase Platform)
|
||||
|
||||
> 強茂集團企業內部AI應用展示、競賽管理和評審系統
|
||||
|
||||
[](https://nextjs.org/)
|
||||
[](https://www.typescriptlang.org/)
|
||||
[](https://tailwindcss.com/)
|
||||
[](LICENSE)
|
||||
|
||||
## 📖 專案概述
|
||||
|
||||
AI展示平台是一個企業內部的AI應用展示、競賽管理和評審系統，旨在促進AI技術的創新與應用。平台提供完整的競賽管理流程，從競賽創建、作品提交、評審評分到頒獎的完整閉環，並整合智能AI助手為用戶提供即時指導。
|
||||
|
||||
### 🎯 專案目標
|
||||
- 建立企業內部AI技術創新平台
|
||||
- 促進跨部門AI技術交流與合作
|
||||
- 提供完整的競賽管理和評審系統
|
||||
- 整合AI助手提升用戶體驗
|
||||
|
||||
## ✨ 核心功能
|
||||
|
||||
### 🏆 競賽管理系統
|
||||
- **多種競賽類型**: 個人賽、團隊賽、提案賽、混合賽
|
||||
- **完整競賽流程**: 創建 → 報名 → 提交 → 評審 → 頒獎
|
||||
- **動態評分系統**: 根據競賽規則動態生成評分項目
|
||||
- **權重計算**: 支援不同評分項目的權重設定
|
||||
|
||||
### 👥 用戶管理系統
|
||||
- **角色權限**: 一般用戶(user) / 開發者(developer) / 管理員(admin)
|
||||
- **個人中心**: 收藏管理、瀏覽記錄、參賽記錄
|
||||
- **互動功能**: 按讚(每日限制)、收藏、評論
|
||||
|
||||
### 🏅 獎項系統
|
||||
- **獎項類型**: 金獎/銀獎/銅獎、最佳創新獎、最佳技術獎、人氣獎
|
||||
- **獎項分類**: 創新類、技術類、實用類、人氣類、團隊協作類
|
||||
- **排行榜**: 人氣排行榜、得獎作品展示
|
||||
|
||||
### 🤖 AI智能助手
|
||||
- **即時對話**: 與AI助手進行自然語言對話
|
||||
- **智能回答**: 基於DeepSeek API的智能回應
|
||||
- **快速問題**: 提供相關問題的快速選擇
|
||||
- **上下文記憶**: 保持對話的連續性
|
||||
|
||||
### 📊 管理員後台
|
||||
- **用戶管理**: 用戶列表、權限管理、資料編輯
|
||||
- **競賽管理**: 競賽創建、狀態管理、參賽者管理
|
||||
- **評審管理**: 評審帳號、評分進度追蹤
|
||||
- **數據分析**: 競賽統計、用戶活躍度、應用熱度分析
|
||||
|
||||
## 🛠 技術架構
|
||||
|
||||
### 前端技術棧
|
||||
- **框架**: Next.js 15.2.4 (App Router)
|
||||
- **語言**: TypeScript 5
|
||||
- **UI庫**:
|
||||
- Radix UI (無障礙組件)
|
||||
- shadcn/ui (設計系統)
|
||||
- Tailwind CSS (樣式框架)
|
||||
- **狀態管理**: React Context API
|
||||
- **表單處理**: React Hook Form + Zod
|
||||
- **圖表**: Recharts
|
||||
- **AI整合**: DeepSeek API
|
||||
|
||||
### 開發工具
|
||||
- **包管理器**: pnpm
|
||||
- **代碼品質**: ESLint + TypeScript
|
||||
- **樣式處理**: PostCSS + Tailwind CSS
|
||||
- **圖標**: Lucide React
|
||||
|
||||
## 📁 專案結構
|
||||
|
||||
```
|
||||
ai-showcase-platform/
|
||||
├── app/ # Next.js App Router
|
||||
│ ├── admin/ # 管理員頁面
|
||||
│ │ ├── page.tsx # 管理員主頁
|
||||
│ │ └── scoring/ # 評分管理
|
||||
│ ├── competition/ # 競賽頁面
|
||||
│ ├── judge-scoring/ # 評審評分頁面
|
||||
│ ├── register/ # 註冊頁面
|
||||
│ ├── layout.tsx # 根布局
|
||||
│ └── page.tsx # 首頁
|
||||
├── components/ # React 組件
|
||||
│ ├── admin/ # 管理員專用組件
|
||||
│ ├── auth/ # 認證相關組件
|
||||
│ ├── competition/ # 競賽相關組件
|
||||
│ ├── ui/ # 通用UI組件
|
||||
│ └── chat-bot.tsx # AI智能助手
|
||||
├── contexts/ # React Context
|
||||
│ ├── auth-context.tsx # 認證狀態管理
|
||||
│ └── competition-context.tsx # 競賽狀態管理
|
||||
├── hooks/ # 自定義 Hooks
|
||||
├── lib/ # 工具函數
|
||||
├── types/ # TypeScript 類型定義
|
||||
└── public/ # 靜態資源
|
||||
```
|
||||
|
||||
## 🚀 快速開始
|
||||
|
||||
### 環境要求
|
||||
- Node.js 18+
|
||||
- pnpm 8+
|
||||
|
||||
### 安裝步驟
|
||||
|
||||
1. **克隆專案**
|
||||
```bash
|
||||
git clone <repository-url>
|
||||
cd ai-showcase-platform
|
||||
```
|
||||
|
||||
2. **安裝依賴**
|
||||
```bash
|
||||
pnpm install
|
||||
```
|
||||
|
||||
3. **環境配置**
|
||||
```bash
|
||||
# 複製環境變數範例
|
||||
cp .env.example .env.local
|
||||
|
||||
# 編輯環境變數
|
||||
# 設定 DeepSeek API 金鑰
|
||||
NEXT_PUBLIC_DEEPSEEK_API_KEY=your_deepseek_api_key_here
|
||||
NEXT_PUBLIC_DEEPSEEK_API_URL=https://api.deepseek.com/v1/chat/completions
|
||||
```
|
||||
|
||||
4. **啟動開發服務器**
|
||||
```bash
|
||||
pnpm dev
|
||||
```
|
||||
|
||||
5. **開啟瀏覽器**
|
||||
```
|
||||
http://localhost:3000
|
||||
```
|
||||
|
||||
## 🔧 環境配置
|
||||
|
||||
### DeepSeek API 設定
|
||||
|
||||
1. **取得 API 金鑰**
|
||||
- 前往 [DeepSeek 官網](https://platform.deepseek.com/)
|
||||
- 註冊或登入帳號
|
||||
- 在控制台中生成 API 金鑰
|
||||
|
||||
2. **設定環境變數**
|
||||
```bash
|
||||
# .env.local
|
||||
NEXT_PUBLIC_DEEPSEEK_API_KEY=your_deepseek_api_key_here
|
||||
NEXT_PUBLIC_DEEPSEEK_API_URL=https://api.deepseek.com/v1/chat/completions
|
||||
```
|
||||
|
||||
## 📖 使用指南
|
||||
|
||||
### 一般用戶
|
||||
1. **註冊/登入**: 使用企業郵箱註冊帳號
|
||||
2. **瀏覽應用**: 查看AI應用展示和競賽資訊
|
||||
3. **參與互動**: 收藏喜歡的應用、參與投票
|
||||
4. **查看排行榜**: 瀏覽人氣排行榜和得獎作品
|
||||
|
||||
### 開發者
|
||||
1. **提交作品**: 在競賽期間提交AI應用
|
||||
2. **管理作品**: 編輯、更新作品資訊
|
||||
3. **查看評分**: 查看評審評分和意見
|
||||
4. **參與競賽**: 加入團隊或個人參賽
|
||||
|
||||
### 管理員
|
||||
1. **競賽管理**: 創建、編輯、刪除競賽
|
||||
2. **評審管理**: 管理評審團成員和權限
|
||||
3. **評分管理**: 手動輸入評分或查看評審評分
|
||||
4. **數據分析**: 查看競賽統計和用戶分析
|
||||
|
||||
### AI助手使用
|
||||
1. **開啟對話**: 點擊右下角聊天按鈕
|
||||
2. **提問**: 輸入問題或選擇快速問題
|
||||
3. **獲取幫助**: AI助手提供系統使用指導
|
||||
4. **持續對話**: 保持上下文進行深入交流
|
||||
|
||||
## 🏗 開發指南
|
||||
|
||||
### 新增組件
|
||||
```bash
|
||||
# 在 components 目錄下創建新組件
|
||||
touch components/MyComponent.tsx
|
||||
```
|
||||
|
||||
### 新增頁面
|
||||
```bash
|
||||
# 在 app 目錄下創建新頁面
|
||||
mkdir app/my-page
|
||||
touch app/my-page/page.tsx
|
||||
```
|
||||
|
||||
### 狀態管理
|
||||
```typescript
|
||||
// 使用 Context Hook
|
||||
import { useAuth } from "@/contexts/auth-context"
|
||||
import { useCompetition } from "@/contexts/competition-context"
|
||||
|
||||
const { user, login, logout } = useAuth()
|
||||
const { competitions, addCompetition } = useCompetition()
|
||||
```
|
||||
|
||||
### 樣式開發
|
||||
```typescript
|
||||
// 使用 Tailwind CSS
|
||||
<div className="bg-white rounded-lg shadow-md p-6">
|
||||
<h2 className="text-2xl font-bold text-gray-900">標題</h2>
|
||||
</div>
|
||||
```
|
||||
|
||||
## 📊 數據模型
|
||||
|
||||
### 用戶模型
|
||||
```typescript
|
||||
interface User {
|
||||
id: string
|
||||
name: string
|
||||
email: string
|
||||
avatar?: string
|
||||
department: string
|
||||
role: "user" | "developer" | "admin"
|
||||
joinDate: string
|
||||
favoriteApps: string[]
|
||||
recentApps: string[]
|
||||
totalLikes: number
|
||||
totalViews: number
|
||||
}
|
||||
```
|
||||
|
||||
### 競賽模型
|
||||
```typescript
|
||||
interface Competition {
|
||||
id: string
|
||||
name: string
|
||||
year: number
|
||||
month: number
|
||||
startDate: string
|
||||
endDate: string
|
||||
status: "upcoming" | "active" | "judging" | "completed"
|
||||
description: string
|
||||
type: "individual" | "team" | "mixed"
|
||||
judges: string[]
|
||||
participatingApps: string[]
|
||||
participatingTeams: string[]
|
||||
rules: CompetitionRule[]
|
||||
awardTypes: CompetitionAwardType[]
|
||||
evaluationFocus: string
|
||||
maxTeamSize?: number
|
||||
}
|
||||
```
|
||||
|
||||
### 評審模型
|
||||
```typescript
|
||||
interface Judge {
|
||||
id: string
|
||||
name: string
|
||||
title: string
|
||||
department: string
|
||||
expertise: string[]
|
||||
avatar?: string
|
||||
}
|
||||
|
||||
interface JudgeScore {
|
||||
judgeId: string
|
||||
appId: string
|
||||
scores: {
|
||||
innovation: number
|
||||
technical: number
|
||||
usability: number
|
||||
presentation: number
|
||||
impact: number
|
||||
}
|
||||
comments: string
|
||||
submittedAt: string
|
||||
}
|
||||
```
|
||||
|
||||
## 🚀 部署指南
|
||||
|
||||
### 開發環境
|
||||
```bash
|
||||
# 啟動開發服務器
|
||||
pnpm dev
|
||||
|
||||
# 建置專案
|
||||
pnpm build
|
||||
|
||||
# 啟動生產服務器
|
||||
pnpm start
|
||||
```
|
||||
|
||||
### 生產環境
|
||||
```bash
|
||||
# 使用 Vercel 部署
|
||||
vercel --prod
|
||||
|
||||
# 或使用 Docker
|
||||
docker build -t ai-showcase-platform .
|
||||
docker run -p 3000:3000 ai-showcase-platform
|
||||
```
|
||||
|
||||
## 🔒 安全考量
|
||||
|
||||
- **API密鑰安全**: 環境變數存儲敏感資訊
|
||||
- **用戶權限**: 完整的角色權限控制
|
||||
- **數據驗證**: 使用 Zod 進行表單驗證
|
||||
- **XSS防護**: 輸入內容安全處理
|
||||
|
||||
## 📈 性能優化
|
||||
|
||||
- **圖片優化**: Next.js 內建圖片優化
|
||||
- **代碼分割**: 自動代碼分割和懶加載
|
||||
- **快取策略**: 靜態資源快取
|
||||
- **CDN加速**: 靜態資源CDN分發
|
||||
|
||||
## 🤝 貢獻指南
|
||||
|
||||
1. **Fork 專案**
|
||||
2. **創建功能分支**: `git checkout -b feature/AmazingFeature`
|
||||
3. **提交變更**: `git commit -m 'Add some AmazingFeature'`
|
||||
4. **推送到分支**: `git push origin feature/AmazingFeature`
|
||||
5. **開啟 Pull Request**
|
||||
|
||||
## 📝 更新日誌
|
||||
|
||||
### v1.0.0 (2025-01)
|
||||
- ✨ 初始版本發布
|
||||
- 🏆 完整的競賽管理系統
|
||||
- 🤖 AI智能助手整合
|
||||
- 📊 管理員後台功能
|
||||
- 👥 用戶權限管理
|
||||
|
||||
## 📄 授權條款
|
||||
|
||||
本專案採用 MIT 授權條款 - 詳見 [LICENSE](LICENSE) 檔案
|
||||
|
||||
## 📞 聯絡資訊
|
||||
|
||||
- **專案負責人**: 強茂集團應用系統部
|
||||
- **技術支援**: 請透過企業內部管道聯繫
|
||||
- **問題回報**: 請在企業內部系統提交問題
|
||||
|
||||
## 🙏 致謝
|
||||
|
||||
- [Next.js](https://nextjs.org/) - React 框架
|
||||
- [Tailwind CSS](https://tailwindcss.com/) - CSS 框架
|
||||
- [Radix UI](https://www.radix-ui.com/) - 無障礙組件
|
||||
- [DeepSeek](https://platform.deepseek.com/) - AI API 服務
|
||||
- [Lucide](https://lucide.dev/) - 圖標庫
|
||||
|
||||
---
|
||||
|
||||
**強茂集團 AI 展示平台** - 促進AI技術創新與應用 🚀
|
||||
@@ -1,153 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
import { authenticateUser } from '@/lib/auth';
|
||||
import { logger } from '@/lib/logger';
|
||||
|
||||
// POST /api/apps/[id]/favorite - 收藏應用程式
|
||||
export async function POST(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await authenticateUser(request);
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '需要登入才能收藏' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
const { id } = params;
|
||||
|
||||
// 檢查應用程式是否存在
|
||||
const existingApp = await db.queryOne('SELECT * FROM apps WHERE id = ?', [id]);
|
||||
if (!existingApp) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 檢查是否已經收藏過
|
||||
const existingFavorite = await db.queryOne(
|
||||
'SELECT * FROM user_favorites WHERE user_id = ? AND app_id = ?',
|
||||
[user.id, id]
|
||||
);
|
||||
|
||||
if (existingFavorite) {
|
||||
return NextResponse.json(
|
||||
{ error: '您已經收藏過此應用程式' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 插入收藏記錄
|
||||
const favoriteId = Date.now().toString(36) + Math.random().toString(36).substr(2);
|
||||
await db.insert('user_favorites', {
|
||||
id: favoriteId,
|
||||
user_id: user.id,
|
||||
app_id: id
|
||||
});
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', id, 'favorite', {
|
||||
appName: existingApp.name
|
||||
});
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', `/api/apps/${id}/favorite`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '收藏成功',
|
||||
appId: id,
|
||||
favoriteId
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps Favorite API');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', `/api/apps/${params.id}/favorite`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '收藏失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /api/apps/[id]/favorite - 取消收藏
|
||||
export async function DELETE(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await authenticateUser(request);
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '需要登入才能取消收藏' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
const { id } = params;
|
||||
|
||||
// 檢查應用程式是否存在
|
||||
const existingApp = await db.queryOne('SELECT * FROM apps WHERE id = ?', [id]);
|
||||
if (!existingApp) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 檢查是否已經收藏過
|
||||
const existingFavorite = await db.queryOne(
|
||||
'SELECT * FROM user_favorites WHERE user_id = ? AND app_id = ?',
|
||||
[user.id, id]
|
||||
);
|
||||
|
||||
if (!existingFavorite) {
|
||||
return NextResponse.json(
|
||||
{ error: '您還沒有收藏此應用程式' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 刪除收藏記錄
|
||||
await db.delete('user_favorites', {
|
||||
user_id: user.id,
|
||||
app_id: id
|
||||
});
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', id, 'unfavorite', {
|
||||
appName: existingApp.name
|
||||
});
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('DELETE', `/api/apps/${id}/favorite`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '取消收藏成功',
|
||||
appId: id
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps Unfavorite API');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('DELETE', `/api/apps/${params.id}/favorite`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '取消收藏失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,202 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
import { authenticateUser } from '@/lib/auth';
|
||||
import { logger } from '@/lib/logger';
|
||||
|
||||
// POST /api/apps/[id]/like - 按讚應用程式
|
||||
export async function POST(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await authenticateUser(request);
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '需要登入才能按讚' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
const { id } = params;
|
||||
|
||||
// 檢查應用程式是否存在
|
||||
const existingApp = await db.queryOne('SELECT * FROM apps WHERE id = ?', [id]);
|
||||
if (!existingApp) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 檢查是否已經按讚過
|
||||
const existingLike = await db.queryOne(
|
||||
'SELECT * FROM user_likes WHERE user_id = ? AND app_id = ? AND DATE(liked_at) = CURDATE()',
|
||||
[user.id, id]
|
||||
);
|
||||
|
||||
if (existingLike) {
|
||||
return NextResponse.json(
|
||||
{ error: '您今天已經為此應用程式按讚過了' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 開始事務
|
||||
const connection = await db.beginTransaction();
|
||||
|
||||
try {
|
||||
// 插入按讚記錄
|
||||
const likeId = Date.now().toString(36) + Math.random().toString(36).substr(2);
|
||||
await connection.execute(
|
||||
'INSERT INTO user_likes (id, user_id, app_id, liked_at) VALUES (?, ?, ?, NOW())',
|
||||
[likeId, user.id, id]
|
||||
);
|
||||
|
||||
// 更新應用程式按讚數
|
||||
await connection.execute(
|
||||
'UPDATE apps SET likes_count = likes_count + 1 WHERE id = ?',
|
||||
[id]
|
||||
);
|
||||
|
||||
// 更新用戶總按讚數
|
||||
await connection.execute(
|
||||
'UPDATE users SET total_likes = total_likes + 1 WHERE id = ?',
|
||||
[user.id]
|
||||
);
|
||||
|
||||
// 提交事務
|
||||
await db.commitTransaction(connection);
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', id, 'like', {
|
||||
appName: existingApp.name
|
||||
});
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', `/api/apps/${id}/like`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '按讚成功',
|
||||
appId: id,
|
||||
likeId
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
// 回滾事務
|
||||
await db.rollbackTransaction(connection);
|
||||
throw error;
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps Like API');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', `/api/apps/${params.id}/like`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '按讚失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /api/apps/[id]/like - 取消按讚
|
||||
export async function DELETE(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await authenticateUser(request);
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '需要登入才能取消按讚' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
const { id } = params;
|
||||
|
||||
// 檢查應用程式是否存在
|
||||
const existingApp = await db.queryOne('SELECT * FROM apps WHERE id = ?', [id]);
|
||||
if (!existingApp) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 檢查是否已經按讚過
|
||||
const existingLike = await db.queryOne(
|
||||
'SELECT * FROM user_likes WHERE user_id = ? AND app_id = ? AND DATE(liked_at) = CURDATE()',
|
||||
[user.id, id]
|
||||
);
|
||||
|
||||
if (!existingLike) {
|
||||
return NextResponse.json(
|
||||
{ error: '您今天還沒有為此應用程式按讚' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 開始事務
|
||||
const connection = await db.beginTransaction();
|
||||
|
||||
try {
|
||||
// 刪除按讚記錄
|
||||
await connection.execute(
|
||||
'DELETE FROM user_likes WHERE user_id = ? AND app_id = ? AND DATE(liked_at) = CURDATE()',
|
||||
[user.id, id]
|
||||
);
|
||||
|
||||
// 更新應用程式按讚數
|
||||
await connection.execute(
|
||||
'UPDATE apps SET likes_count = GREATEST(likes_count - 1, 0) WHERE id = ?',
|
||||
[id]
|
||||
);
|
||||
|
||||
// 更新用戶總按讚數
|
||||
await connection.execute(
|
||||
'UPDATE users SET total_likes = GREATEST(total_likes - 1, 0) WHERE id = ?',
|
||||
[user.id]
|
||||
);
|
||||
|
||||
// 提交事務
|
||||
await db.commitTransaction(connection);
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', id, 'unlike', {
|
||||
appName: existingApp.name
|
||||
});
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('DELETE', `/api/apps/${id}/like`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '取消按讚成功',
|
||||
appId: id
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
// 回滾事務
|
||||
await db.rollbackTransaction(connection);
|
||||
throw error;
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps Unlike API');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('DELETE', `/api/apps/${params.id}/like`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '取消按讚失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,380 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
import { authenticateUser, requireDeveloperOrAdmin } from '@/lib/auth';
|
||||
import { logger } from '@/lib/logger';
|
||||
import { AppUpdateRequest } from '@/types/app';
|
||||
|
||||
// GET /api/apps/[id] - 獲取單個應用程式詳細資料
|
||||
export async function GET(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await authenticateUser(request);
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '需要登入才能查看應用程式' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
const { id } = params;
|
||||
|
||||
// 查詢應用程式詳細資料
|
||||
const sql = `
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as user_creator_name,
|
||||
u.email as creator_email,
|
||||
u.department as creator_department,
|
||||
u.role as creator_role,
|
||||
t.name as team_name,
|
||||
t.department as team_department,
|
||||
t.contact_email as team_contact_email,
|
||||
t.leader_id as team_leader_id
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
LEFT JOIN teams t ON a.team_id = t.id
|
||||
WHERE a.id = ?
|
||||
`;
|
||||
|
||||
const app = await db.queryOne(sql, [id]);
|
||||
|
||||
if (!app) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 格式化回應資料
|
||||
const formattedApp = {
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
description: app.description,
|
||||
creatorId: app.creator_id,
|
||||
teamId: app.team_id,
|
||||
status: app.status,
|
||||
type: app.type,
|
||||
filePath: app.file_path,
|
||||
techStack: app.tech_stack ? JSON.parse(app.tech_stack) : [],
|
||||
tags: app.tags ? JSON.parse(app.tags) : [],
|
||||
screenshots: app.screenshots ? JSON.parse(app.screenshots) : [],
|
||||
demoUrl: app.demo_url,
|
||||
githubUrl: app.github_url,
|
||||
docsUrl: app.docs_url,
|
||||
version: app.version,
|
||||
icon: app.icon,
|
||||
iconColor: app.icon_color,
|
||||
likesCount: app.likes_count,
|
||||
viewsCount: app.views_count,
|
||||
rating: app.rating,
|
||||
createdAt: app.created_at,
|
||||
updatedAt: app.updated_at,
|
||||
lastUpdated: app.last_updated,
|
||||
department: app.department,
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.creator_name || app.user_creator_name,
|
||||
email: app.creator_email,
|
||||
department: app.department || app.creator_department,
|
||||
role: app.creator_role
|
||||
},
|
||||
team: app.team_id ? {
|
||||
id: app.team_id,
|
||||
name: app.team_name,
|
||||
department: app.team_department,
|
||||
contactEmail: app.team_contact_email,
|
||||
leaderId: app.team_leader_id
|
||||
} : undefined
|
||||
};
|
||||
|
||||
// 增加瀏覽次數
|
||||
await db.update(
|
||||
'apps',
|
||||
{ views_count: app.views_count + 1 },
|
||||
{ id }
|
||||
);
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', `/api/apps/${id}`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json(formattedApp);
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps API - GET by ID');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', `/api/apps/${params.id}`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '獲取應用程式詳細資料失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// PUT /api/apps/[id] - 更新應用程式
|
||||
export async function PUT(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await requireDeveloperOrAdmin(request);
|
||||
|
||||
const { id } = params;
|
||||
const body = await request.json();
|
||||
const {
|
||||
name,
|
||||
description,
|
||||
type,
|
||||
teamId,
|
||||
status,
|
||||
techStack,
|
||||
tags,
|
||||
screenshots,
|
||||
demoUrl,
|
||||
githubUrl,
|
||||
docsUrl,
|
||||
version,
|
||||
icon,
|
||||
iconColor
|
||||
}: AppUpdateRequest = body;
|
||||
|
||||
// 檢查應用程式是否存在
|
||||
const existingApp = await db.queryOne('SELECT * FROM apps WHERE id = ?', [id]);
|
||||
if (!existingApp) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 檢查權限：只有創建者或管理員可以編輯
|
||||
if (existingApp.creator_id !== user.id && user.role !== 'admin') {
|
||||
return NextResponse.json(
|
||||
{ error: '您沒有權限編輯此應用程式' },
|
||||
{ status: 403 }
|
||||
);
|
||||
}
|
||||
|
||||
// 驗證更新資料
|
||||
const updateData: any = {};
|
||||
|
||||
if (name !== undefined) {
|
||||
if (name.length < 2 || name.length > 200) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式名稱長度必須在 2-200 個字符之間' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
updateData.name = name;
|
||||
}
|
||||
|
||||
if (description !== undefined) {
|
||||
if (description.length < 10) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式描述至少需要 10 個字符' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
updateData.description = description;
|
||||
}
|
||||
|
||||
if (type !== undefined) {
|
||||
const validTypes = [
|
||||
'productivity', 'ai_model', 'automation', 'data_analysis', 'educational',
|
||||
'healthcare', 'finance', 'iot_device', 'blockchain', 'ar_vr',
|
||||
'machine_learning', 'computer_vision', 'nlp', 'robotics', 'cybersecurity',
|
||||
'cloud_service', 'other'
|
||||
];
|
||||
if (!validTypes.includes(type)) {
|
||||
return NextResponse.json(
|
||||
{ error: '無效的應用程式類型' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
updateData.type = type;
|
||||
}
|
||||
|
||||
if (status !== undefined) {
|
||||
const validStatuses = ['draft', 'submitted', 'under_review', 'approved', 'rejected', 'published'];
|
||||
if (!validStatuses.includes(status)) {
|
||||
return NextResponse.json(
|
||||
{ error: '無效的應用程式狀態' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
updateData.status = status;
|
||||
}
|
||||
|
||||
if (teamId !== undefined) {
|
||||
// 如果指定了團隊，驗證團隊存在且用戶是團隊成員
|
||||
if (teamId) {
|
||||
const teamMember = await db.queryOne(
|
||||
'SELECT * FROM team_members WHERE team_id = ? AND user_id = ?',
|
||||
[teamId, user.id]
|
||||
);
|
||||
|
||||
if (!teamMember) {
|
||||
return NextResponse.json(
|
||||
{ error: '您不是該團隊的成員，無法將應用程式分配給該團隊' },
|
||||
{ status: 403 }
|
||||
);
|
||||
}
|
||||
}
|
||||
updateData.team_id = teamId || null;
|
||||
}
|
||||
|
||||
if (techStack !== undefined) {
|
||||
updateData.tech_stack = techStack ? JSON.stringify(techStack) : null;
|
||||
}
|
||||
|
||||
if (tags !== undefined) {
|
||||
updateData.tags = tags ? JSON.stringify(tags) : null;
|
||||
}
|
||||
|
||||
if (screenshots !== undefined) {
|
||||
updateData.screenshots = screenshots ? JSON.stringify(screenshots) : null;
|
||||
}
|
||||
|
||||
if (demoUrl !== undefined) {
|
||||
updateData.demo_url = demoUrl || null;
|
||||
}
|
||||
|
||||
if (githubUrl !== undefined) {
|
||||
updateData.github_url = githubUrl || null;
|
||||
}
|
||||
|
||||
if (docsUrl !== undefined) {
|
||||
updateData.docs_url = docsUrl || null;
|
||||
}
|
||||
|
||||
if (version !== undefined) {
|
||||
updateData.version = version;
|
||||
}
|
||||
|
||||
if (icon !== undefined) {
|
||||
updateData.icon = icon;
|
||||
}
|
||||
|
||||
if (iconColor !== undefined) {
|
||||
updateData.icon_color = iconColor;
|
||||
}
|
||||
|
||||
// 更新應用程式
|
||||
if (Object.keys(updateData).length > 0) {
|
||||
await db.update('apps', updateData, { id });
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', id, 'update', updateData);
|
||||
}
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('PUT', `/api/apps/${id}`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '應用程式更新成功',
|
||||
appId: id
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps API - PUT');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('PUT', `/api/apps/${params.id}`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '更新應用程式失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /api/apps/[id] - 刪除應用程式
|
||||
export async function DELETE(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await requireDeveloperOrAdmin(request);
|
||||
|
||||
const { id } = params;
|
||||
|
||||
// 檢查應用程式是否存在
|
||||
const existingApp = await db.queryOne('SELECT * FROM apps WHERE id = ?', [id]);
|
||||
if (!existingApp) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 檢查權限：只有創建者或管理員可以刪除
|
||||
if (existingApp.creator_id !== user.id && user.role !== 'admin') {
|
||||
return NextResponse.json(
|
||||
{ error: '您沒有權限刪除此應用程式' },
|
||||
{ status: 403 }
|
||||
);
|
||||
}
|
||||
|
||||
// 開始事務
|
||||
const connection = await db.beginTransaction();
|
||||
|
||||
try {
|
||||
// 刪除相關的按讚記錄
|
||||
await connection.execute('DELETE FROM user_likes WHERE app_id = ?', [id]);
|
||||
|
||||
// 刪除相關的收藏記錄
|
||||
await connection.execute('DELETE FROM user_favorites WHERE app_id = ?', [id]);
|
||||
|
||||
// 刪除相關的評分記錄
|
||||
await connection.execute('DELETE FROM judge_scores WHERE app_id = ?', [id]);
|
||||
|
||||
// 刪除應用程式
|
||||
await connection.execute('DELETE FROM apps WHERE id = ?', [id]);
|
||||
|
||||
// 提交事務
|
||||
await db.commitTransaction(connection);
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', id, 'delete', {
|
||||
name: existingApp.name,
|
||||
type: existingApp.type
|
||||
});
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('DELETE', `/api/apps/${id}`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '應用程式刪除成功',
|
||||
appId: id
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
// 回滾事務
|
||||
await db.rollbackTransaction(connection);
|
||||
throw error;
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps API - DELETE');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('DELETE', `/api/apps/${params.id}`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '刪除應用程式失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,151 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
import { requireDeveloperOrAdmin } from '@/lib/auth';
|
||||
import { logger } from '@/lib/logger';
|
||||
import { writeFile, mkdir } from 'fs/promises';
|
||||
import { join } from 'path';
|
||||
import { existsSync } from 'fs';
|
||||
|
||||
// POST /api/apps/[id]/upload - 上傳應用程式檔案
|
||||
export async function POST(
|
||||
request: NextRequest,
|
||||
{ params }: { params: { id: string } }
|
||||
) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await requireDeveloperOrAdmin(request);
|
||||
|
||||
const { id } = params;
|
||||
|
||||
// 檢查應用程式是否存在
|
||||
const existingApp = await db.queryOne('SELECT * FROM apps WHERE id = ?', [id]);
|
||||
if (!existingApp) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式不存在' },
|
||||
{ status: 404 }
|
||||
);
|
||||
}
|
||||
|
||||
// 檢查權限：只有創建者或管理員可以上傳檔案
|
||||
if (existingApp.creator_id !== user.id && user.role !== 'admin') {
|
||||
return NextResponse.json(
|
||||
{ error: '您沒有權限為此應用程式上傳檔案' },
|
||||
{ status: 403 }
|
||||
);
|
||||
}
|
||||
|
||||
// 解析 FormData
|
||||
const formData = await request.formData();
|
||||
const file = formData.get('file') as File;
|
||||
const type = formData.get('type') as string;
|
||||
|
||||
if (!file) {
|
||||
return NextResponse.json(
|
||||
{ error: '請選擇要上傳的檔案' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 驗證檔案類型
|
||||
const validTypes = ['screenshot', 'document', 'source_code'];
|
||||
if (!validTypes.includes(type)) {
|
||||
return NextResponse.json(
|
||||
{ error: '無效的檔案類型' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 驗證檔案大小 (最大 10MB)
|
||||
const maxSize = 10 * 1024 * 1024; // 10MB
|
||||
if (file.size > maxSize) {
|
||||
return NextResponse.json(
|
||||
{ error: '檔案大小不能超過 10MB' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 驗證檔案格式
|
||||
const allowedExtensions = {
|
||||
screenshot: ['.jpg', '.jpeg', '.png', '.gif', '.webp'],
|
||||
document: ['.pdf', '.doc', '.docx', '.txt', '.md'],
|
||||
source_code: ['.zip', '.rar', '.7z', '.tar.gz']
|
||||
};
|
||||
|
||||
const fileName = file.name.toLowerCase();
|
||||
const fileExtension = fileName.substring(fileName.lastIndexOf('.'));
|
||||
const allowedExts = allowedExtensions[type as keyof typeof allowedExtensions];
|
||||
|
||||
if (!allowedExts.includes(fileExtension)) {
|
||||
return NextResponse.json(
|
||||
{ error: `此檔案類型不支援 ${type} 上傳` },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 創建上傳目錄
|
||||
const uploadDir = join(process.cwd(), 'public', 'uploads', 'apps', id);
|
||||
if (!existsSync(uploadDir)) {
|
||||
await mkdir(uploadDir, { recursive: true });
|
||||
}
|
||||
|
||||
// 生成唯一檔案名
|
||||
const timestamp = Date.now();
|
||||
const uniqueFileName = `${type}_${timestamp}_${file.name}`;
|
||||
const filePath = join(uploadDir, uniqueFileName);
|
||||
const relativePath = `/uploads/apps/${id}/${uniqueFileName}`;
|
||||
|
||||
// 將檔案寫入磁碟
|
||||
const bytes = await file.arrayBuffer();
|
||||
const buffer = Buffer.from(bytes);
|
||||
await writeFile(filePath, buffer);
|
||||
|
||||
// 更新應用程式資料
|
||||
let updateData: any = {};
|
||||
|
||||
if (type === 'screenshot') {
|
||||
// 獲取現有的截圖列表
|
||||
const currentScreenshots = existingApp.screenshots ? JSON.parse(existingApp.screenshots) : [];
|
||||
currentScreenshots.push(relativePath);
|
||||
updateData.screenshots = JSON.stringify(currentScreenshots);
|
||||
} else if (type === 'source_code') {
|
||||
// 更新檔案路徑
|
||||
updateData.file_path = relativePath;
|
||||
}
|
||||
|
||||
if (Object.keys(updateData).length > 0) {
|
||||
await db.update('apps', updateData, { id });
|
||||
}
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', id, 'upload_file', {
|
||||
fileName: file.name,
|
||||
fileType: type,
|
||||
fileSize: file.size,
|
||||
filePath: relativePath
|
||||
});
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', `/api/apps/${id}/upload`, 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '檔案上傳成功',
|
||||
fileName: file.name,
|
||||
fileType: type,
|
||||
filePath: relativePath,
|
||||
fileSize: file.size
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps Upload API');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', `/api/apps/${params.id}/upload`, 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '檔案上傳失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,352 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
import { authenticateUser, requireDeveloperOrAdmin } from '@/lib/auth';
|
||||
import { logger } from '@/lib/logger';
|
||||
import { AppSearchParams, AppCreateRequest } from '@/types/app';
|
||||
|
||||
// GET /api/apps - 獲取應用程式列表
|
||||
export async function GET(request: NextRequest) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await authenticateUser(request);
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '需要登入才能查看應用程式' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
// 解析查詢參數
|
||||
const { searchParams } = new URL(request.url);
|
||||
const search = searchParams.get('search') || '';
|
||||
const type = searchParams.get('type') || '';
|
||||
const status = searchParams.get('status') || '';
|
||||
const creatorId = searchParams.get('creatorId') || '';
|
||||
const teamId = searchParams.get('teamId') || '';
|
||||
const page = parseInt(searchParams.get('page') || '1');
|
||||
const limit = parseInt(searchParams.get('limit') || '10');
|
||||
|
||||
// 確保參數是數字類型
|
||||
const limitNum = Number(limit);
|
||||
const offsetNum = Number((page - 1) * limit);
|
||||
const sortBy = searchParams.get('sortBy') || 'created_at';
|
||||
const sortOrder = searchParams.get('sortOrder') || 'desc';
|
||||
|
||||
// 構建查詢條件
|
||||
const conditions: string[] = [];
|
||||
const params: any[] = [];
|
||||
|
||||
if (search) {
|
||||
conditions.push('(a.name LIKE ? OR a.description LIKE ? OR u.name LIKE ?)');
|
||||
const searchTerm = `%${search}%`;
|
||||
params.push(searchTerm, searchTerm, searchTerm);
|
||||
}
|
||||
|
||||
if (type) {
|
||||
conditions.push('a.type = ?');
|
||||
params.push(type);
|
||||
}
|
||||
|
||||
if (status) {
|
||||
conditions.push('a.status = ?');
|
||||
params.push(status);
|
||||
}
|
||||
|
||||
if (creatorId) {
|
||||
conditions.push('a.creator_id = ?');
|
||||
params.push(creatorId);
|
||||
}
|
||||
|
||||
if (teamId) {
|
||||
conditions.push('a.team_id = ?');
|
||||
params.push(teamId);
|
||||
}
|
||||
|
||||
const whereClause = conditions.length > 0 ? `WHERE ${conditions.join(' AND ')}` : '';
|
||||
|
||||
// 計算總數
|
||||
const countSql = `
|
||||
SELECT COUNT(*) as total
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
${whereClause}
|
||||
`;
|
||||
|
||||
const totalResults = await db.query<{ total: number }>(countSql, params);
|
||||
const total = totalResults.length > 0 ? totalResults[0].total : 0;
|
||||
|
||||
// 計算分頁
|
||||
const totalPages = Math.ceil(total / limit);
|
||||
|
||||
// 計算各狀態的統計
|
||||
const statsSql = `
|
||||
SELECT a.status, COUNT(*) as count
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
${whereClause}
|
||||
GROUP BY a.status
|
||||
`;
|
||||
const statsResults = await db.query(statsSql, params);
|
||||
const stats = {
|
||||
published: 0,
|
||||
pending: 0,
|
||||
draft: 0,
|
||||
rejected: 0
|
||||
};
|
||||
statsResults.forEach((row: any) => {
|
||||
if (stats.hasOwnProperty(row.status)) {
|
||||
stats[row.status] = row.count;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 構建排序
|
||||
const validSortFields = ['name', 'created_at', 'rating', 'likes_count', 'views_count'];
|
||||
const validSortOrders = ['asc', 'desc'];
|
||||
const finalSortBy = validSortFields.includes(sortBy) ? sortBy : 'created_at';
|
||||
const finalSortOrder = validSortOrders.includes(sortOrder) ? sortOrder : 'desc';
|
||||
|
||||
// 查詢應用程式列表
|
||||
const sql = `
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as user_creator_name,
|
||||
u.email as user_creator_email,
|
||||
u.department as user_creator_department,
|
||||
u.role as creator_role
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
${whereClause}
|
||||
ORDER BY a.created_at DESC
|
||||
LIMIT ${limitNum} OFFSET ${offsetNum}
|
||||
`;
|
||||
|
||||
const apps = await db.query(sql, params);
|
||||
|
||||
// 格式化回應資料
|
||||
const formattedApps = apps.map((app: any) => ({
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
description: app.description,
|
||||
creatorId: app.creator_id,
|
||||
teamId: app.team_id,
|
||||
status: app.status,
|
||||
type: app.type,
|
||||
filePath: app.file_path,
|
||||
techStack: app.tech_stack ? JSON.parse(app.tech_stack) : [],
|
||||
tags: app.tags ? JSON.parse(app.tags) : [],
|
||||
screenshots: app.screenshots ? JSON.parse(app.screenshots) : [],
|
||||
demoUrl: app.demo_url,
|
||||
githubUrl: app.github_url,
|
||||
docsUrl: app.docs_url,
|
||||
version: app.version,
|
||||
icon: app.icon,
|
||||
iconColor: app.icon_color,
|
||||
likesCount: app.likes_count,
|
||||
viewsCount: app.views_count,
|
||||
rating: app.rating,
|
||||
createdAt: app.created_at,
|
||||
updatedAt: app.updated_at,
|
||||
lastUpdated: app.last_updated,
|
||||
department: app.department,
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.creator_name || app.user_creator_name,
|
||||
email: app.user_creator_email,
|
||||
department: app.department || app.user_creator_department,
|
||||
role: app.creator_role
|
||||
},
|
||||
team: app.team_id ? {
|
||||
id: app.team_id,
|
||||
name: app.team_name,
|
||||
department: app.team_department,
|
||||
contactEmail: app.team_contact_email
|
||||
} : undefined
|
||||
}));
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', '/api/apps', 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
apps: formattedApps,
|
||||
pagination: {
|
||||
page,
|
||||
limit,
|
||||
total,
|
||||
totalPages,
|
||||
hasNext: page < totalPages,
|
||||
hasPrev: page > 1
|
||||
},
|
||||
stats
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps API - GET');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', '/api/apps', 500, duration);
|
||||
|
||||
console.error('詳細錯誤信息:', error);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: '獲取應用程式列表失敗',
|
||||
details: error instanceof Error ? error.message : '未知錯誤'
|
||||
},
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// POST /api/apps - 創建新應用程式
|
||||
export async function POST(request: NextRequest) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await requireDeveloperOrAdmin(request);
|
||||
|
||||
const body = await request.json();
|
||||
const {
|
||||
name,
|
||||
description,
|
||||
type,
|
||||
teamId,
|
||||
techStack,
|
||||
tags,
|
||||
demoUrl,
|
||||
githubUrl,
|
||||
docsUrl,
|
||||
version = '1.0.0',
|
||||
creator,
|
||||
department,
|
||||
icon = 'Bot',
|
||||
iconColor = 'from-blue-500 to-purple-500'
|
||||
}: AppCreateRequest = body;
|
||||
|
||||
// 驗證必填欄位
|
||||
if (!name || !description || !type) {
|
||||
return NextResponse.json(
|
||||
{ error: '請提供應用程式名稱、描述和類型' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 驗證應用程式名稱長度
|
||||
if (name.length < 2 || name.length > 200) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式名稱長度必須在 2-200 個字符之間' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 驗證描述長度
|
||||
if (description.length < 10) {
|
||||
return NextResponse.json(
|
||||
{ error: '應用程式描述至少需要 10 個字符' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 驗證類型
|
||||
const validTypes = [
|
||||
'productivity', 'ai_model', 'automation', 'data_analysis', 'educational',
|
||||
'healthcare', 'finance', 'iot_device', 'blockchain', 'ar_vr',
|
||||
'machine_learning', 'computer_vision', 'nlp', 'robotics', 'cybersecurity',
|
||||
'cloud_service', 'other'
|
||||
];
|
||||
if (!validTypes.includes(type)) {
|
||||
return NextResponse.json(
|
||||
{ error: '無效的應用程式類型' },
|
||||
{ status: 400 }
|
||||
);
|
||||
}
|
||||
|
||||
// 如果指定了團隊，驗證團隊存在且用戶是團隊成員
|
||||
if (teamId) {
|
||||
const teamMember = await db.queryOne(
|
||||
'SELECT * FROM team_members WHERE team_id = ? AND user_id = ?',
|
||||
[teamId, user.id]
|
||||
);
|
||||
|
||||
if (!teamMember) {
|
||||
return NextResponse.json(
|
||||
{ error: '您不是該團隊的成員，無法為該團隊創建應用程式' },
|
||||
{ status: 403 }
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// 生成應用程式 ID
|
||||
const appId = Date.now().toString(36) + Math.random().toString(36).substr(2);
|
||||
|
||||
// 準備插入資料
|
||||
const appData = {
|
||||
id: appId,
|
||||
name,
|
||||
description,
|
||||
creator_id: user.id,
|
||||
team_id: teamId || null,
|
||||
type,
|
||||
tech_stack: techStack ? JSON.stringify(techStack) : null,
|
||||
tags: tags ? JSON.stringify(tags) : null,
|
||||
demo_url: demoUrl || null,
|
||||
github_url: githubUrl || null,
|
||||
docs_url: docsUrl || null,
|
||||
version,
|
||||
status: 'draft',
|
||||
icon: icon || 'Bot',
|
||||
icon_color: iconColor || 'from-blue-500 to-purple-500',
|
||||
department: department || user.department || 'HQBU',
|
||||
creator_name: creator || user.name || '',
|
||||
creator_email: user.email || ''
|
||||
};
|
||||
|
||||
// 插入應用程式
|
||||
await db.insert('apps', appData);
|
||||
|
||||
// 記錄活動
|
||||
logger.logActivity(user.id, 'app', appId, 'create', {
|
||||
name,
|
||||
type,
|
||||
teamId
|
||||
});
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', '/api/apps', 201, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
message: '應用程式創建成功',
|
||||
appId,
|
||||
app: {
|
||||
id: appId,
|
||||
name,
|
||||
description,
|
||||
type,
|
||||
status: 'draft',
|
||||
creatorId: user.id,
|
||||
teamId,
|
||||
version
|
||||
}
|
||||
}, { status: 201 });
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps API - POST');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('POST', '/api/apps', 500, duration);
|
||||
|
||||
console.error('詳細錯誤信息:', error);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: '創建應用程式失敗',
|
||||
details: error instanceof Error ? error.message : '未知錯誤'
|
||||
},
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,169 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
import { authenticateUser } from '@/lib/auth';
|
||||
import { logger } from '@/lib/logger';
|
||||
import { AppStats } from '@/types/app';
|
||||
|
||||
// GET /api/apps/stats - 獲取應用程式統計資料
|
||||
export async function GET(request: NextRequest) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶權限
|
||||
const user = await authenticateUser(request);
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '需要登入才能查看統計資料' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
// 查詢總體統計
|
||||
const totalStats = await db.queryOne<{ total: number }>('SELECT COUNT(*) as total FROM apps');
|
||||
const publishedStats = await db.queryOne<{ published: number }>('SELECT COUNT(*) as published FROM apps WHERE status = "published"');
|
||||
const pendingReviewStats = await db.queryOne<{ pending: number }>('SELECT COUNT(*) as pending FROM apps WHERE status = "submitted" OR status = "under_review"');
|
||||
const draftStats = await db.queryOne<{ draft: number }>('SELECT COUNT(*) as draft FROM apps WHERE status = "draft"');
|
||||
const approvedStats = await db.queryOne<{ approved: number }>('SELECT COUNT(*) as approved FROM apps WHERE status = "approved"');
|
||||
const rejectedStats = await db.queryOne<{ rejected: number }>('SELECT COUNT(*) as rejected FROM apps WHERE status = "rejected"');
|
||||
|
||||
// 查詢按類型統計
|
||||
const typeStats = await db.query(`
|
||||
SELECT type, COUNT(*) as count
|
||||
FROM apps
|
||||
GROUP BY type
|
||||
`);
|
||||
|
||||
// 查詢按狀態統計
|
||||
const statusStats = await db.query(`
|
||||
SELECT status, COUNT(*) as count
|
||||
FROM apps
|
||||
GROUP BY status
|
||||
`);
|
||||
|
||||
// 查詢按創建者統計
|
||||
const creatorStats = await db.query(`
|
||||
SELECT
|
||||
u.name as creator_name,
|
||||
COUNT(a.id) as app_count,
|
||||
SUM(a.likes_count) as total_likes,
|
||||
SUM(a.views_count) as total_views,
|
||||
AVG(a.rating) as avg_rating
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
GROUP BY a.creator_id, u.name
|
||||
ORDER BY app_count DESC
|
||||
LIMIT 10
|
||||
`);
|
||||
|
||||
// 查詢按團隊統計
|
||||
const teamStats = await db.query(`
|
||||
SELECT
|
||||
t.name as team_name,
|
||||
COUNT(a.id) as app_count,
|
||||
SUM(a.likes_count) as total_likes,
|
||||
SUM(a.views_count) as total_views,
|
||||
AVG(a.rating) as avg_rating
|
||||
FROM apps a
|
||||
LEFT JOIN teams t ON a.team_id = t.id
|
||||
WHERE a.team_id IS NOT NULL
|
||||
GROUP BY a.team_id, t.name
|
||||
ORDER BY app_count DESC
|
||||
LIMIT 10
|
||||
`);
|
||||
|
||||
// 查詢最近創建的應用程式
|
||||
const recentApps = await db.query(`
|
||||
SELECT
|
||||
a.id,
|
||||
a.name,
|
||||
a.type,
|
||||
a.status,
|
||||
a.created_at,
|
||||
u.name as creator_name
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.created_at DESC
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
// 查詢最受歡迎的應用程式
|
||||
const popularApps = await db.query(`
|
||||
SELECT
|
||||
a.id,
|
||||
a.name,
|
||||
a.type,
|
||||
a.likes_count,
|
||||
a.views_count,
|
||||
a.rating,
|
||||
u.name as creator_name
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.likes_count DESC, a.views_count DESC
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
// 查詢評分最高的應用程式
|
||||
const topRatedApps = await db.query(`
|
||||
SELECT
|
||||
a.id,
|
||||
a.name,
|
||||
a.type,
|
||||
a.rating,
|
||||
a.likes_count,
|
||||
a.views_count,
|
||||
u.name as creator_name
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
WHERE a.rating > 0
|
||||
ORDER BY a.rating DESC
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
// 格式化按類型統計
|
||||
const byType: Record<string, number> = {};
|
||||
typeStats.forEach((stat: any) => {
|
||||
byType[stat.type] = stat.count;
|
||||
});
|
||||
|
||||
// 格式化按狀態統計
|
||||
const byStatus: Record<string, number> = {};
|
||||
statusStats.forEach((stat: any) => {
|
||||
byStatus[stat.status] = stat.count;
|
||||
});
|
||||
|
||||
// 構建統計回應
|
||||
const stats: AppStats = {
|
||||
total: totalStats?.total || 0,
|
||||
published: publishedStats?.published || 0,
|
||||
pendingReview: pendingReviewStats?.pending || 0,
|
||||
draft: draftStats?.draft || 0,
|
||||
approved: approvedStats?.approved || 0,
|
||||
rejected: rejectedStats?.rejected || 0,
|
||||
byType,
|
||||
byStatus
|
||||
};
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', '/api/apps/stats', 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
stats,
|
||||
creatorStats,
|
||||
teamStats,
|
||||
recentApps,
|
||||
popularApps,
|
||||
topRatedApps
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Apps Stats API');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', '/api/apps/stats', 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '獲取應用程式統計資料失敗' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,47 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { authenticateUser } from '@/lib/auth';
|
||||
import { logger } from '@/lib/logger';
|
||||
|
||||
export async function GET(request: NextRequest) {
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// 驗證用戶
|
||||
const user = await authenticateUser(request);
|
||||
|
||||
if (!user) {
|
||||
return NextResponse.json(
|
||||
{ error: '未授權訪問' },
|
||||
{ status: 401 }
|
||||
);
|
||||
}
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', '/api/auth/me', 200, duration, user.id);
|
||||
|
||||
return NextResponse.json({
|
||||
user: {
|
||||
id: user.id,
|
||||
name: user.name,
|
||||
email: user.email,
|
||||
avatar: user.avatar,
|
||||
department: user.department,
|
||||
role: user.role,
|
||||
joinDate: user.joinDate,
|
||||
totalLikes: user.totalLikes,
|
||||
totalViews: user.totalViews
|
||||
}
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
logger.logError(error as Error, 'Get Current User API');
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
logger.logRequest('GET', '/api/auth/me', 500, duration);
|
||||
|
||||
return NextResponse.json(
|
||||
{ error: '內部伺服器錯誤' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
import { hashPassword } from '@/lib/auth';
|
||||
import { codeMap } from '../request/route';
|
||||
|
||||
export async function POST(request: NextRequest) {
|
||||
try {
|
||||
const { email, code, newPassword } = await request.json();
|
||||
if (!email || !code || !newPassword) return NextResponse.json({ error: '缺少參數' }, { status: 400 });
|
||||
const validCode = codeMap.get(email);
|
||||
if (!validCode || validCode !== code) return NextResponse.json({ error: '驗證碼錯誤' }, { status: 400 });
|
||||
const passwordHash = await hashPassword(newPassword);
|
||||
await db.update('users', { password_hash: passwordHash }, { email });
|
||||
codeMap.delete(email);
|
||||
return NextResponse.json({ message: '密碼重設成功' });
|
||||
} catch (error) {
|
||||
return NextResponse.json({ error: '內部伺服器錯誤', details: error instanceof Error ? error.message : 'Unknown error' }, { status: 500 });
|
||||
}
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
|
||||
const codeMap = new Map();
|
||||
|
||||
export async function POST(request: NextRequest) {
|
||||
try {
|
||||
const { email } = await request.json();
|
||||
if (!email) return NextResponse.json({ error: '請提供 email' }, { status: 400 });
|
||||
const user = await db.queryOne('SELECT id FROM users WHERE email = ?', [email]);
|
||||
if (!user) return NextResponse.json({ error: '用戶不存在' }, { status: 404 });
|
||||
const code = Math.floor(100000 + Math.random() * 900000).toString();
|
||||
codeMap.set(email, code);
|
||||
// 實際應發送 email，這裡直接回傳
|
||||
return NextResponse.json({ message: '驗證碼已產生', code });
|
||||
} catch (error) {
|
||||
return NextResponse.json({ error: '內部伺服器錯誤', details: error instanceof Error ? error.message : 'Unknown error' }, { status: 500 });
|
||||
}
|
||||
}
|
||||
export { codeMap };
|
||||
@@ -1,35 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { db } from '@/lib/database';
|
||||
|
||||
export async function GET(request: NextRequest) {
|
||||
try {
|
||||
// 健康檢查
|
||||
const isHealthy = await db.healthCheck();
|
||||
|
||||
if (!isHealthy) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Database connection failed' },
|
||||
{ status: 503 }
|
||||
);
|
||||
}
|
||||
|
||||
// 獲取基本統計
|
||||
const stats = await db.getDatabaseStats();
|
||||
|
||||
return NextResponse.json({
|
||||
message: 'AI Platform API is running',
|
||||
version: '1.0.0',
|
||||
timestamp: new Date().toISOString(),
|
||||
database: {
|
||||
status: 'connected',
|
||||
stats
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('API Health Check Error:', error);
|
||||
return NextResponse.json(
|
||||
{ error: 'Internal server error' },
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,50 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server'
|
||||
import { verifyToken } from '@/lib/auth'
|
||||
import { db } from '@/lib/database'
|
||||
|
||||
export async function GET(request: NextRequest, { params }: { params: { id: string } }) {
|
||||
try {
|
||||
// 驗證管理員權限
|
||||
const token = request.headers.get('authorization')?.replace('Bearer ', '')
|
||||
if (!token) {
|
||||
return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
|
||||
}
|
||||
|
||||
const decoded = verifyToken(token)
|
||||
if (!decoded || decoded.role !== 'admin') {
|
||||
return NextResponse.json({ error: 'Admin access required' }, { status: 403 })
|
||||
}
|
||||
|
||||
const userId = await params.id
|
||||
|
||||
// 檢查用戶是否存在
|
||||
const user = await db.queryOne('SELECT id FROM users WHERE id = ?', [userId])
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: 'User not found' }, { status: 404 })
|
||||
}
|
||||
|
||||
// 獲取用戶活動記錄
|
||||
// 這裡可以根據實際需求查詢不同的活動表
|
||||
// 目前先返回空數組，因為還沒有活動記錄表
|
||||
const activities = []
|
||||
|
||||
// 格式化日期函數
|
||||
const formatDate = (dateString: string | null) => {
|
||||
if (!dateString) return "-";
|
||||
const date = new Date(dateString);
|
||||
return date.toLocaleString('zh-TW', {
|
||||
year: 'numeric',
|
||||
month: '2-digit',
|
||||
day: '2-digit',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
hour12: false
|
||||
}).replace(/\//g, '/');
|
||||
};
|
||||
|
||||
return NextResponse.json(activities)
|
||||
} catch (error) {
|
||||
console.error('Error fetching user activity:', error)
|
||||
return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
|
||||
}
|
||||
}
|
||||
@@ -1,180 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server'
|
||||
import { verifyToken } from '@/lib/auth'
|
||||
import { db } from '@/lib/database'
|
||||
|
||||
// GET /api/users/[id] - 查看用戶資料
|
||||
export async function GET(request: NextRequest, { params }: { params: { id: string } }) {
|
||||
try {
|
||||
// 驗證管理員權限
|
||||
const token = request.headers.get('authorization')?.replace('Bearer ', '')
|
||||
if (!token) {
|
||||
return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
|
||||
}
|
||||
|
||||
const decoded = verifyToken(token)
|
||||
if (!decoded || decoded.role !== 'admin') {
|
||||
return NextResponse.json({ error: 'Admin access required' }, { status: 403 })
|
||||
}
|
||||
|
||||
const userId = await params.id
|
||||
|
||||
// 查詢用戶詳細資料
|
||||
const user = await db.queryOne(`
|
||||
SELECT
|
||||
u.id,
|
||||
u.name,
|
||||
u.email,
|
||||
u.avatar,
|
||||
u.department,
|
||||
u.role,
|
||||
u.status,
|
||||
u.join_date,
|
||||
u.total_likes,
|
||||
u.total_views,
|
||||
u.created_at,
|
||||
u.updated_at,
|
||||
COUNT(DISTINCT a.id) as total_apps,
|
||||
COUNT(DISTINCT js.id) as total_reviews
|
||||
FROM users u
|
||||
LEFT JOIN apps a ON u.id = a.creator_id
|
||||
LEFT JOIN judge_scores js ON u.id = js.judge_id
|
||||
WHERE u.id = ?
|
||||
GROUP BY u.id
|
||||
`, [userId])
|
||||
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: 'User not found' }, { status: 404 })
|
||||
}
|
||||
|
||||
// 格式化日期函數
|
||||
const formatDate = (dateString: string | null) => {
|
||||
if (!dateString) return "-";
|
||||
const date = new Date(dateString);
|
||||
return date.toLocaleString('zh-TW', {
|
||||
year: 'numeric',
|
||||
month: '2-digit',
|
||||
day: '2-digit',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
hour12: false
|
||||
}).replace(/\//g, '/');
|
||||
};
|
||||
|
||||
// 計算登入天數（基於最後更新時間）
|
||||
const loginDays = user.updated_at ?
|
||||
Math.floor((Date.now() - new Date(user.updated_at).getTime()) / (1000 * 60 * 60 * 24)) : 0;
|
||||
|
||||
return NextResponse.json({
|
||||
id: user.id,
|
||||
name: user.name,
|
||||
email: user.email,
|
||||
avatar: user.avatar,
|
||||
department: user.department,
|
||||
role: user.role,
|
||||
status: user.status || "active",
|
||||
joinDate: formatDate(user.join_date),
|
||||
lastLogin: formatDate(user.updated_at),
|
||||
totalApps: user.total_apps || 0,
|
||||
totalReviews: user.total_reviews || 0,
|
||||
totalLikes: user.total_likes || 0,
|
||||
loginDays: loginDays,
|
||||
createdAt: formatDate(user.created_at),
|
||||
updatedAt: formatDate(user.updated_at)
|
||||
})
|
||||
} catch (error) {
|
||||
console.error('Error fetching user details:', error)
|
||||
return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
|
||||
}
|
||||
}
|
||||
|
||||
// PUT /api/users/[id] - 編輯用戶資料
|
||||
export async function PUT(request: NextRequest, { params }: { params: { id: string } }) {
|
||||
try {
|
||||
// 驗證管理員權限
|
||||
const token = request.headers.get('authorization')?.replace('Bearer ', '')
|
||||
if (!token) {
|
||||
return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
|
||||
}
|
||||
|
||||
const decoded = verifyToken(token)
|
||||
if (!decoded || decoded.role !== 'admin') {
|
||||
return NextResponse.json({ error: 'Admin access required' }, { status: 403 })
|
||||
}
|
||||
|
||||
const userId = await params.id
|
||||
const body = await request.json()
|
||||
const { name, email, department, role, status } = body
|
||||
|
||||
// 驗證必填欄位
|
||||
if (!name || !email) {
|
||||
return NextResponse.json({ error: 'Name and email are required' }, { status: 400 })
|
||||
}
|
||||
|
||||
// 驗證電子郵件格式
|
||||
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
|
||||
if (!emailRegex.test(email)) {
|
||||
return NextResponse.json({ error: 'Invalid email format' }, { status: 400 })
|
||||
}
|
||||
|
||||
// 檢查電子郵件唯一性（排除當前用戶）
|
||||
const existingUser = await db.queryOne('SELECT id FROM users WHERE email = ? AND id != ?', [email, userId])
|
||||
if (existingUser) {
|
||||
return NextResponse.json({ error: 'Email already exists' }, { status: 409 })
|
||||
}
|
||||
|
||||
// 更新用戶資料
|
||||
await db.query(
|
||||
'UPDATE users SET name = ?, email = ?, department = ?, role = ? WHERE id = ?',
|
||||
[name, email, department, role, userId]
|
||||
)
|
||||
|
||||
return NextResponse.json({ message: 'User updated successfully' })
|
||||
} catch (error) {
|
||||
console.error('Error updating user:', error)
|
||||
return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /api/users/[id] - 刪除用戶
|
||||
export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) {
|
||||
try {
|
||||
// 驗證管理員權限
|
||||
const token = request.headers.get('authorization')?.replace('Bearer ', '')
|
||||
if (!token) {
|
||||
return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
|
||||
}
|
||||
|
||||
const decoded = verifyToken(token)
|
||||
if (!decoded || decoded.role !== 'admin') {
|
||||
return NextResponse.json({ error: 'Admin access required' }, { status: 403 })
|
||||
}
|
||||
|
||||
const userId = await params.id
|
||||
|
||||
// 檢查用戶是否存在
|
||||
const user = await db.queryOne('SELECT id FROM users WHERE id = ?', [userId])
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: 'User not found' }, { status: 404 })
|
||||
}
|
||||
|
||||
// 檢查是否為最後一個管理員
|
||||
const adminCount = await db.queryOne('SELECT COUNT(*) as count FROM users WHERE role = "admin"')
|
||||
const userRole = await db.queryOne('SELECT role FROM users WHERE id = ?', [userId])
|
||||
|
||||
if (adminCount?.count === 1 && userRole?.role === 'admin') {
|
||||
return NextResponse.json({ error: 'Cannot delete the last admin user' }, { status: 400 })
|
||||
}
|
||||
|
||||
// 級聯刪除相關資料
|
||||
await db.query('DELETE FROM judge_scores WHERE judge_id = ?', [userId])
|
||||
await db.query('DELETE FROM apps WHERE creator_id = ?', [userId])
|
||||
|
||||
// 刪除用戶
|
||||
await db.query('DELETE FROM users WHERE id = ?', [userId])
|
||||
|
||||
return NextResponse.json({ message: 'User deleted successfully' })
|
||||
} catch (error) {
|
||||
console.error('Error deleting user:', error)
|
||||
return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
|
||||
}
|
||||
}
|
||||
@@ -1,50 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server'
|
||||
import { verifyToken } from '@/lib/auth'
|
||||
import { db } from '@/lib/database'
|
||||
|
||||
// PATCH /api/users/[id]/status - 停用/啟用用戶
|
||||
export async function PATCH(request: NextRequest, { params }: { params: { id: string } }) {
|
||||
try {
|
||||
// 驗證管理員權限
|
||||
const token = request.headers.get('authorization')?.replace('Bearer ', '')
|
||||
if (!token) {
|
||||
return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
|
||||
}
|
||||
|
||||
const decoded = verifyToken(token)
|
||||
if (!decoded || decoded.role !== 'admin') {
|
||||
return NextResponse.json({ error: 'Admin access required' }, { status: 403 })
|
||||
}
|
||||
|
||||
const userId = await params.id
|
||||
const body = await request.json()
|
||||
const { status } = body
|
||||
|
||||
// 驗證狀態值
|
||||
if (!status || !['active', 'inactive'].includes(status)) {
|
||||
return NextResponse.json({ error: 'Invalid status value' }, { status: 400 })
|
||||
}
|
||||
|
||||
// 檢查用戶是否存在
|
||||
const user = await db.queryOne('SELECT id, role FROM users WHERE id = ?', [userId])
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: 'User not found' }, { status: 404 })
|
||||
}
|
||||
|
||||
// 檢查是否為最後一個管理員
|
||||
if (status === 'inactive' && user.role === 'admin') {
|
||||
const adminCount = await db.queryOne('SELECT COUNT(*) as count FROM users WHERE role = "admin" AND status = "active"')
|
||||
if (adminCount?.count <= 1) {
|
||||
return NextResponse.json({ error: 'Cannot disable the last admin user' }, { status: 400 })
|
||||
}
|
||||
}
|
||||
|
||||
// 更新用戶狀態
|
||||
await db.query('UPDATE users SET status = ? WHERE id = ?', [status, userId])
|
||||
|
||||
return NextResponse.json({ message: 'User status updated successfully' })
|
||||
} catch (error) {
|
||||
console.error('Error updating user status:', error)
|
||||
return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
|
||||
}
|
||||
}
|
||||
@@ -1,102 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { verifyToken } from '@/lib/auth';
|
||||
import { db } from '@/lib/database';
|
||||
|
||||
export async function GET(request: NextRequest) {
|
||||
try {
|
||||
// 驗證管理員權限
|
||||
const token = request.headers.get('authorization')?.replace('Bearer ', '')
|
||||
if (!token) {
|
||||
return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
|
||||
}
|
||||
|
||||
const decoded = verifyToken(token)
|
||||
if (!decoded || decoded.role !== 'admin') {
|
||||
return NextResponse.json({ error: 'Admin access required' }, { status: 403 })
|
||||
}
|
||||
|
||||
// 查詢參數
|
||||
const { searchParams } = new URL(request.url);
|
||||
const page = Math.max(1, parseInt(searchParams.get('page') || '1', 10));
|
||||
const limit = Math.max(1, Math.min(100, parseInt(searchParams.get('limit') || '20', 10)));
|
||||
const offset = (page - 1) * limit;
|
||||
|
||||
// 優化：使用 COUNT(*) 查詢用戶總數
|
||||
const countResult = await db.queryOne('SELECT COUNT(*) as total FROM users');
|
||||
const total = countResult?.total || 0;
|
||||
|
||||
// 優化：使用子查詢減少 JOIN 複雜度，提升查詢效能
|
||||
const users = await db.query(`
|
||||
SELECT
|
||||
u.id,
|
||||
u.name,
|
||||
u.email,
|
||||
u.avatar,
|
||||
u.department,
|
||||
u.role,
|
||||
u.status,
|
||||
u.join_date,
|
||||
u.total_likes,
|
||||
u.total_views,
|
||||
u.created_at,
|
||||
u.updated_at,
|
||||
COALESCE(app_stats.total_apps, 0) as total_apps,
|
||||
COALESCE(review_stats.total_reviews, 0) as total_reviews
|
||||
FROM users u
|
||||
LEFT JOIN (
|
||||
SELECT creator_id, COUNT(*) as total_apps
|
||||
FROM apps
|
||||
GROUP BY creator_id
|
||||
) app_stats ON u.id = app_stats.creator_id
|
||||
LEFT JOIN (
|
||||
SELECT judge_id, COUNT(*) as total_reviews
|
||||
FROM judge_scores
|
||||
GROUP BY judge_id
|
||||
) review_stats ON u.id = review_stats.judge_id
|
||||
ORDER BY u.created_at DESC
|
||||
LIMIT ${limit} OFFSET ${offset}
|
||||
`);
|
||||
|
||||
// 分頁資訊
|
||||
const totalPages = Math.ceil(total / limit);
|
||||
const hasNext = page < totalPages;
|
||||
const hasPrev = page > 1;
|
||||
|
||||
// 格式化日期函數
|
||||
const formatDate = (dateString: string | null) => {
|
||||
if (!dateString) return "-";
|
||||
const date = new Date(dateString);
|
||||
return date.toLocaleString('zh-TW', {
|
||||
year: 'numeric',
|
||||
month: '2-digit',
|
||||
day: '2-digit',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
hour12: false
|
||||
}).replace(/\//g, '/');
|
||||
};
|
||||
|
||||
return NextResponse.json({
|
||||
users: users.map(user => ({
|
||||
id: user.id,
|
||||
name: user.name,
|
||||
email: user.email,
|
||||
avatar: user.avatar,
|
||||
department: user.department,
|
||||
role: user.role,
|
||||
status: user.status || "active",
|
||||
joinDate: formatDate(user.join_date),
|
||||
lastLogin: formatDate(user.updated_at),
|
||||
totalApps: user.total_apps || 0,
|
||||
totalReviews: user.total_reviews || 0,
|
||||
totalLikes: user.total_likes || 0,
|
||||
createdAt: formatDate(user.created_at),
|
||||
updatedAt: formatDate(user.updated_at)
|
||||
})),
|
||||
pagination: { page, limit, total, totalPages, hasNext, hasPrev }
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Error fetching users:', error);
|
||||
return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
|
||||
}
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
import { verifyToken } from '@/lib/auth';
|
||||
import { db } from '@/lib/database';
|
||||
|
||||
export async function GET(request: NextRequest) {
|
||||
try {
|
||||
// 驗證管理員權限
|
||||
const token = request.headers.get('authorization')?.replace('Bearer ', '')
|
||||
if (!token) {
|
||||
return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
|
||||
}
|
||||
|
||||
const decoded = verifyToken(token)
|
||||
if (!decoded || decoded.role !== 'admin') {
|
||||
return NextResponse.json({ error: 'Admin access required' }, { status: 403 })
|
||||
}
|
||||
|
||||
// 優化：使用單一查詢獲取所有統計數據，減少資料庫查詢次數
|
||||
const stats = await db.queryOne(`
|
||||
SELECT
|
||||
COUNT(*) as total,
|
||||
COUNT(CASE WHEN role = 'admin' THEN 1 END) as admin,
|
||||
COUNT(CASE WHEN role = 'developer' THEN 1 END) as developer,
|
||||
COUNT(CASE WHEN role = 'user' THEN 1 END) as user,
|
||||
COUNT(CASE WHEN DATE(created_at) = CURDATE() THEN 1 END) as today
|
||||
FROM users
|
||||
`);
|
||||
|
||||
// 優化：並行查詢應用和評價統計
|
||||
const [appsResult, reviewsResult] = await Promise.all([
|
||||
db.queryOne('SELECT COUNT(*) as count FROM apps'),
|
||||
db.queryOne('SELECT COUNT(*) as count FROM judge_scores')
|
||||
]);
|
||||
|
||||
return NextResponse.json({
|
||||
total: stats?.total || 0,
|
||||
admin: stats?.admin || 0,
|
||||
developer: stats?.developer || 0,
|
||||
user: stats?.user || 0,
|
||||
today: stats?.today || 0,
|
||||
totalApps: appsResult?.count || 0,
|
||||
totalReviews: reviewsResult?.count || 0
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Error fetching user stats:', error);
|
||||
return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
|
||||
}
|
||||
}
|
||||
@@ -3,25 +3,95 @@ import { useCompetition } from "@/contexts/competition-context"
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
||||
import { Badge } from "@/components/ui/badge"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { Users, Bot, Trophy, TrendingUp, Eye, Heart, MessageSquare, Award, Activity } from "lucide-react"
|
||||
import { Users, Bot, Trophy, TrendingUp, Eye, Heart, MessageSquare, Award, Activity, Loader2 } from "lucide-react"
|
||||
import { useState, useEffect } from "react"
|
||||
|
||||
// Dashboard data - empty for production
|
||||
const mockStats = {
|
||||
totalUsers: 0,
|
||||
activeUsers: 0,
|
||||
totalApps: 0,
|
||||
totalCompetitions: 0,
|
||||
totalReviews: 0,
|
||||
totalViews: 0,
|
||||
totalLikes: 0,
|
||||
interface DashboardStats {
|
||||
totalUsers: number
|
||||
activeUsers: number
|
||||
totalApps: number
|
||||
totalCompetitions: number
|
||||
totalReviews: number
|
||||
totalViews: number
|
||||
totalLikes: number
|
||||
newAppsThisMonth: number
|
||||
activeCompetitions: number
|
||||
growthRate: number
|
||||
}
|
||||
|
||||
const recentActivities: any[] = []
|
||||
interface RecentActivity {
|
||||
id: string
|
||||
type: string
|
||||
message: string
|
||||
time: string
|
||||
icon: string
|
||||
color: string
|
||||
}
|
||||
|
||||
const topApps: any[] = []
|
||||
interface TopApp {
|
||||
id: string
|
||||
name: string
|
||||
description: string
|
||||
views: number
|
||||
likes: number
|
||||
rating: number
|
||||
category: string
|
||||
created_at: string
|
||||
}
|
||||
|
||||
export function AdminDashboard() {
|
||||
const { competitions } = useCompetition()
|
||||
const [stats, setStats] = useState<DashboardStats>({
|
||||
totalUsers: 0,
|
||||
activeUsers: 0,
|
||||
totalApps: 0,
|
||||
totalCompetitions: 0,
|
||||
totalReviews: 0,
|
||||
totalViews: 0,
|
||||
totalLikes: 0,
|
||||
newAppsThisMonth: 0,
|
||||
activeCompetitions: 0,
|
||||
growthRate: 0
|
||||
})
|
||||
const [recentActivities, setRecentActivities] = useState<RecentActivity[]>([])
|
||||
const [topApps, setTopApps] = useState<TopApp[]>([])
|
||||
const [isLoading, setIsLoading] = useState(true)
|
||||
|
||||
useEffect(() => {
|
||||
loadDashboardData()
|
||||
}, [])
|
||||
|
||||
const loadDashboardData = async () => {
|
||||
try {
|
||||
setIsLoading(true)
|
||||
const response = await fetch('/api/admin/dashboard')
|
||||
const data = await response.json()
|
||||
|
||||
if (data.success) {
|
||||
setStats(data.data.stats)
|
||||
setRecentActivities(data.data.recentActivities)
|
||||
setTopApps(data.data.topApps)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('載入儀表板數據錯誤:', error)
|
||||
} finally {
|
||||
setIsLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
const getActivityIcon = (iconName: string) => {
|
||||
const iconMap: { [key: string]: any } = {
|
||||
'Users': Users,
|
||||
'Bot': Bot,
|
||||
'Trophy': Trophy,
|
||||
'Activity': Activity,
|
||||
'Eye': Eye,
|
||||
'Heart': Heart,
|
||||
'MessageSquare': MessageSquare,
|
||||
'Award': Award
|
||||
}
|
||||
return iconMap[iconName] || Activity
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
@@ -39,8 +109,17 @@ export function AdminDashboard() {
|
||||
<Users className="h-4 w-4 text-blue-600" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold">{mockStats.totalUsers}</div>
|
||||
<p className="text-xs text-muted-foreground">活躍用戶 {mockStats.activeUsers} 人</p>
|
||||
{isLoading ? (
|
||||
<div className="flex items-center space-x-2">
|
||||
<Loader2 className="h-4 w-4 animate-spin" />
|
||||
<span className="text-sm">載入中...</span>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<div className="text-2xl font-bold">{stats.totalUsers}</div>
|
||||
<p className="text-xs text-muted-foreground">活躍用戶 {stats.activeUsers} 人</p>
|
||||
</>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
@@ -50,8 +129,17 @@ export function AdminDashboard() {
|
||||
<Bot className="h-4 w-4 text-green-600" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold">{mockStats.totalApps}</div>
|
||||
<p className="text-xs text-muted-foreground">本月新增 2 個應用</p>
|
||||
{isLoading ? (
|
||||
<div className="flex items-center space-x-2">
|
||||
<Loader2 className="h-4 w-4 animate-spin" />
|
||||
<span className="text-sm">載入中...</span>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<div className="text-2xl font-bold">{stats.totalApps}</div>
|
||||
<p className="text-xs text-muted-foreground">本月新增 {stats.newAppsThisMonth} 個應用</p>
|
||||
</>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
@@ -61,8 +149,17 @@ export function AdminDashboard() {
|
||||
<Trophy className="h-4 w-4 text-purple-600" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold">{competitions.length}</div>
|
||||
<p className="text-xs text-muted-foreground">1 個進行中</p>
|
||||
{isLoading ? (
|
||||
<div className="flex items-center space-x-2">
|
||||
<Loader2 className="h-4 w-4 animate-spin" />
|
||||
<span className="text-sm">載入中...</span>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<div className="text-2xl font-bold">{stats.totalCompetitions}</div>
|
||||
<p className="text-xs text-muted-foreground">{stats.activeCompetitions} 個進行中</p>
|
||||
</>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
@@ -72,8 +169,19 @@ export function AdminDashboard() {
|
||||
<TrendingUp className="h-4 w-4 text-orange-600" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold">{mockStats.totalViews.toLocaleString()}</div>
|
||||
<p className="text-xs text-muted-foreground">比上月增長 12%</p>
|
||||
{isLoading ? (
|
||||
<div className="flex items-center space-x-2">
|
||||
<Loader2 className="h-4 w-4 animate-spin" />
|
||||
<span className="text-sm">載入中...</span>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<div className="text-2xl font-bold">{stats.totalViews.toLocaleString()}</div>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
{stats.growthRate > 0 ? `比上月增長 ${stats.growthRate}%` : '與上月持平'}
|
||||
</p>
|
||||
</>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
@@ -89,22 +197,34 @@ export function AdminDashboard() {
|
||||
<CardDescription>系統最新動態</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="space-y-4">
|
||||
{recentActivities.map((activity) => {
|
||||
const IconComponent = activity.icon
|
||||
return (
|
||||
<div key={activity.id} className="flex items-center space-x-3">
|
||||
<div className={`p-2 rounded-full bg-gray-100 ${activity.color}`}>
|
||||
<IconComponent className="w-4 h-4" />
|
||||
{isLoading ? (
|
||||
<div className="flex items-center justify-center py-8">
|
||||
<Loader2 className="h-6 w-6 animate-spin" />
|
||||
<span className="ml-2">載入中...</span>
|
||||
</div>
|
||||
) : recentActivities.length > 0 ? (
|
||||
<div className="space-y-4">
|
||||
{recentActivities.map((activity) => {
|
||||
const IconComponent = getActivityIcon(activity.icon)
|
||||
return (
|
||||
<div key={activity.id} className="flex items-center space-x-3">
|
||||
<div className={`p-2 rounded-full bg-gray-100 ${activity.color}`}>
|
||||
<IconComponent className="w-4 h-4" />
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<p className="text-sm font-medium">{activity.message}</p>
|
||||
<p className="text-xs text-gray-500">{activity.time}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<p className="text-sm font-medium">{activity.message}</p>
|
||||
<p className="text-xs text-gray-500">{activity.time}</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-center py-8 text-gray-500">
|
||||
<Activity className="w-8 h-8 mx-auto mb-2 opacity-50" />
|
||||
<p>暫無最新活動</p>
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
@@ -118,26 +238,42 @@ export function AdminDashboard() {
|
||||
<CardDescription>表現最佳的 AI 應用</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="space-y-4">
|
||||
{topApps.map((app, index) => (
|
||||
<div key={index} className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="font-medium">{app.name}</p>
|
||||
<div className="flex items-center space-x-4 text-sm text-gray-500">
|
||||
<div className="flex items-center space-x-1">
|
||||
<Eye className="w-3 h-3" />
|
||||
<span>{app.views}</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-1">
|
||||
<Heart className="w-3 h-3" />
|
||||
<span>{app.likes}</span>
|
||||
{isLoading ? (
|
||||
<div className="flex items-center justify-center py-8">
|
||||
<Loader2 className="h-6 w-6 animate-spin" />
|
||||
<span className="ml-2">載入中...</span>
|
||||
</div>
|
||||
) : topApps.length > 0 ? (
|
||||
<div className="space-y-4">
|
||||
{topApps.map((app, index) => (
|
||||
<div key={app.id} className="flex items-center justify-between">
|
||||
<div className="flex-1">
|
||||
<p className="font-medium">{app.name}</p>
|
||||
<p className="text-xs text-gray-500 mb-1">{app.description}</p>
|
||||
<div className="flex items-center space-x-4 text-sm text-gray-500">
|
||||
<div className="flex items-center space-x-1">
|
||||
<Eye className="w-3 h-3" />
|
||||
<span>{app.views}</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-1">
|
||||
<Heart className="w-3 h-3" />
|
||||
<span>{app.likes}</span>
|
||||
</div>
|
||||
<div className="text-xs text-gray-400">
|
||||
{app.category}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Badge variant="secondary">{app.rating} ⭐</Badge>
|
||||
</div>
|
||||
<Badge variant="secondary">{app.rating} ⭐</Badge>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-center py-8 text-gray-500">
|
||||
<Award className="w-8 h-8 mx-auto mb-2 opacity-50" />
|
||||
<p>暫無應用數據</p>
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
@@ -1,513 +0,0 @@
|
||||
-- AI展示平台資料庫建立腳本
|
||||
-- 資料庫: db_AI_Platform
|
||||
-- 主機: mysql.theaken.com:33306
|
||||
-- 用戶: AI_Platform
|
||||
|
||||
-- 使用資料庫
|
||||
USE db_AI_Platform;
|
||||
|
||||
-- 1. 用戶表 (users)
|
||||
CREATE TABLE users (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
name VARCHAR(100) NOT NULL,
|
||||
email VARCHAR(255) UNIQUE NOT NULL,
|
||||
password_hash VARCHAR(255) NOT NULL,
|
||||
avatar VARCHAR(500),
|
||||
department VARCHAR(100) NOT NULL,
|
||||
role ENUM('user', 'developer', 'admin') DEFAULT 'user',
|
||||
join_date DATE NOT NULL,
|
||||
total_likes INT DEFAULT 0,
|
||||
total_views INT DEFAULT 0,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
INDEX idx_email (email),
|
||||
INDEX idx_department (department),
|
||||
INDEX idx_role (role)
|
||||
);
|
||||
|
||||
-- 2. 競賽表 (competitions)
|
||||
CREATE TABLE competitions (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
name VARCHAR(200) NOT NULL,
|
||||
year INT NOT NULL,
|
||||
month INT NOT NULL,
|
||||
start_date DATE NOT NULL,
|
||||
end_date DATE NOT NULL,
|
||||
status ENUM('upcoming', 'active', 'judging', 'completed') DEFAULT 'upcoming',
|
||||
description TEXT,
|
||||
type ENUM('individual', 'team', 'mixed', 'proposal') NOT NULL,
|
||||
evaluation_focus TEXT,
|
||||
max_team_size INT,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
INDEX idx_status (status),
|
||||
INDEX idx_type (type),
|
||||
INDEX idx_year_month (year, month),
|
||||
INDEX idx_dates (start_date, end_date)
|
||||
);
|
||||
|
||||
-- 3. 評審表 (judges)
|
||||
CREATE TABLE judges (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
name VARCHAR(100) NOT NULL,
|
||||
title VARCHAR(100) NOT NULL,
|
||||
department VARCHAR(100) NOT NULL,
|
||||
expertise JSON,
|
||||
avatar VARCHAR(500),
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
INDEX idx_department (department)
|
||||
);
|
||||
|
||||
-- 4. 團隊表 (teams)
|
||||
CREATE TABLE teams (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
name VARCHAR(200) NOT NULL,
|
||||
leader_id VARCHAR(36) NOT NULL,
|
||||
department VARCHAR(100) NOT NULL,
|
||||
contact_email VARCHAR(255) NOT NULL,
|
||||
total_likes INT DEFAULT 0,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (leader_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
INDEX idx_department (department),
|
||||
INDEX idx_leader (leader_id)
|
||||
);
|
||||
|
||||
-- 5. 團隊成員表 (team_members)
|
||||
CREATE TABLE team_members (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
team_id VARCHAR(36) NOT NULL,
|
||||
user_id VARCHAR(36) NOT NULL,
|
||||
role VARCHAR(50) NOT NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (team_id) REFERENCES teams(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
UNIQUE KEY unique_team_user (team_id, user_id),
|
||||
INDEX idx_team (team_id),
|
||||
INDEX idx_user (user_id)
|
||||
);
|
||||
|
||||
-- 6. 應用表 (apps)
|
||||
CREATE TABLE apps (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
name VARCHAR(200) NOT NULL,
|
||||
description TEXT,
|
||||
creator_id VARCHAR(36) NOT NULL,
|
||||
team_id VARCHAR(36),
|
||||
likes_count INT DEFAULT 0,
|
||||
views_count INT DEFAULT 0,
|
||||
rating DECIMAL(3,2) DEFAULT 0,
|
||||
icon VARCHAR(50) DEFAULT 'Bot',
|
||||
icon_color VARCHAR(100) DEFAULT 'from-blue-500 to-purple-500',
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (creator_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (team_id) REFERENCES teams(id) ON DELETE SET NULL,
|
||||
INDEX idx_creator (creator_id),
|
||||
INDEX idx_team (team_id),
|
||||
INDEX idx_rating (rating),
|
||||
INDEX idx_likes (likes_count)
|
||||
);
|
||||
|
||||
-- 7. 提案表 (proposals) - 新增
|
||||
CREATE TABLE proposals (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
title VARCHAR(200) NOT NULL,
|
||||
description TEXT,
|
||||
creator_id VARCHAR(36) NOT NULL,
|
||||
team_id VARCHAR(36),
|
||||
status ENUM('draft', 'submitted', 'under_review', 'approved', 'rejected') DEFAULT 'draft',
|
||||
likes_count INT DEFAULT 0,
|
||||
views_count INT DEFAULT 0,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (creator_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (team_id) REFERENCES teams(id) ON DELETE SET NULL,
|
||||
INDEX idx_creator (creator_id),
|
||||
INDEX idx_status (status)
|
||||
);
|
||||
|
||||
-- 8. 評分表 (judge_scores)
|
||||
CREATE TABLE judge_scores (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
judge_id VARCHAR(36) NOT NULL,
|
||||
app_id VARCHAR(36),
|
||||
proposal_id VARCHAR(36),
|
||||
scores JSON NOT NULL,
|
||||
comments TEXT,
|
||||
submitted_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (judge_id) REFERENCES judges(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (app_id) REFERENCES apps(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (proposal_id) REFERENCES proposals(id) ON DELETE CASCADE,
|
||||
UNIQUE KEY unique_judge_app (judge_id, app_id),
|
||||
UNIQUE KEY unique_judge_proposal (judge_id, proposal_id),
|
||||
INDEX idx_judge (judge_id),
|
||||
INDEX idx_app (app_id),
|
||||
INDEX idx_proposal (proposal_id)
|
||||
);
|
||||
|
||||
-- 9. 獎項表 (awards)
|
||||
CREATE TABLE awards (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
competition_id VARCHAR(36) NOT NULL,
|
||||
app_id VARCHAR(36),
|
||||
team_id VARCHAR(36),
|
||||
proposal_id VARCHAR(36),
|
||||
award_type ENUM('gold', 'silver', 'bronze', 'popular', 'innovation', 'technical', 'custom') NOT NULL,
|
||||
award_name VARCHAR(200) NOT NULL,
|
||||
score DECIMAL(5,2) NOT NULL,
|
||||
year INT NOT NULL,
|
||||
month INT NOT NULL,
|
||||
icon VARCHAR(50),
|
||||
custom_award_type_id VARCHAR(36),
|
||||
competition_type ENUM('individual', 'team', 'proposal') NOT NULL,
|
||||
rank INT DEFAULT 0,
|
||||
category ENUM('innovation', 'technical', 'practical', 'popular', 'teamwork', 'solution', 'creativity') NOT NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (competition_id) REFERENCES competitions(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (app_id) REFERENCES apps(id) ON DELETE SET NULL,
|
||||
FOREIGN KEY (team_id) REFERENCES teams(id) ON DELETE SET NULL,
|
||||
FOREIGN KEY (proposal_id) REFERENCES proposals(id) ON DELETE SET NULL,
|
||||
INDEX idx_competition (competition_id),
|
||||
INDEX idx_award_type (award_type),
|
||||
INDEX idx_year_month (year, month),
|
||||
INDEX idx_category (category)
|
||||
);
|
||||
|
||||
-- 10. 聊天會話表 (chat_sessions)
|
||||
CREATE TABLE chat_sessions (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
user_id VARCHAR(36) NOT NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
INDEX idx_user (user_id),
|
||||
INDEX idx_created (created_at)
|
||||
);
|
||||
|
||||
-- 11. 聊天訊息表 (chat_messages)
|
||||
CREATE TABLE chat_messages (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
session_id VARCHAR(36) NOT NULL,
|
||||
text TEXT NOT NULL,
|
||||
sender ENUM('user', 'bot') NOT NULL,
|
||||
quick_questions JSON,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (session_id) REFERENCES chat_sessions(id) ON DELETE CASCADE,
|
||||
INDEX idx_session (session_id),
|
||||
INDEX idx_created (created_at)
|
||||
);
|
||||
|
||||
-- 12. AI助手配置表 (ai_assistant_configs)
|
||||
CREATE TABLE ai_assistant_configs (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
api_key VARCHAR(255) NOT NULL,
|
||||
api_url VARCHAR(500) NOT NULL,
|
||||
model VARCHAR(100) NOT NULL,
|
||||
max_tokens INT DEFAULT 200,
|
||||
temperature DECIMAL(3,2) DEFAULT 0.7,
|
||||
system_prompt TEXT NOT NULL,
|
||||
is_active BOOLEAN DEFAULT TRUE,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
INDEX idx_active (is_active)
|
||||
);
|
||||
|
||||
-- 13. 用戶收藏表 (user_favorites) - 新增
|
||||
CREATE TABLE user_favorites (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
user_id VARCHAR(36) NOT NULL,
|
||||
app_id VARCHAR(36),
|
||||
proposal_id VARCHAR(36),
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (app_id) REFERENCES apps(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (proposal_id) REFERENCES proposals(id) ON DELETE CASCADE,
|
||||
UNIQUE KEY unique_user_app (user_id, app_id),
|
||||
UNIQUE KEY unique_user_proposal (user_id, proposal_id),
|
||||
INDEX idx_user (user_id)
|
||||
);
|
||||
|
||||
-- 14. 用戶按讚表 (user_likes) - 新增
|
||||
CREATE TABLE user_likes (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
user_id VARCHAR(36) NOT NULL,
|
||||
app_id VARCHAR(36),
|
||||
proposal_id VARCHAR(36),
|
||||
liked_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (app_id) REFERENCES apps(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (proposal_id) REFERENCES proposals(id) ON DELETE CASCADE,
|
||||
UNIQUE KEY unique_user_app_date (user_id, app_id, DATE(liked_at)),
|
||||
UNIQUE KEY unique_user_proposal_date (user_id, proposal_id, DATE(liked_at)),
|
||||
INDEX idx_user (user_id),
|
||||
INDEX idx_app (app_id),
|
||||
INDEX idx_proposal (proposal_id),
|
||||
INDEX idx_date (liked_at)
|
||||
);
|
||||
|
||||
-- 15. 競賽參與表 (competition_participants) - 新增
|
||||
CREATE TABLE competition_participants (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
competition_id VARCHAR(36) NOT NULL,
|
||||
user_id VARCHAR(36),
|
||||
team_id VARCHAR(36),
|
||||
app_id VARCHAR(36),
|
||||
proposal_id VARCHAR(36),
|
||||
status ENUM('registered', 'submitted', 'approved', 'rejected') DEFAULT 'registered',
|
||||
registered_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (competition_id) REFERENCES competitions(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (team_id) REFERENCES teams(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (app_id) REFERENCES apps(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (proposal_id) REFERENCES proposals(id) ON DELETE CASCADE,
|
||||
INDEX idx_competition (competition_id),
|
||||
INDEX idx_user (user_id),
|
||||
INDEX idx_team (team_id),
|
||||
INDEX idx_status (status)
|
||||
);
|
||||
|
||||
-- 16. 競賽評審分配表 (competition_judges) - 新增
|
||||
CREATE TABLE competition_judges (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
competition_id VARCHAR(36) NOT NULL,
|
||||
judge_id VARCHAR(36) NOT NULL,
|
||||
assigned_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (competition_id) REFERENCES competitions(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (judge_id) REFERENCES judges(id) ON DELETE CASCADE,
|
||||
UNIQUE KEY unique_competition_judge (competition_id, judge_id),
|
||||
INDEX idx_competition (competition_id),
|
||||
INDEX idx_judge (judge_id)
|
||||
);
|
||||
|
||||
-- 17. 系統設定表 (system_settings) - 新增
|
||||
CREATE TABLE system_settings (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
setting_key VARCHAR(100) UNIQUE NOT NULL,
|
||||
setting_value TEXT,
|
||||
description TEXT,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
INDEX idx_key (setting_key)
|
||||
);
|
||||
|
||||
-- 18. 活動日誌表 (activity_logs) - 新增
|
||||
CREATE TABLE activity_logs (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
user_id VARCHAR(36),
|
||||
action VARCHAR(100) NOT NULL,
|
||||
target_type ENUM('user', 'competition', 'app', 'proposal', 'team', 'award') NOT NULL,
|
||||
target_id VARCHAR(36),
|
||||
details JSON,
|
||||
ip_address VARCHAR(45),
|
||||
user_agent TEXT,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE SET NULL,
|
||||
INDEX idx_user (user_id),
|
||||
INDEX idx_action (action),
|
||||
INDEX idx_target (target_type, target_id),
|
||||
INDEX idx_created (created_at)
|
||||
);
|
||||
|
||||
-- 插入初始數據
|
||||
|
||||
-- 1. 插入預設管理員用戶 (密碼: admin123)
|
||||
INSERT INTO users (id, name, email, password_hash, department, role, join_date) VALUES
|
||||
('admin-001', '系統管理員', 'admin@theaken.com', '$2b$10$rQZ8K9mN2pL1vX3yU7wE4tA6sB8cD1eF2gH3iJ4kL5mN6oP7qR8sT9uV0wX1yZ2a', '資訊部', 'admin', '2025-01-01');
|
||||
|
||||
-- 2. 插入預設評審
|
||||
INSERT INTO judges (id, name, title, department, expertise) VALUES
|
||||
('judge-001', '張教授', '資深技術顧問', '研發部', '["AI", "機器學習", "深度學習"]'),
|
||||
('judge-002', '李經理', '產品經理', '產品部', '["產品設計", "用戶體驗", "市場分析"]'),
|
||||
('judge-003', '王工程師', '資深工程師', '技術部', '["軟體開發", "系統架構", "雲端技術"]');
|
||||
|
||||
-- 3. 插入預設競賽
|
||||
INSERT INTO competitions (id, name, year, month, start_date, end_date, status, description, type, evaluation_focus, max_team_size) VALUES
|
||||
('comp-2025-01', '2025年AI創新競賽', 2025, 1, '2025-01-15', '2025-03-15', 'upcoming', '年度AI技術創新競賽，鼓勵員工開發創新AI應用', 'mixed', '創新性、技術實現、實用價值', 5),
|
||||
('comp-2025-02', '2025年提案競賽', 2025, 2, '2025-02-01', '2025-04-01', 'upcoming', 'AI解決方案提案競賽', 'proposal', '解決方案可行性、創新程度、商業價值', NULL);
|
||||
|
||||
-- 4. 插入AI助手配置
|
||||
INSERT INTO ai_assistant_configs (id, api_key, api_url, model, max_tokens, temperature, system_prompt, is_active) VALUES
|
||||
('ai-config-001', 'your_deepseek_api_key_here', 'https://api.deepseek.com/v1/chat/completions', 'deepseek-chat', 200, 0.7, '你是一個AI展示平台的智能助手，專門協助用戶使用平台功能。請用友善、專業的態度回答問題。', TRUE);
|
||||
|
||||
-- 5. 插入系統設定
|
||||
INSERT INTO system_settings (setting_key, setting_value, description) VALUES
|
||||
('daily_like_limit', '5', '用戶每日按讚限制'),
|
||||
('max_team_size', '5', '最大團隊人數'),
|
||||
('competition_registration_deadline', '7', '競賽報名截止天數'),
|
||||
('judge_score_weight_innovation', '25', '創新性評分權重'),
|
||||
('judge_score_weight_technical', '25', '技術性評分權重'),
|
||||
('judge_score_weight_usability', '20', '實用性評分權重'),
|
||||
('judge_score_weight_presentation', '15', '展示效果評分權重'),
|
||||
('judge_score_weight_impact', '15', '影響力評分權重');
|
||||
|
||||
-- 建立視圖 (Views)
|
||||
|
||||
-- 1. 用戶統計視圖
|
||||
CREATE VIEW user_statistics AS
|
||||
SELECT
|
||||
u.id,
|
||||
u.name,
|
||||
u.email,
|
||||
u.department,
|
||||
u.role,
|
||||
COUNT(DISTINCT a.id) as total_apps,
|
||||
COUNT(DISTINCT t.id) as total_teams,
|
||||
COUNT(DISTINCT f.app_id) as total_favorites,
|
||||
COUNT(DISTINCT l.app_id) as total_likes,
|
||||
u.total_views
|
||||
FROM users u
|
||||
LEFT JOIN apps a ON u.id = a.creator_id
|
||||
LEFT JOIN team_members tm ON u.id = tm.user_id
|
||||
LEFT JOIN teams t ON tm.team_id = t.id
|
||||
LEFT JOIN user_favorites f ON u.id = f.user_id
|
||||
LEFT JOIN user_likes l ON u.id = l.user_id
|
||||
GROUP BY u.id;
|
||||
|
||||
-- 2. 競賽統計視圖
|
||||
CREATE VIEW competition_statistics AS
|
||||
SELECT
|
||||
c.id,
|
||||
c.name,
|
||||
c.year,
|
||||
c.month,
|
||||
c.status,
|
||||
c.type,
|
||||
COUNT(DISTINCT cp.user_id) as participant_count,
|
||||
COUNT(DISTINCT cp.team_id) as team_count,
|
||||
COUNT(DISTINCT cp.app_id) as app_count,
|
||||
COUNT(DISTINCT cp.proposal_id) as proposal_count,
|
||||
COUNT(DISTINCT cj.judge_id) as judge_count
|
||||
FROM competitions c
|
||||
LEFT JOIN competition_participants cp ON c.id = cp.competition_id
|
||||
LEFT JOIN competition_judges cj ON c.id = cj.competition_id
|
||||
GROUP BY c.id;
|
||||
|
||||
-- 3. 應用排行榜視圖
|
||||
CREATE VIEW app_rankings AS
|
||||
SELECT
|
||||
a.id,
|
||||
a.name,
|
||||
a.description,
|
||||
u.name as creator_name,
|
||||
t.name as team_name,
|
||||
a.likes_count,
|
||||
a.views_count,
|
||||
a.rating,
|
||||
ROW_NUMBER() OVER (ORDER BY a.likes_count DESC) as popularity_rank,
|
||||
ROW_NUMBER() OVER (ORDER BY a.rating DESC) as rating_rank,
|
||||
a.created_at
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
LEFT JOIN teams t ON a.team_id = t.id;
|
||||
|
||||
-- 建立觸發器 (Triggers)
|
||||
|
||||
-- 1. 更新用戶總按讚數
|
||||
DELIMITER //
|
||||
CREATE TRIGGER update_user_total_likes
|
||||
AFTER INSERT ON user_likes
|
||||
FOR EACH ROW
|
||||
BEGIN
|
||||
UPDATE users
|
||||
SET total_likes = total_likes + 1
|
||||
WHERE id = NEW.user_id;
|
||||
END//
|
||||
|
||||
CREATE TRIGGER update_app_likes_count
|
||||
AFTER INSERT ON user_likes
|
||||
FOR EACH ROW
|
||||
BEGIN
|
||||
IF NEW.app_id IS NOT NULL THEN
|
||||
UPDATE apps
|
||||
SET likes_count = likes_count + 1
|
||||
WHERE id = NEW.app_id;
|
||||
END IF;
|
||||
END//
|
||||
DELIMITER ;
|
||||
|
||||
-- 2. 更新用戶總瀏覽數
|
||||
DELIMITER //
|
||||
CREATE TRIGGER update_user_total_views
|
||||
AFTER UPDATE ON apps
|
||||
FOR EACH ROW
|
||||
BEGIN
|
||||
IF NEW.views_count != OLD.views_count THEN
|
||||
UPDATE users
|
||||
SET total_views = total_views + (NEW.views_count - OLD.views_count)
|
||||
WHERE id = NEW.creator_id;
|
||||
END IF;
|
||||
END//
|
||||
DELIMITER ;
|
||||
|
||||
-- 建立存儲過程 (Stored Procedures)
|
||||
|
||||
-- 1. 獲取用戶權限
|
||||
DELIMITER //
|
||||
CREATE PROCEDURE GetUserPermissions(IN user_email VARCHAR(255))
|
||||
BEGIN
|
||||
SELECT
|
||||
id,
|
||||
name,
|
||||
email,
|
||||
role,
|
||||
department,
|
||||
CASE
|
||||
WHEN role = 'admin' THEN TRUE
|
||||
ELSE FALSE
|
||||
END as is_admin,
|
||||
CASE
|
||||
WHEN role IN ('developer', 'admin') THEN TRUE
|
||||
ELSE FALSE
|
||||
END as can_submit_app
|
||||
FROM users
|
||||
WHERE email = user_email;
|
||||
END//
|
||||
DELIMITER ;
|
||||
|
||||
-- 2. 獲取競賽統計
|
||||
DELIMITER //
|
||||
CREATE PROCEDURE GetCompetitionStats(IN comp_id VARCHAR(36))
|
||||
BEGIN
|
||||
SELECT
|
||||
c.name,
|
||||
c.status,
|
||||
c.type,
|
||||
COUNT(DISTINCT cp.user_id) as participant_count,
|
||||
COUNT(DISTINCT cp.team_id) as team_count,
|
||||
COUNT(DISTINCT cp.app_id) as app_count,
|
||||
COUNT(DISTINCT cp.proposal_id) as proposal_count,
|
||||
COUNT(DISTINCT cj.judge_id) as judge_count
|
||||
FROM competitions c
|
||||
LEFT JOIN competition_participants cp ON c.id = cp.competition_id
|
||||
LEFT JOIN competition_judges cj ON c.id = cj.competition_id
|
||||
WHERE c.id = comp_id
|
||||
GROUP BY c.id;
|
||||
END//
|
||||
DELIMITER ;
|
||||
|
||||
-- 3. 計算獎項排名
|
||||
DELIMITER //
|
||||
CREATE PROCEDURE CalculateAwardRankings(IN comp_id VARCHAR(36))
|
||||
BEGIN
|
||||
SELECT
|
||||
a.id,
|
||||
a.award_name,
|
||||
a.score,
|
||||
a.rank,
|
||||
a.category,
|
||||
CASE
|
||||
WHEN a.app_id IS NOT NULL THEN (SELECT name FROM apps WHERE id = a.app_id)
|
||||
WHEN a.team_id IS NOT NULL THEN (SELECT name FROM teams WHERE id = a.team_id)
|
||||
WHEN a.proposal_id IS NOT NULL THEN (SELECT title FROM proposals WHERE id = a.proposal_id)
|
||||
END as winner_name
|
||||
FROM awards a
|
||||
WHERE a.competition_id = comp_id
|
||||
ORDER BY a.rank ASC, a.score DESC;
|
||||
END//
|
||||
DELIMITER ;
|
||||
|
||||
-- 顯示建立結果
|
||||
SELECT 'Database setup completed successfully!' as status;
|
||||
SELECT COUNT(*) as total_tables FROM information_schema.tables WHERE table_schema = 'db_AI_Platform';
|
||||
216
lib/auth.ts
216
lib/auth.ts
@@ -1,216 +0,0 @@
|
||||
import jwt from 'jsonwebtoken';
|
||||
import { NextRequest } from 'next/server';
|
||||
import { db } from './database';
|
||||
import bcrypt from 'bcrypt';
|
||||
|
||||
// JWT 配置
|
||||
const JWT_SECRET = process.env.JWT_SECRET || 'good777';
|
||||
const JWT_EXPIRES_IN = process.env.JWT_EXPIRES_IN || '7d';
|
||||
|
||||
// 用戶角色類型
|
||||
export type UserRole = 'user' | 'developer' | 'admin';
|
||||
|
||||
// 用戶介面
|
||||
export interface User {
|
||||
id: string;
|
||||
name: string;
|
||||
email: string;
|
||||
avatar?: string;
|
||||
department: string;
|
||||
role: UserRole;
|
||||
joinDate: string;
|
||||
totalLikes: number;
|
||||
totalViews: number;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
}
|
||||
|
||||
// JWT Payload 介面
|
||||
export interface JWTPayload {
|
||||
userId: string;
|
||||
email: string;
|
||||
role: UserRole;
|
||||
iat: number;
|
||||
exp: number;
|
||||
}
|
||||
|
||||
// 生成 JWT Token
|
||||
export function generateToken(user: { id: string; email: string; role: UserRole }): string {
|
||||
const payload: Omit<JWTPayload, 'iat' | 'exp'> = {
|
||||
userId: user.id,
|
||||
email: user.email,
|
||||
role: user.role
|
||||
};
|
||||
|
||||
return jwt.sign(payload, JWT_SECRET, {
|
||||
expiresIn: JWT_EXPIRES_IN
|
||||
});
|
||||
}
|
||||
|
||||
// 驗證 JWT Token
|
||||
export function verifyToken(token: string): JWTPayload | null {
|
||||
try {
|
||||
return jwt.verify(token, JWT_SECRET) as JWTPayload;
|
||||
} catch (error) {
|
||||
console.error('Token verification failed:', error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// 從請求中提取 Token
|
||||
export function extractToken(request: NextRequest): string | null {
|
||||
const authHeader = request.headers.get('authorization');
|
||||
if (!authHeader || !authHeader.startsWith('Bearer ')) {
|
||||
return null;
|
||||
}
|
||||
return authHeader.substring(7);
|
||||
}
|
||||
|
||||
// 驗證用戶權限
|
||||
export function hasPermission(userRole: UserRole, requiredRole: UserRole): boolean {
|
||||
const roleHierarchy = {
|
||||
user: 1,
|
||||
developer: 2,
|
||||
admin: 3
|
||||
};
|
||||
|
||||
return roleHierarchy[userRole] >= roleHierarchy[requiredRole];
|
||||
}
|
||||
|
||||
// 用戶認證中間件
|
||||
export async function authenticateUser(request: NextRequest): Promise<User | null> {
|
||||
try {
|
||||
const token = extractToken(request);
|
||||
if (!token) {
|
||||
console.log('No token found in request');
|
||||
return null;
|
||||
}
|
||||
|
||||
const payload = verifyToken(token);
|
||||
if (!payload) {
|
||||
console.log('Token verification failed');
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log('Token payload:', payload);
|
||||
|
||||
// 從資料庫獲取最新用戶資料
|
||||
const users = await db.query<User>(
|
||||
'SELECT * FROM users WHERE id = ? AND email = ?',
|
||||
[payload.userId, payload.email]
|
||||
);
|
||||
|
||||
const user = users.length > 0 ? users[0] : null;
|
||||
console.log('Database query result:', user);
|
||||
|
||||
return user;
|
||||
} catch (error) {
|
||||
console.error('Authentication error:', error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// 檢查管理員權限
|
||||
export async function requireAdmin(request: NextRequest): Promise<User> {
|
||||
const user = await authenticateUser(request);
|
||||
|
||||
if (!user) {
|
||||
throw new Error('Authentication required');
|
||||
}
|
||||
|
||||
if (user.role !== 'admin') {
|
||||
throw new Error('Admin permission required');
|
||||
}
|
||||
|
||||
return user;
|
||||
}
|
||||
|
||||
// 檢查開發者或管理員權限
|
||||
export async function requireDeveloperOrAdmin(request: NextRequest): Promise<User> {
|
||||
const user = await authenticateUser(request);
|
||||
|
||||
if (!user) {
|
||||
throw new Error('Authentication required');
|
||||
}
|
||||
|
||||
if (user.role !== 'developer' && user.role !== 'admin') {
|
||||
throw new Error('Developer or admin permission required');
|
||||
}
|
||||
|
||||
return user;
|
||||
}
|
||||
|
||||
// 密碼驗證
|
||||
export async function validatePassword(password: string): Promise<{ isValid: boolean; errors: string[] }> {
|
||||
const errors: string[] = [];
|
||||
|
||||
if (password.length < 8) {
|
||||
errors.push('密碼長度至少需要8個字符');
|
||||
}
|
||||
|
||||
if (!/[A-Z]/.test(password)) {
|
||||
errors.push('密碼需要包含至少一個大寫字母');
|
||||
}
|
||||
|
||||
if (!/[a-z]/.test(password)) {
|
||||
errors.push('密碼需要包含至少一個小寫字母');
|
||||
}
|
||||
|
||||
if (!/\d/.test(password)) {
|
||||
errors.push('密碼需要包含至少一個數字');
|
||||
}
|
||||
|
||||
return {
|
||||
isValid: errors.length === 0,
|
||||
errors
|
||||
};
|
||||
}
|
||||
|
||||
// 加密密碼
|
||||
export async function hashPassword(password: string): Promise<string> {
|
||||
const saltRounds = 12;
|
||||
return bcrypt.hash(password, saltRounds);
|
||||
}
|
||||
|
||||
// 驗證密碼
|
||||
export async function comparePassword(password: string, hash: string): Promise<boolean> {
|
||||
return bcrypt.compare(password, hash);
|
||||
}
|
||||
|
||||
// 生成隨機密碼
|
||||
export function generateRandomPassword(length: number = 12): string {
|
||||
const charset = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*';
|
||||
let password = '';
|
||||
|
||||
for (let i = 0; i < length; i++) {
|
||||
password += charset.charAt(Math.floor(Math.random() * charset.length));
|
||||
}
|
||||
|
||||
return password;
|
||||
}
|
||||
|
||||
// 用戶資料驗證
|
||||
export function validateUserData(data: any): { isValid: boolean; errors: string[] } {
|
||||
const errors: string[] = [];
|
||||
|
||||
if (!data.name || data.name.trim().length < 2) {
|
||||
errors.push('姓名至少需要2個字符');
|
||||
}
|
||||
|
||||
if (!data.email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(data.email)) {
|
||||
errors.push('請提供有效的電子郵件地址');
|
||||
}
|
||||
|
||||
if (!data.department || data.department.trim().length < 2) {
|
||||
errors.push('部門名稱至少需要2個字符');
|
||||
}
|
||||
|
||||
if (data.role && !['user', 'developer', 'admin'].includes(data.role)) {
|
||||
errors.push('無效的用戶角色');
|
||||
}
|
||||
|
||||
return {
|
||||
isValid: errors.length === 0,
|
||||
errors
|
||||
};
|
||||
}
|
||||
174
lib/logger.ts
174
lib/logger.ts
@@ -1,174 +0,0 @@
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
|
||||
// 日誌級別
|
||||
export enum LogLevel {
|
||||
ERROR = 0,
|
||||
WARN = 1,
|
||||
INFO = 2,
|
||||
DEBUG = 3
|
||||
}
|
||||
|
||||
// 日誌配置
|
||||
const LOG_LEVEL = (process.env.LOG_LEVEL as LogLevel) || LogLevel.INFO;
|
||||
const LOG_FILE = process.env.LOG_FILE || './logs/app.log';
|
||||
|
||||
// 確保日誌目錄存在
|
||||
const logDir = path.dirname(LOG_FILE);
|
||||
if (!fs.existsSync(logDir)) {
|
||||
fs.mkdirSync(logDir, { recursive: true });
|
||||
}
|
||||
|
||||
// 日誌顏色
|
||||
const colors = {
|
||||
reset: '\x1b[0m',
|
||||
red: '\x1b[31m',
|
||||
yellow: '\x1b[33m',
|
||||
green: '\x1b[32m',
|
||||
blue: '\x1b[34m',
|
||||
magenta: '\x1b[35m',
|
||||
cyan: '\x1b[36m'
|
||||
};
|
||||
|
||||
// 日誌級別名稱
|
||||
const levelNames = {
|
||||
[LogLevel.ERROR]: 'ERROR',
|
||||
[LogLevel.WARN]: 'WARN',
|
||||
[LogLevel.INFO]: 'INFO',
|
||||
[LogLevel.DEBUG]: 'DEBUG'
|
||||
};
|
||||
|
||||
// 日誌級別顏色
|
||||
const levelColors = {
|
||||
[LogLevel.ERROR]: colors.red,
|
||||
[LogLevel.WARN]: colors.yellow,
|
||||
[LogLevel.INFO]: colors.green,
|
||||
[LogLevel.DEBUG]: colors.blue
|
||||
};
|
||||
|
||||
// 寫入檔案日誌
|
||||
function writeToFile(level: LogLevel, message: string, data?: any) {
|
||||
const timestamp = new Date().toISOString();
|
||||
const levelName = levelNames[level];
|
||||
const logEntry = {
|
||||
timestamp,
|
||||
level: levelName,
|
||||
message,
|
||||
data: data || null
|
||||
};
|
||||
|
||||
const logLine = JSON.stringify(logEntry) + '\n';
|
||||
|
||||
try {
|
||||
fs.appendFileSync(LOG_FILE, logLine);
|
||||
} catch (error) {
|
||||
console.error('Failed to write to log file:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 控制台輸出
|
||||
function consoleOutput(level: LogLevel, message: string, data?: any) {
|
||||
const timestamp = new Date().toISOString();
|
||||
const levelName = levelNames[level];
|
||||
const color = levelColors[level];
|
||||
|
||||
let output = `${color}[${levelName}]${colors.reset} ${timestamp} - ${message}`;
|
||||
|
||||
if (data) {
|
||||
output += `\n${color}Data:${colors.reset} ${JSON.stringify(data, null, 2)}`;
|
||||
}
|
||||
|
||||
console.log(output);
|
||||
}
|
||||
|
||||
// 主日誌函數
|
||||
function log(level: LogLevel, message: string, data?: any) {
|
||||
if (level <= LOG_LEVEL) {
|
||||
consoleOutput(level, message, data);
|
||||
writeToFile(level, message, data);
|
||||
}
|
||||
}
|
||||
|
||||
// 日誌類別
|
||||
export class Logger {
|
||||
private context: string;
|
||||
|
||||
constructor(context: string = 'App') {
|
||||
this.context = context;
|
||||
}
|
||||
|
||||
error(message: string, data?: any) {
|
||||
log(LogLevel.ERROR, `[${this.context}] ${message}`, data);
|
||||
}
|
||||
|
||||
warn(message: string, data?: any) {
|
||||
log(LogLevel.WARN, `[${this.context}] ${message}`, data);
|
||||
}
|
||||
|
||||
info(message: string, data?: any) {
|
||||
log(LogLevel.INFO, `[${this.context}] ${message}`, data);
|
||||
}
|
||||
|
||||
debug(message: string, data?: any) {
|
||||
log(LogLevel.DEBUG, `[${this.context}] ${message}`, data);
|
||||
}
|
||||
|
||||
// API 請求日誌
|
||||
logRequest(method: string, url: string, statusCode: number, duration: number, userId?: string) {
|
||||
this.info('API Request', {
|
||||
method,
|
||||
url,
|
||||
statusCode,
|
||||
duration: `${duration}ms`,
|
||||
userId
|
||||
});
|
||||
}
|
||||
|
||||
// 認證日誌
|
||||
logAuth(action: string, email: string, success: boolean, ip?: string) {
|
||||
this.info('Authentication', {
|
||||
action,
|
||||
email,
|
||||
success,
|
||||
ip
|
||||
});
|
||||
}
|
||||
|
||||
// 資料庫操作日誌
|
||||
logDatabase(operation: string, table: string, duration: number, success: boolean) {
|
||||
this.debug('Database Operation', {
|
||||
operation,
|
||||
table,
|
||||
duration: `${duration}ms`,
|
||||
success
|
||||
});
|
||||
}
|
||||
|
||||
// 錯誤日誌
|
||||
logError(error: Error, context?: string) {
|
||||
this.error('Application Error', {
|
||||
message: error.message,
|
||||
stack: error.stack,
|
||||
context: context || this.context
|
||||
});
|
||||
}
|
||||
|
||||
// 活動日誌
|
||||
logActivity(userId: string, entityType: string, entityId: string, action: string, data?: any) {
|
||||
this.info('User Activity', {
|
||||
userId,
|
||||
entityType,
|
||||
entityId,
|
||||
action,
|
||||
data
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 預設日誌實例
|
||||
export const logger = new Logger();
|
||||
|
||||
// 建立特定上下文的日誌實例
|
||||
export function createLogger(context: string): Logger {
|
||||
return new Logger(context);
|
||||
}
|
||||
@@ -596,8 +596,8 @@ export class UserService {
|
||||
SELECT
|
||||
COUNT(*) as total_apps,
|
||||
COUNT(CASE WHEN created_at >= DATE_SUB(CURDATE(), INTERVAL 30 DAY) THEN 1 END) as new_apps_this_month,
|
||||
COALESCE(SUM(view_count), 0) as total_views,
|
||||
COALESCE(SUM(like_count), 0) as total_likes
|
||||
COALESCE(SUM(views_count), 0) as total_views,
|
||||
COALESCE(SUM(likes_count), 0) as total_likes
|
||||
FROM apps
|
||||
WHERE is_active = TRUE
|
||||
`;
|
||||
@@ -676,10 +676,10 @@ export class UserService {
|
||||
FROM users
|
||||
WHERE status = 'active'
|
||||
ORDER BY created_at DESC
|
||||
LIMIT ?
|
||||
LIMIT ${limit}
|
||||
`;
|
||||
|
||||
const activities = await this.query(sql, [limit]);
|
||||
const activities = await this.query(sql);
|
||||
|
||||
return activities.map(activity => ({
|
||||
id: `user_${activity.activity_time}`,
|
||||
@@ -703,20 +703,20 @@ export class UserService {
|
||||
a.id,
|
||||
a.name,
|
||||
a.description,
|
||||
a.view_count as views,
|
||||
a.like_count as likes,
|
||||
a.views_count as views,
|
||||
a.likes_count as likes,
|
||||
COALESCE(AVG(ur.rating), 0) as rating,
|
||||
a.category,
|
||||
a.created_at
|
||||
FROM apps a
|
||||
LEFT JOIN user_ratings ur ON a.id = ur.app_id
|
||||
WHERE a.is_active = TRUE
|
||||
GROUP BY a.id, a.name, a.description, a.view_count, a.like_count, a.category, a.created_at
|
||||
ORDER BY (a.view_count + a.like_count * 2) DESC
|
||||
LIMIT ?
|
||||
GROUP BY a.id, a.name, a.description, a.views_count, a.likes_count, a.category, a.created_at
|
||||
ORDER BY (a.views_count + a.likes_count * 2) DESC
|
||||
LIMIT ${limit}
|
||||
`;
|
||||
|
||||
const apps = await this.query(sql, [limit]);
|
||||
const apps = await this.query(sql);
|
||||
|
||||
return apps.map(app => ({
|
||||
id: app.id,
|
||||
|
||||
@@ -1,2 +0,0 @@
|
||||
ignoredBuiltDependencies:
|
||||
- bcrypt
|
||||
@@ -1,67 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function addMissingAppColumns() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔧 開始添加缺失的 apps 表格欄位...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 檢查並添加新欄位
|
||||
const alterStatements = [
|
||||
// 添加部門欄位
|
||||
`ALTER TABLE apps ADD COLUMN department VARCHAR(100) DEFAULT 'HQBU'`,
|
||||
|
||||
// 添加創建者名稱欄位
|
||||
`ALTER TABLE apps ADD COLUMN creator_name VARCHAR(100)`,
|
||||
|
||||
// 添加創建者郵箱欄位
|
||||
`ALTER TABLE apps ADD COLUMN creator_email VARCHAR(255)`
|
||||
];
|
||||
|
||||
for (const statement of alterStatements) {
|
||||
try {
|
||||
await connection.execute(statement);
|
||||
console.log(`✅ 執行: ${statement.substring(0, 50)}...`);
|
||||
} catch (error) {
|
||||
if (error.code === 'ER_DUP_FIELDNAME') {
|
||||
console.log(`⚠️ 欄位已存在，跳過: ${statement.substring(0, 50)}...`);
|
||||
} else {
|
||||
console.error(`❌ 執行失敗: ${statement.substring(0, 50)}...`, error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 檢查表格結構
|
||||
const [columns] = await connection.execute('DESCRIBE apps');
|
||||
console.log('\n📋 apps 表格結構:');
|
||||
columns.forEach(col => {
|
||||
console.log(` ${col.Field}: ${col.Type} ${col.Null === 'YES' ? 'NULL' : 'NOT NULL'} ${col.Default ? `DEFAULT ${col.Default}` : ''}`);
|
||||
});
|
||||
|
||||
console.log('\n✅ apps 表格欄位添加完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 添加 apps 表格欄位失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行添加
|
||||
addMissingAppColumns().catch(console.error);
|
||||
@@ -1,104 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function checkActualCreatorData() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔍 檢查實際的創建者資料...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 檢查應用程式的創建者資訊
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT
|
||||
a.id,
|
||||
a.name,
|
||||
a.creator_id,
|
||||
a.department as app_department,
|
||||
a.creator_name as app_creator_name,
|
||||
u.id as user_id,
|
||||
u.name as user_name,
|
||||
u.email as user_email,
|
||||
u.department as user_department
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.created_at DESC
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
console.log('\n📊 應用程式和創建者資料:');
|
||||
apps.forEach((app, index) => {
|
||||
console.log(`\n應用程式 ${index + 1}:`);
|
||||
console.log(` 應用 ID: ${app.id}`);
|
||||
console.log(` 應用名稱: ${app.name}`);
|
||||
console.log(` 創建者 ID: ${app.creator_id}`);
|
||||
console.log(` 應用部門: ${app.app_department}`);
|
||||
console.log(` 應用創建者名稱: ${app.app_creator_name}`);
|
||||
console.log(` 用戶 ID: ${app.user_id}`);
|
||||
console.log(` 用戶名稱: ${app.user_name}`);
|
||||
console.log(` 用戶郵箱: ${app.user_email}`);
|
||||
console.log(` 用戶部門: ${app.user_department}`);
|
||||
});
|
||||
|
||||
// 檢查用戶表中的資料
|
||||
const [users] = await connection.execute(`
|
||||
SELECT id, name, email, department, role
|
||||
FROM users
|
||||
ORDER BY created_at DESC
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
console.log('\n📋 用戶表資料:');
|
||||
users.forEach((user, index) => {
|
||||
console.log(`\n用戶 ${index + 1}:`);
|
||||
console.log(` ID: ${user.id}`);
|
||||
console.log(` 名稱: ${user.name}`);
|
||||
console.log(` 郵箱: ${user.email}`);
|
||||
console.log(` 部門: ${user.department}`);
|
||||
console.log(` 角色: ${user.role}`);
|
||||
});
|
||||
|
||||
// 檢查是否有名為「佩庭」的用戶
|
||||
const [peitingUsers] = await connection.execute(`
|
||||
SELECT id, name, email, department, role
|
||||
FROM users
|
||||
WHERE name LIKE '%佩庭%'
|
||||
`);
|
||||
|
||||
console.log('\n🔍 搜尋「佩庭」相關的用戶:');
|
||||
if (peitingUsers.length > 0) {
|
||||
peitingUsers.forEach((user, index) => {
|
||||
console.log(`\n用戶 ${index + 1}:`);
|
||||
console.log(` ID: ${user.id}`);
|
||||
console.log(` 名稱: ${user.name}`);
|
||||
console.log(` 郵箱: ${user.email}`);
|
||||
console.log(` 部門: ${user.department}`);
|
||||
console.log(` 角色: ${user.role}`);
|
||||
});
|
||||
} else {
|
||||
console.log('❌ 沒有找到名為「佩庭」的用戶');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 檢查創建者資料失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行檢查
|
||||
checkActualCreatorData().catch(console.error);
|
||||
@@ -1,136 +0,0 @@
|
||||
// Script to check app types in database
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
async function checkAppTypes() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
// Database connection
|
||||
connection = await mysql.createConnection({
|
||||
host: 'localhost',
|
||||
user: 'root',
|
||||
password: '123456',
|
||||
database: 'ai_showcase_platform'
|
||||
});
|
||||
|
||||
console.log('Connected to database successfully');
|
||||
|
||||
// Check what types exist in the apps table
|
||||
const [rows] = await connection.execute('SELECT DISTINCT type FROM apps ORDER BY type');
|
||||
|
||||
console.log('=== App Types in Database ===');
|
||||
console.log('Total unique types:', rows.length);
|
||||
rows.forEach((row, index) => {
|
||||
console.log(`${index + 1}. ${row.type}`);
|
||||
});
|
||||
|
||||
// Check API valid types
|
||||
const apiValidTypes = [
|
||||
'web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model',
|
||||
'data_analysis', 'automation', 'productivity', 'educational', 'healthcare',
|
||||
'finance', 'iot_device', 'blockchain', 'ar_vr', 'machine_learning',
|
||||
'computer_vision', 'nlp', 'robotics', 'cybersecurity', 'cloud_service', 'other'
|
||||
];
|
||||
|
||||
console.log('\n=== API Valid Types ===');
|
||||
apiValidTypes.forEach((type, index) => {
|
||||
console.log(`${index + 1}. ${type}`);
|
||||
});
|
||||
|
||||
// Check frontend mapping
|
||||
const frontendTypes = [
|
||||
'文字處理', '圖像生成', '圖像處理', '語音辨識', '推薦系統', '音樂生成',
|
||||
'程式開發', '影像處理', '對話系統', '數據分析', '設計工具', '語音技術',
|
||||
'教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR',
|
||||
'機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'
|
||||
];
|
||||
|
||||
console.log('\n=== Frontend Types ===');
|
||||
frontendTypes.forEach((type, index) => {
|
||||
console.log(`${index + 1}. ${type}`);
|
||||
});
|
||||
|
||||
// Check mapping consistency
|
||||
console.log('\n=== Mapping Analysis ===');
|
||||
|
||||
const mapTypeToApiType = (frontendType) => {
|
||||
const typeMap = {
|
||||
'文字處理': 'productivity',
|
||||
'圖像生成': 'ai_model',
|
||||
'圖像處理': 'ai_model',
|
||||
'語音辨識': 'ai_model',
|
||||
'推薦系統': 'ai_model',
|
||||
'音樂生成': 'ai_model',
|
||||
'程式開發': 'automation',
|
||||
'影像處理': 'ai_model',
|
||||
'對話系統': 'ai_model',
|
||||
'數據分析': 'data_analysis',
|
||||
'設計工具': 'productivity',
|
||||
'語音技術': 'ai_model',
|
||||
'教育工具': 'educational',
|
||||
'健康醫療': 'healthcare',
|
||||
'金融科技': 'finance',
|
||||
'物聯網': 'iot_device',
|
||||
'區塊鏈': 'blockchain',
|
||||
'AR/VR': 'ar_vr',
|
||||
'機器學習': 'machine_learning',
|
||||
'電腦視覺': 'computer_vision',
|
||||
'自然語言處理': 'nlp',
|
||||
'機器人': 'robotics',
|
||||
'網路安全': 'cybersecurity',
|
||||
'雲端服務': 'cloud_service',
|
||||
'其他': 'other'
|
||||
};
|
||||
return typeMap[frontendType] || 'other';
|
||||
};
|
||||
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
'other': '其他'
|
||||
};
|
||||
return typeMap[apiType] || '其他';
|
||||
};
|
||||
|
||||
// Test mapping for all frontend types
|
||||
console.log('\n=== Frontend to API Mapping Test ===');
|
||||
frontendTypes.forEach(frontendType => {
|
||||
const apiType = mapTypeToApiType(frontendType);
|
||||
const backToFrontend = mapApiTypeToDisplayType(apiType);
|
||||
const isValidApiType = apiValidTypes.includes(apiType);
|
||||
console.log(`${frontendType} -> ${apiType} -> ${backToFrontend} (Valid API: ${isValidApiType})`);
|
||||
});
|
||||
|
||||
// Test mapping for all API types
|
||||
console.log('\n=== API to Frontend Mapping Test ===');
|
||||
apiValidTypes.forEach(apiType => {
|
||||
const frontendType = mapApiTypeToDisplayType(apiType);
|
||||
const backToApi = mapTypeToApiType(frontendType);
|
||||
console.log(`${apiType} -> ${frontendType} -> ${backToApi}`);
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
checkAppTypes();
|
||||
@@ -1,99 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function checkLatestAppData() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔍 檢查最新的應用程式資料...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 檢查最新的應用程式資料
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT
|
||||
a.id,
|
||||
a.name,
|
||||
a.description,
|
||||
a.creator_id,
|
||||
a.department as app_department,
|
||||
a.creator_name as app_creator_name,
|
||||
a.creator_email as app_creator_email,
|
||||
a.type,
|
||||
a.status,
|
||||
a.created_at,
|
||||
u.id as user_id,
|
||||
u.name as user_name,
|
||||
u.email as user_email,
|
||||
u.department as user_department
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.created_at DESC
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
console.log('\n📊 最新應用程式資料:');
|
||||
apps.forEach((app, index) => {
|
||||
console.log(`\n應用程式 ${index + 1}:`);
|
||||
console.log(` 應用 ID: ${app.id}`);
|
||||
console.log(` 應用名稱: ${app.name}`);
|
||||
console.log(` 應用描述: ${app.description}`);
|
||||
console.log(` 創建者 ID: ${app.creator_id}`);
|
||||
console.log(` 應用部門: ${app.app_department}`);
|
||||
console.log(` 應用創建者名稱: ${app.app_creator_name}`);
|
||||
console.log(` 應用創建者郵箱: ${app.app_creator_email}`);
|
||||
console.log(` 應用類型: ${app.type}`);
|
||||
console.log(` 應用狀態: ${app.status}`);
|
||||
console.log(` 創建時間: ${app.created_at}`);
|
||||
console.log(` 用戶 ID: ${app.user_id}`);
|
||||
console.log(` 用戶名稱: ${app.user_name}`);
|
||||
console.log(` 用戶郵箱: ${app.user_email}`);
|
||||
console.log(` 用戶部門: ${app.user_department}`);
|
||||
});
|
||||
|
||||
// 檢查特定應用程式的詳細資料
|
||||
const [specificApp] = await connection.execute(`
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as user_name,
|
||||
u.email as user_email,
|
||||
u.department as user_department
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
WHERE a.name LIKE '%天氣查詢機器人%'
|
||||
ORDER BY a.created_at DESC
|
||||
LIMIT 1
|
||||
`);
|
||||
|
||||
if (specificApp.length > 0) {
|
||||
const app = specificApp[0];
|
||||
console.log('\n🎯 天氣查詢機器人應用程式詳細資料:');
|
||||
console.log(` 應用名稱: ${app.name}`);
|
||||
console.log(` 應用創建者名稱: ${app.creator_name}`);
|
||||
console.log(` 應用部門: ${app.department}`);
|
||||
console.log(` 用戶名稱: ${app.user_name}`);
|
||||
console.log(` 用戶部門: ${app.user_department}`);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 檢查最新應用程式資料失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行檢查
|
||||
checkLatestAppData().catch(console.error);
|
||||
@@ -1,93 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
const bcrypt = require('bcrypt');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function createAdminUser() {
|
||||
let connection;
|
||||
try {
|
||||
console.log('🧪 創建管理員用戶...');
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 創建管理員用戶
|
||||
const adminUserData = {
|
||||
id: 'admin-' + Date.now(),
|
||||
name: '系統管理員',
|
||||
email: 'admin@example.com',
|
||||
password: 'Admin123!',
|
||||
department: 'ITBU',
|
||||
role: 'admin',
|
||||
join_date: new Date(),
|
||||
created_at: new Date(),
|
||||
updated_at: new Date()
|
||||
};
|
||||
|
||||
// 加密密碼
|
||||
const passwordHash = await bcrypt.hash(adminUserData.password, 12);
|
||||
|
||||
// 檢查用戶是否已存在
|
||||
const [existingUser] = await connection.execute(
|
||||
'SELECT id FROM users WHERE email = ?',
|
||||
[adminUserData.email]
|
||||
);
|
||||
|
||||
if (existingUser.length > 0) {
|
||||
console.log('⚠️ 管理員用戶已存在，更新密碼...');
|
||||
await connection.execute(
|
||||
'UPDATE users SET password_hash = ?, updated_at = NOW() WHERE email = ?',
|
||||
[passwordHash, adminUserData.email]
|
||||
);
|
||||
} else {
|
||||
console.log('✅ 創建新的管理員用戶...');
|
||||
await connection.execute(
|
||||
'INSERT INTO users (id, name, email, password_hash, department, role, join_date, created_at, updated_at) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)',
|
||||
[adminUserData.id, adminUserData.name, adminUserData.email, passwordHash, adminUserData.department, adminUserData.role, adminUserData.join_date, adminUserData.created_at, adminUserData.updated_at]
|
||||
);
|
||||
}
|
||||
|
||||
console.log('\n✅ 管理員用戶創建/更新成功！');
|
||||
console.log('📋 登入資訊:');
|
||||
console.log(` 電子郵件: ${adminUserData.email}`);
|
||||
console.log(` 密碼: ${adminUserData.password}`);
|
||||
console.log(` 角色: ${adminUserData.role}`);
|
||||
console.log(` 部門: ${adminUserData.department}`);
|
||||
|
||||
// 驗證用戶創建
|
||||
const [userResult] = await connection.execute(
|
||||
'SELECT id, name, email, role, department FROM users WHERE email = ?',
|
||||
[adminUserData.email]
|
||||
);
|
||||
|
||||
if (userResult.length > 0) {
|
||||
const user = userResult[0];
|
||||
console.log('\n📋 資料庫中的用戶資訊:');
|
||||
console.log(` ID: ${user.id}`);
|
||||
console.log(` 姓名: ${user.name}`);
|
||||
console.log(` 電子郵件: ${user.email}`);
|
||||
console.log(` 角色: ${user.role}`);
|
||||
console.log(` 部門: ${user.department}`);
|
||||
}
|
||||
|
||||
console.log('\n💡 現在您可以使用這些憑證登入管理後台');
|
||||
console.log('💡 登入後，管理後台的應用創建功能應該可以正常工作');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 創建管理員用戶失敗:', error.message);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
createAdminUser().catch(console.error);
|
||||
@@ -1,48 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
async function createPasswordResetTable() {
|
||||
console.log('🚀 創建密碼重設 token 資料表...');
|
||||
|
||||
try {
|
||||
const connection = await mysql.createConnection({
|
||||
host: 'mysql.theaken.com',
|
||||
port: 33306,
|
||||
user: 'AI_Platform',
|
||||
password: 'Aa123456',
|
||||
database: 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
});
|
||||
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 創建密碼重設 tokens 表
|
||||
const createTableSQL = `
|
||||
CREATE TABLE IF NOT EXISTS password_reset_tokens (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
user_id VARCHAR(36) NOT NULL,
|
||||
token VARCHAR(255) NOT NULL UNIQUE,
|
||||
expires_at TIMESTAMP NOT NULL,
|
||||
used_at TIMESTAMP NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
|
||||
INDEX idx_user_id (user_id),
|
||||
INDEX idx_token (token),
|
||||
INDEX idx_expires_at (expires_at),
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci
|
||||
`;
|
||||
|
||||
await connection.execute(createTableSQL);
|
||||
console.log('✅ 密碼重設 tokens 表創建成功');
|
||||
|
||||
await connection.end();
|
||||
console.log('🎉 密碼重設表創建完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 創建表時發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
createPasswordResetTable();
|
||||
@@ -1,86 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// 資料庫配置
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function createPasswordResetTable() {
|
||||
console.log('🚀 創建密碼重設 token 資料表...');
|
||||
|
||||
try {
|
||||
const connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 先檢查 users 表的結構
|
||||
console.log('🔍 檢查 users 表結構...');
|
||||
const [userColumns] = await connection.execute(`
|
||||
SELECT COLUMN_NAME, DATA_TYPE, CHARACTER_SET_NAME, COLLATION_NAME
|
||||
FROM INFORMATION_SCHEMA.COLUMNS
|
||||
WHERE TABLE_SCHEMA = ? AND TABLE_NAME = 'users' AND COLUMN_NAME = 'id'
|
||||
`, [dbConfig.database]);
|
||||
|
||||
if (userColumns.length > 0) {
|
||||
console.log('📋 users.id 欄位資訊:', userColumns[0]);
|
||||
}
|
||||
|
||||
// 創建密碼重設 tokens 表
|
||||
const createTableSQL = `
|
||||
CREATE TABLE IF NOT EXISTS password_reset_tokens (
|
||||
id VARCHAR(36) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci PRIMARY KEY,
|
||||
user_id VARCHAR(36) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,
|
||||
token VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL UNIQUE,
|
||||
expires_at TIMESTAMP NOT NULL,
|
||||
used_at TIMESTAMP NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
|
||||
INDEX idx_user_id (user_id),
|
||||
INDEX idx_token (token),
|
||||
INDEX idx_expires_at (expires_at),
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci
|
||||
`;
|
||||
|
||||
await connection.execute(createTableSQL);
|
||||
console.log('✅ 密碼重設 tokens 表創建成功');
|
||||
|
||||
// 檢查表是否創建成功
|
||||
const [tables] = await connection.execute(`
|
||||
SELECT TABLE_NAME, TABLE_COMMENT
|
||||
FROM INFORMATION_SCHEMA.TABLES
|
||||
WHERE TABLE_SCHEMA = ? AND TABLE_NAME = 'password_reset_tokens'
|
||||
`, [dbConfig.database]);
|
||||
|
||||
if (tables.length > 0) {
|
||||
console.log('📋 表資訊:', tables[0]);
|
||||
}
|
||||
|
||||
// 檢查表結構
|
||||
const [columns] = await connection.execute(`
|
||||
SELECT COLUMN_NAME, DATA_TYPE, IS_NULLABLE, COLUMN_DEFAULT, COLUMN_KEY
|
||||
FROM INFORMATION_SCHEMA.COLUMNS
|
||||
WHERE TABLE_SCHEMA = ? AND TABLE_NAME = 'password_reset_tokens'
|
||||
ORDER BY ORDINAL_POSITION
|
||||
`, [dbConfig.database]);
|
||||
|
||||
console.log('\n📋 表結構:');
|
||||
columns.forEach(col => {
|
||||
console.log(`- ${col.COLUMN_NAME}: ${col.DATA_TYPE} (${col.IS_NULLABLE === 'YES' ? '可為空' : '不可為空'}) ${col.COLUMN_KEY ? `[${col.COLUMN_KEY}]` : ''}`);
|
||||
});
|
||||
|
||||
await connection.end();
|
||||
console.log('\n🎉 密碼重設表創建完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 創建表時發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
createPasswordResetTable();
|
||||
@@ -1,180 +0,0 @@
|
||||
const bcrypt = require('bcryptjs');
|
||||
const { v4: uuidv4 } = require('uuid');
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// 資料庫配置
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
// 創建資料庫連接
|
||||
const db = {
|
||||
async query(sql, params = []) {
|
||||
const connection = await mysql.createConnection(dbConfig);
|
||||
try {
|
||||
const [rows] = await connection.execute(sql, params);
|
||||
return rows;
|
||||
} finally {
|
||||
await connection.end();
|
||||
}
|
||||
},
|
||||
|
||||
async queryOne(sql, params = []) {
|
||||
const results = await this.query(sql, params);
|
||||
return results.length > 0 ? results[0] : null;
|
||||
},
|
||||
|
||||
async insert(sql, params = []) {
|
||||
const connection = await mysql.createConnection(dbConfig);
|
||||
try {
|
||||
const [result] = await connection.execute(sql, params);
|
||||
return result;
|
||||
} finally {
|
||||
await connection.end();
|
||||
}
|
||||
},
|
||||
|
||||
async close() {
|
||||
// 不需要關閉，因為每次查詢都創建新連接
|
||||
}
|
||||
};
|
||||
|
||||
// 測試用戶數據
|
||||
const testUsers = [
|
||||
{
|
||||
name: '系統管理員',
|
||||
email: 'admin@ai-platform.com',
|
||||
password: 'admin123456',
|
||||
department: 'ITBU',
|
||||
role: 'admin',
|
||||
description: '系統管理員帳號，擁有所有權限'
|
||||
},
|
||||
{
|
||||
name: '開發者測試',
|
||||
email: 'developer@ai-platform.com',
|
||||
password: 'dev123456',
|
||||
department: 'ITBU',
|
||||
role: 'developer',
|
||||
description: '開發者測試帳號，可以提交應用和提案'
|
||||
},
|
||||
{
|
||||
name: '一般用戶測試',
|
||||
email: 'user@ai-platform.com',
|
||||
password: 'user123456',
|
||||
department: 'MBU1',
|
||||
role: 'user',
|
||||
description: '一般用戶測試帳號，可以瀏覽和評分'
|
||||
},
|
||||
{
|
||||
name: '評委測試',
|
||||
email: 'judge@ai-platform.com',
|
||||
password: 'judge123456',
|
||||
department: 'HQBU',
|
||||
role: 'admin',
|
||||
description: '評委測試帳號，可以評分應用和提案'
|
||||
},
|
||||
{
|
||||
name: '團隊負責人',
|
||||
email: 'team-lead@ai-platform.com',
|
||||
password: 'team123456',
|
||||
department: 'SBU',
|
||||
role: 'developer',
|
||||
description: '團隊負責人測試帳號'
|
||||
}
|
||||
];
|
||||
|
||||
async function createTestUsers() {
|
||||
console.log('🚀 開始創建測試用戶...');
|
||||
|
||||
try {
|
||||
// 測試資料庫連接
|
||||
await db.query('SELECT 1');
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
for (const userData of testUsers) {
|
||||
try {
|
||||
// 檢查用戶是否已存在
|
||||
const existingUser = await db.queryOne(
|
||||
'SELECT id FROM users WHERE email = ?',
|
||||
[userData.email]
|
||||
);
|
||||
|
||||
if (existingUser) {
|
||||
console.log(`⚠️ 用戶 ${userData.email} 已存在，跳過創建`);
|
||||
continue;
|
||||
}
|
||||
|
||||
// 加密密碼
|
||||
const saltRounds = 12;
|
||||
const password_hash = await bcrypt.hash(userData.password, saltRounds);
|
||||
|
||||
// 創建用戶
|
||||
const userId = uuidv4();
|
||||
const sql = `
|
||||
INSERT INTO users (
|
||||
id, name, email, password_hash, department, role,
|
||||
join_date, total_likes, total_views, is_active
|
||||
) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
|
||||
`;
|
||||
|
||||
const params = [
|
||||
userId,
|
||||
userData.name,
|
||||
userData.email,
|
||||
password_hash,
|
||||
userData.department,
|
||||
userData.role,
|
||||
new Date().toISOString().split('T')[0],
|
||||
0,
|
||||
0,
|
||||
true
|
||||
];
|
||||
|
||||
await db.insert(sql, params);
|
||||
console.log(`✅ 創建用戶: ${userData.name} (${userData.email}) - ${userData.role}`);
|
||||
|
||||
} catch (error) {
|
||||
console.error(`❌ 創建用戶 ${userData.email} 失敗:`, error.message);
|
||||
}
|
||||
}
|
||||
|
||||
// 顯示創建的用戶列表
|
||||
console.log('\n📋 測試用戶列表:');
|
||||
const users = await db.query(`
|
||||
SELECT name, email, role, department, join_date
|
||||
FROM users
|
||||
WHERE email LIKE '%@ai-platform.com'
|
||||
ORDER BY role, name
|
||||
`);
|
||||
|
||||
users.forEach((user, index) => {
|
||||
console.log(`${index + 1}. ${user.name} (${user.email})`);
|
||||
console.log(` 角色: ${user.role} | 部門: ${user.department} | 加入日期: ${user.join_date}`);
|
||||
});
|
||||
|
||||
console.log('\n🔑 登入資訊:');
|
||||
testUsers.forEach(user => {
|
||||
console.log(`${user.role.toUpperCase()}: ${user.email} / ${user.password}`);
|
||||
});
|
||||
|
||||
console.log('\n🎉 測試用戶創建完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 創建測試用戶時發生錯誤:', error);
|
||||
} finally {
|
||||
await db.close();
|
||||
}
|
||||
}
|
||||
|
||||
// 如果直接執行此腳本
|
||||
if (require.main === module) {
|
||||
createTestUsers();
|
||||
}
|
||||
|
||||
module.exports = { createTestUsers, testUsers };
|
||||
@@ -1,119 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function fixAppsTable() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔧 開始修復 apps 表格...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 檢查並添加新欄位
|
||||
const alterStatements = [
|
||||
// 添加狀態欄位
|
||||
`ALTER TABLE apps ADD COLUMN status ENUM('draft', 'submitted', 'under_review', 'approved', 'rejected', 'published') DEFAULT 'draft'`,
|
||||
|
||||
// 添加類型欄位
|
||||
`ALTER TABLE apps ADD COLUMN type ENUM('web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model', 'data_analysis', 'automation', 'other') DEFAULT 'other'`,
|
||||
|
||||
// 添加檔案路徑欄位
|
||||
`ALTER TABLE apps ADD COLUMN file_path VARCHAR(500)`,
|
||||
|
||||
// 添加技術棧欄位
|
||||
`ALTER TABLE apps ADD COLUMN tech_stack JSON`,
|
||||
|
||||
// 添加標籤欄位
|
||||
`ALTER TABLE apps ADD COLUMN tags JSON`,
|
||||
|
||||
// 添加截圖路徑欄位
|
||||
`ALTER TABLE apps ADD COLUMN screenshots JSON`,
|
||||
|
||||
// 添加演示連結欄位
|
||||
`ALTER TABLE apps ADD COLUMN demo_url VARCHAR(500)`,
|
||||
|
||||
// 添加 GitHub 連結欄位
|
||||
`ALTER TABLE apps ADD COLUMN github_url VARCHAR(500)`,
|
||||
|
||||
// 添加文檔連結欄位
|
||||
`ALTER TABLE apps ADD COLUMN docs_url VARCHAR(500)`,
|
||||
|
||||
// 添加版本欄位
|
||||
`ALTER TABLE apps ADD COLUMN version VARCHAR(50) DEFAULT '1.0.0'`,
|
||||
|
||||
// 添加圖示欄位
|
||||
`ALTER TABLE apps ADD COLUMN icon VARCHAR(50) DEFAULT 'Bot'`,
|
||||
|
||||
// 添加圖示顏色欄位
|
||||
`ALTER TABLE apps ADD COLUMN icon_color VARCHAR(100) DEFAULT 'from-blue-500 to-purple-500'`,
|
||||
|
||||
// 添加最後更新時間欄位
|
||||
`ALTER TABLE apps ADD COLUMN last_updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP`
|
||||
];
|
||||
|
||||
for (const statement of alterStatements) {
|
||||
try {
|
||||
await connection.execute(statement);
|
||||
console.log(`✅ 執行: ${statement.substring(0, 50)}...`);
|
||||
} catch (error) {
|
||||
if (error.code === 'ER_DUP_FIELDNAME') {
|
||||
console.log(`⚠️ 欄位已存在，跳過: ${statement.substring(0, 50)}...`);
|
||||
} else {
|
||||
console.error(`❌ 執行失敗: ${statement.substring(0, 50)}...`, error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 添加索引
|
||||
const indexStatements = [
|
||||
`CREATE INDEX idx_apps_status ON apps(status)`,
|
||||
`CREATE INDEX idx_apps_type ON apps(type)`,
|
||||
`CREATE INDEX idx_apps_created_at ON apps(created_at)`,
|
||||
`CREATE INDEX idx_apps_rating ON apps(rating DESC)`,
|
||||
`CREATE INDEX idx_apps_likes ON apps(likes_count DESC)`
|
||||
];
|
||||
|
||||
for (const statement of indexStatements) {
|
||||
try {
|
||||
await connection.execute(statement);
|
||||
console.log(`✅ 創建索引: ${statement.substring(0, 50)}...`);
|
||||
} catch (error) {
|
||||
if (error.code === 'ER_DUP_KEYNAME') {
|
||||
console.log(`⚠️ 索引已存在，跳過: ${statement.substring(0, 50)}...`);
|
||||
} else {
|
||||
console.error(`❌ 創建索引失敗: ${statement.substring(0, 50)}...`, error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 檢查表格結構
|
||||
const [columns] = await connection.execute('DESCRIBE apps');
|
||||
console.log('\n📋 apps 表格結構:');
|
||||
columns.forEach(col => {
|
||||
console.log(` ${col.Field}: ${col.Type} ${col.Null === 'YES' ? 'NULL' : 'NOT NULL'} ${col.Default ? `DEFAULT ${col.Default}` : ''}`);
|
||||
});
|
||||
|
||||
console.log('\n✅ apps 表格修復完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 修復 apps 表格失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行修復
|
||||
fixAppsTable().catch(console.error);
|
||||
@@ -1,136 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// 資料庫配置
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function fixTables() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔧 修復剩餘的資料表...');
|
||||
|
||||
// 連接資料庫
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
|
||||
// 修復 awards 表 (rank 是保留字)
|
||||
console.log('修復 awards 表...');
|
||||
const awardsTable = `
|
||||
CREATE TABLE IF NOT EXISTS awards (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
competition_id VARCHAR(36) NOT NULL,
|
||||
app_id VARCHAR(36),
|
||||
team_id VARCHAR(36),
|
||||
proposal_id VARCHAR(36),
|
||||
award_type ENUM('gold', 'silver', 'bronze', 'popular', 'innovation', 'technical', 'custom') NOT NULL,
|
||||
award_name VARCHAR(200) NOT NULL,
|
||||
score DECIMAL(5,2) NOT NULL,
|
||||
year INT NOT NULL,
|
||||
month INT NOT NULL,
|
||||
icon VARCHAR(50),
|
||||
custom_award_type_id VARCHAR(36),
|
||||
competition_type ENUM('individual', 'team', 'proposal') NOT NULL,
|
||||
award_rank INT DEFAULT 0,
|
||||
category ENUM('innovation', 'technical', 'practical', 'popular', 'teamwork', 'solution', 'creativity') NOT NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (competition_id) REFERENCES competitions(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (app_id) REFERENCES apps(id) ON DELETE SET NULL,
|
||||
FOREIGN KEY (team_id) REFERENCES teams(id) ON DELETE SET NULL,
|
||||
FOREIGN KEY (proposal_id) REFERENCES proposals(id) ON DELETE SET NULL,
|
||||
INDEX idx_competition (competition_id),
|
||||
INDEX idx_award_type (award_type),
|
||||
INDEX idx_year_month (year, month),
|
||||
INDEX idx_category (category)
|
||||
)
|
||||
`;
|
||||
|
||||
await connection.query(awardsTable);
|
||||
console.log('✅ awards 表建立成功');
|
||||
|
||||
// 修復 user_likes 表 (DATE() 函數在唯一約束中的問題)
|
||||
console.log('修復 user_likes 表...');
|
||||
const userLikesTable = `
|
||||
CREATE TABLE IF NOT EXISTS user_likes (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
user_id VARCHAR(36) NOT NULL,
|
||||
app_id VARCHAR(36),
|
||||
proposal_id VARCHAR(36),
|
||||
liked_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (app_id) REFERENCES apps(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (proposal_id) REFERENCES proposals(id) ON DELETE CASCADE,
|
||||
UNIQUE KEY unique_user_app_date (user_id, app_id, DATE(liked_at)),
|
||||
UNIQUE KEY unique_user_proposal_date (user_id, proposal_id, DATE(liked_at)),
|
||||
INDEX idx_user (user_id),
|
||||
INDEX idx_app (app_id),
|
||||
INDEX idx_proposal (proposal_id),
|
||||
INDEX idx_date (liked_at)
|
||||
)
|
||||
`;
|
||||
|
||||
await connection.query(userLikesTable);
|
||||
console.log('✅ user_likes 表建立成功');
|
||||
|
||||
// 驗證修復結果
|
||||
console.log('\n📋 驗證修復結果...');
|
||||
|
||||
const [tables] = await connection.query(`
|
||||
SELECT TABLE_NAME, TABLE_ROWS
|
||||
FROM information_schema.tables
|
||||
WHERE table_schema = '${dbConfig.database}'
|
||||
ORDER BY TABLE_NAME
|
||||
`);
|
||||
|
||||
console.log('\n📊 資料表列表:');
|
||||
console.log('─'.repeat(60));
|
||||
console.log('表名'.padEnd(25) + '| 記錄數'.padEnd(10) + '| 狀態');
|
||||
console.log('─'.repeat(60));
|
||||
|
||||
const expectedTables = [
|
||||
'users', 'competitions', 'judges', 'teams', 'team_members',
|
||||
'apps', 'proposals', 'judge_scores', 'awards', 'chat_sessions',
|
||||
'chat_messages', 'ai_assistant_configs', 'user_favorites',
|
||||
'user_likes', 'competition_participants', 'competition_judges',
|
||||
'system_settings', 'activity_logs'
|
||||
];
|
||||
|
||||
let successCount = 0;
|
||||
for (const expectedTable of expectedTables) {
|
||||
const table = tables.find(t => t.TABLE_NAME === expectedTable);
|
||||
const status = table ? '✅' : '❌';
|
||||
const rowCount = table ? (table.TABLE_ROWS || 0) : 'N/A';
|
||||
console.log(`${expectedTable.padEnd(25)}| ${rowCount.toString().padEnd(10)}| ${status}`);
|
||||
if (table) successCount++;
|
||||
}
|
||||
|
||||
console.log(`\n📊 成功建立 ${successCount}/${expectedTables.length} 個資料表`);
|
||||
|
||||
if (successCount === expectedTables.length) {
|
||||
console.log('🎉 所有資料表建立完成!');
|
||||
} else {
|
||||
console.log('⚠️ 仍有部分資料表未建立');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 修復資料表失敗:', error.message);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('\n🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行修復腳本
|
||||
if (require.main === module) {
|
||||
fixTables();
|
||||
}
|
||||
|
||||
module.exports = { fixTables };
|
||||
@@ -1,94 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
port: process.env.DB_PORT || 33306
|
||||
};
|
||||
|
||||
async function optimizeDatabase() {
|
||||
let connection;
|
||||
try {
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('🔗 連接到資料庫...');
|
||||
|
||||
// 檢查並創建索引
|
||||
const indexes = [
|
||||
// users 表索引
|
||||
{ table: 'users', column: 'role', name: 'idx_users_role' },
|
||||
{ table: 'users', column: 'status', name: 'idx_users_status' },
|
||||
{ table: 'users', column: 'created_at', name: 'idx_users_created_at' },
|
||||
{ table: 'users', column: 'email', name: 'idx_users_email' },
|
||||
|
||||
// apps 表索引
|
||||
{ table: 'apps', column: 'creator_id', name: 'idx_apps_creator_id' },
|
||||
{ table: 'apps', column: 'created_at', name: 'idx_apps_created_at' },
|
||||
|
||||
// judge_scores 表索引
|
||||
{ table: 'judge_scores', column: 'judge_id', name: 'idx_judge_scores_judge_id' },
|
||||
{ table: 'judge_scores', column: 'created_at', name: 'idx_judge_scores_created_at' }
|
||||
];
|
||||
|
||||
for (const index of indexes) {
|
||||
try {
|
||||
// 檢查索引是否存在
|
||||
const [existingIndexes] = await connection.execute(`
|
||||
SELECT INDEX_NAME
|
||||
FROM INFORMATION_SCHEMA.STATISTICS
|
||||
WHERE TABLE_SCHEMA = ? AND TABLE_NAME = ? AND INDEX_NAME = ?
|
||||
`, [dbConfig.database, index.table, index.name]);
|
||||
|
||||
if (existingIndexes.length === 0) {
|
||||
// 創建索引
|
||||
await connection.execute(`
|
||||
CREATE INDEX ${index.name} ON ${index.table} (${index.column})
|
||||
`);
|
||||
console.log(`✅ 創建索引: ${index.name} on ${index.table}.${index.column}`);
|
||||
} else {
|
||||
console.log(`ℹ️ 索引已存在: ${index.name}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(`❌ 創建索引失敗 ${index.name}:`, error.message);
|
||||
}
|
||||
}
|
||||
|
||||
// 檢查表結構和統計信息
|
||||
console.log('\n📊 資料庫優化完成！');
|
||||
|
||||
// 顯示表統計信息
|
||||
const [tables] = await connection.execute(`
|
||||
SELECT
|
||||
TABLE_NAME,
|
||||
TABLE_ROWS,
|
||||
DATA_LENGTH,
|
||||
INDEX_LENGTH
|
||||
FROM INFORMATION_SCHEMA.TABLES
|
||||
WHERE TABLE_SCHEMA = ?
|
||||
`, [dbConfig.database]);
|
||||
|
||||
console.log('\n📋 表統計信息:');
|
||||
tables.forEach(table => {
|
||||
const dataSize = Math.round(table.DATA_LENGTH / 1024);
|
||||
const indexSize = Math.round(table.INDEX_LENGTH / 1024);
|
||||
console.log(` ${table.TABLE_NAME}: ${table.TABLE_ROWS} 行, 資料 ${dataSize}KB, 索引 ${indexSize}KB`);
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 資料庫優化失敗:', error.message);
|
||||
throw error;
|
||||
} finally {
|
||||
if (connection) await connection.end();
|
||||
}
|
||||
}
|
||||
|
||||
optimizeDatabase()
|
||||
.then(() => {
|
||||
console.log('✅ 資料庫優化完成！');
|
||||
process.exit(0);
|
||||
})
|
||||
.catch(() => {
|
||||
console.error('❌ 資料庫優化失敗！');
|
||||
process.exit(1);
|
||||
});
|
||||
@@ -1,160 +0,0 @@
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// 資料庫配置
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function setupDatabase() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🚀 開始建立AI展示平台資料庫...');
|
||||
console.log('─'.repeat(50));
|
||||
|
||||
// 1. 連接資料庫
|
||||
console.log('🔌 連接資料庫...');
|
||||
connection = await mysql.createConnection({
|
||||
...dbConfig,
|
||||
database: undefined // 先不指定資料庫，因為可能不存在
|
||||
});
|
||||
|
||||
// 2. 檢查資料庫是否存在
|
||||
const [databases] = await connection.query('SHOW DATABASES');
|
||||
const dbExists = databases.some(db => db.Database === dbConfig.database);
|
||||
|
||||
if (!dbExists) {
|
||||
console.log(`📊 建立資料庫: ${dbConfig.database}`);
|
||||
await connection.query(`CREATE DATABASE ${dbConfig.database} CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci`);
|
||||
} else {
|
||||
console.log(`✅ 資料庫已存在: ${dbConfig.database}`);
|
||||
}
|
||||
|
||||
// 3. 切換到目標資料庫
|
||||
await connection.query(`USE ${dbConfig.database}`);
|
||||
|
||||
// 4. 讀取並執行SQL腳本
|
||||
console.log('📝 執行資料庫建立腳本...');
|
||||
const sqlScript = fs.readFileSync(path.join(__dirname, '../database_setup.sql'), 'utf8');
|
||||
|
||||
// 分割SQL語句並執行
|
||||
const statements = sqlScript
|
||||
.split(';')
|
||||
.map(stmt => stmt.trim())
|
||||
.filter(stmt => stmt.length > 0 && !stmt.startsWith('--'))
|
||||
.map(stmt => stmt + ';'); // 重新添加分號
|
||||
|
||||
console.log(`📋 找到 ${statements.length} 個SQL語句`);
|
||||
|
||||
for (let i = 0; i < statements.length; i++) {
|
||||
const statement = statements[i];
|
||||
if (statement.trim() && statement.trim() !== ';') {
|
||||
try {
|
||||
console.log(`執行語句 ${i + 1}/${statements.length}: ${statement.substring(0, 50)}...`);
|
||||
await connection.query(statement);
|
||||
} catch (error) {
|
||||
// 忽略一些非關鍵錯誤（如表已存在等）
|
||||
if (!error.message.includes('already exists') &&
|
||||
!error.message.includes('Duplicate key') &&
|
||||
!error.message.includes('Duplicate entry')) {
|
||||
console.error(`SQL執行錯誤 (語句 ${i + 1}):`, error.message);
|
||||
console.error('問題語句:', statement.substring(0, 100));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
console.log('✅ 資料庫建立完成!');
|
||||
|
||||
// 5. 驗證建立結果
|
||||
console.log('\n📋 驗證資料庫結構...');
|
||||
|
||||
// 檢查資料表
|
||||
const [tables] = await connection.query(`
|
||||
SELECT TABLE_NAME, TABLE_ROWS
|
||||
FROM information_schema.tables
|
||||
WHERE table_schema = '${dbConfig.database}'
|
||||
ORDER BY TABLE_NAME
|
||||
`);
|
||||
|
||||
console.log('\n📊 資料表列表:');
|
||||
console.log('─'.repeat(60));
|
||||
console.log('表名'.padEnd(25) + '| 記錄數'.padEnd(10) + '| 狀態');
|
||||
console.log('─'.repeat(60));
|
||||
|
||||
const expectedTables = [
|
||||
'users', 'competitions', 'judges', 'teams', 'team_members',
|
||||
'apps', 'proposals', 'judge_scores', 'awards', 'chat_sessions',
|
||||
'chat_messages', 'ai_assistant_configs', 'user_favorites',
|
||||
'user_likes', 'competition_participants', 'competition_judges',
|
||||
'system_settings', 'activity_logs'
|
||||
];
|
||||
|
||||
let successCount = 0;
|
||||
for (const expectedTable of expectedTables) {
|
||||
const table = tables.find(t => t.TABLE_NAME === expectedTable);
|
||||
const status = table ? '✅' : '❌';
|
||||
const rowCount = table ? (table.TABLE_ROWS || 0) : 'N/A';
|
||||
console.log(`${expectedTable.padEnd(25)}| ${rowCount.toString().padEnd(10)}| ${status}`);
|
||||
if (table) successCount++;
|
||||
}
|
||||
|
||||
console.log(`\n📊 成功建立 ${successCount}/${expectedTables.length} 個資料表`);
|
||||
|
||||
// 檢查初始數據
|
||||
console.log('\n📊 初始數據檢查:');
|
||||
console.log('─'.repeat(40));
|
||||
|
||||
const checks = [
|
||||
{ name: '管理員用戶', query: 'SELECT COUNT(*) as count FROM users WHERE role = "admin"' },
|
||||
{ name: '預設評審', query: 'SELECT COUNT(*) as count FROM judges' },
|
||||
{ name: '預設競賽', query: 'SELECT COUNT(*) as count FROM competitions' },
|
||||
{ name: 'AI配置', query: 'SELECT COUNT(*) as count FROM ai_assistant_configs' },
|
||||
{ name: '系統設定', query: 'SELECT COUNT(*) as count FROM system_settings' }
|
||||
];
|
||||
|
||||
for (const check of checks) {
|
||||
try {
|
||||
const [result] = await connection.query(check.query);
|
||||
console.log(`${check.name.padEnd(15)}: ${result[0].count} 筆`);
|
||||
} catch (error) {
|
||||
console.log(`${check.name.padEnd(15)}: 查詢失敗 - ${error.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
console.log('\n🎉 資料庫建立和驗證完成!');
|
||||
console.log('\n📝 下一步:');
|
||||
console.log('1. 複製 env.example 到 .env.local');
|
||||
console.log('2. 設定環境變數');
|
||||
console.log('3. 安裝依賴: pnpm install');
|
||||
console.log('4. 啟動開發服務器: pnpm dev');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 資料庫建立失敗:', error.message);
|
||||
console.error('請檢查以下項目:');
|
||||
console.error('1. 資料庫主機是否可達');
|
||||
console.error('2. 用戶名和密碼是否正確');
|
||||
console.error('3. 用戶是否有建立資料庫的權限');
|
||||
process.exit(1);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('\n🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行建立腳本
|
||||
if (require.main === module) {
|
||||
setupDatabase();
|
||||
}
|
||||
|
||||
module.exports = { setupDatabase };
|
||||
@@ -1,57 +0,0 @@
|
||||
async function testActivityRecords() {
|
||||
console.log('🧪 測試活動紀錄對話框的數值顯示...\n');
|
||||
|
||||
try {
|
||||
// 測試首頁載入（包含活動紀錄對話框）
|
||||
console.log('1. 測試首頁載入...');
|
||||
const response = await fetch('http://localhost:3000/');
|
||||
|
||||
if (response.ok) {
|
||||
console.log('✅ 首頁載入成功');
|
||||
console.log('狀態碼:', response.status);
|
||||
|
||||
// 檢查頁面內容是否包含活動紀錄相關元素
|
||||
const pageContent = await response.text();
|
||||
|
||||
// 檢查是否包含修復後的數值顯示邏輯
|
||||
if (pageContent.includes('isNaN(stats.daysJoined)')) {
|
||||
console.log('✅ 加入天數數值安全檢查已添加');
|
||||
} else {
|
||||
console.log('❌ 加入天數數值安全檢查可能未生效');
|
||||
}
|
||||
|
||||
if (pageContent.includes('isNaN(stats.totalUsage)')) {
|
||||
console.log('✅ 總使用次數數值安全檢查已添加');
|
||||
} else {
|
||||
console.log('❌ 總使用次數數值安全檢查可能未生效');
|
||||
}
|
||||
|
||||
if (pageContent.includes('isNaN(stats.totalDuration)')) {
|
||||
console.log('✅ 使用時長數值安全檢查已添加');
|
||||
} else {
|
||||
console.log('❌ 使用時長數值安全檢查可能未生效');
|
||||
}
|
||||
|
||||
if (pageContent.includes('isNaN(stats.favoriteApps)')) {
|
||||
console.log('✅ 收藏應用數值安全檢查已添加');
|
||||
} else {
|
||||
console.log('❌ 收藏應用數值安全檢查可能未生效');
|
||||
}
|
||||
|
||||
} else {
|
||||
console.log('❌ 首頁載入失敗:', response.status);
|
||||
}
|
||||
|
||||
console.log('\n🎉 活動紀錄數值顯示測試完成！');
|
||||
console.log('\n📋 修復內容:');
|
||||
console.log('✅ 添加了 NaN 檢查，防止無效數值顯示');
|
||||
console.log('✅ 所有統計數值都有安全保護');
|
||||
console.log('✅ 日期計算添加了有效性檢查');
|
||||
console.log('✅ 顯示邏輯更加健壯');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testActivityRecords();
|
||||
@@ -1,72 +0,0 @@
|
||||
async function testAdminAccess() {
|
||||
console.log('🧪 測試管理員存取權限...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試管理員登入
|
||||
console.log('1. 測試管理員登入...');
|
||||
const loginResponse = await fetch('http://localhost:3000/api/auth/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com',
|
||||
password: 'admin123456'
|
||||
})
|
||||
});
|
||||
|
||||
if (loginResponse.ok) {
|
||||
const loginData = await loginResponse.json();
|
||||
console.log('✅ 管理員登入成功');
|
||||
console.log('用戶資料:', {
|
||||
id: loginData.user?.id,
|
||||
name: loginData.user?.name,
|
||||
email: loginData.user?.email,
|
||||
role: loginData.user?.role,
|
||||
department: loginData.user?.department
|
||||
});
|
||||
|
||||
// 2. 測試管理員頁面存取
|
||||
console.log('\n2. 測試管理員頁面存取...');
|
||||
const adminResponse = await fetch('http://localhost:3000/admin');
|
||||
|
||||
if (adminResponse.ok) {
|
||||
console.log('✅ 管理員頁面載入成功');
|
||||
console.log('狀態碼:', adminResponse.status);
|
||||
|
||||
// 檢查頁面內容
|
||||
const pageContent = await adminResponse.text();
|
||||
|
||||
if (pageContent.includes('存取被拒')) {
|
||||
console.log('❌ 頁面顯示存取被拒');
|
||||
if (pageContent.includes('調試信息')) {
|
||||
console.log('📋 調試信息已顯示，請檢查用戶角色');
|
||||
}
|
||||
} else if (pageContent.includes('儀表板') || pageContent.includes('管理員')) {
|
||||
console.log('✅ 管理員頁面正常顯示');
|
||||
} else {
|
||||
console.log('⚠️ 頁面內容不確定');
|
||||
}
|
||||
|
||||
} else {
|
||||
console.log('❌ 管理員頁面載入失敗:', adminResponse.status);
|
||||
}
|
||||
|
||||
} else {
|
||||
const errorData = await loginResponse.text();
|
||||
console.log('❌ 管理員登入失敗:', loginResponse.status, errorData);
|
||||
}
|
||||
|
||||
console.log('\n🎉 管理員存取權限測試完成！');
|
||||
console.log('\n📋 可能的原因:');
|
||||
console.log('1. 用戶未正確登入');
|
||||
console.log('2. 用戶角色不是 admin');
|
||||
console.log('3. 用戶資料載入時機問題');
|
||||
console.log('4. localStorage 中的用戶資料有問題');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testAdminAccess();
|
||||
@@ -1,51 +0,0 @@
|
||||
async function testAdminFix() {
|
||||
console.log('🧪 測試管理員存取修復...\n');
|
||||
|
||||
try {
|
||||
// 測試管理員頁面載入
|
||||
console.log('1. 測試管理員頁面載入...');
|
||||
const response = await fetch('http://localhost:3000/admin');
|
||||
|
||||
if (response.ok) {
|
||||
console.log('✅ 管理員頁面載入成功');
|
||||
console.log('狀態碼:', response.status);
|
||||
|
||||
// 檢查頁面內容
|
||||
const pageContent = await response.text();
|
||||
|
||||
if (pageContent.includes('載入中...')) {
|
||||
console.log('✅ 頁面顯示載入中狀態');
|
||||
} else if (pageContent.includes('存取被拒')) {
|
||||
console.log('❌ 頁面顯示存取被拒');
|
||||
|
||||
// 檢查調試信息
|
||||
const debugMatch = pageContent.match(/調試信息: 用戶=([^,]+), 角色=([^<]+)/);
|
||||
if (debugMatch) {
|
||||
console.log('📋 調試信息:', {
|
||||
用戶: debugMatch[1],
|
||||
角色: debugMatch[2]
|
||||
});
|
||||
}
|
||||
} else if (pageContent.includes('儀表板') || pageContent.includes('管理員')) {
|
||||
console.log('✅ 管理員頁面正常顯示');
|
||||
} else {
|
||||
console.log('⚠️ 頁面內容不確定');
|
||||
}
|
||||
|
||||
} else {
|
||||
console.log('❌ 管理員頁面載入失敗:', response.status);
|
||||
}
|
||||
|
||||
console.log('\n🎉 管理員存取修復測試完成！');
|
||||
console.log('\n📋 修復內容:');
|
||||
console.log('✅ 添加了 isInitialized 狀態管理');
|
||||
console.log('✅ 改進了載入狀態檢查');
|
||||
console.log('✅ 修復了服務器端渲染問題');
|
||||
console.log('✅ 添加了調試信息顯示');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testAdminFix();
|
||||
@@ -1,27 +0,0 @@
|
||||
async function testApiDebug() {
|
||||
console.log('🧪 調試 API 錯誤...\n');
|
||||
|
||||
try {
|
||||
// 測試用戶列表 API
|
||||
console.log('1. 測試用戶列表 API...');
|
||||
const response = await fetch('http://localhost:3000/api/admin/users');
|
||||
|
||||
console.log('狀態碼:', response.status);
|
||||
console.log('狀態文本:', response.statusText);
|
||||
|
||||
const data = await response.text();
|
||||
console.log('響應內容:', data);
|
||||
|
||||
if (response.ok) {
|
||||
const jsonData = JSON.parse(data);
|
||||
console.log('✅ API 成功:', jsonData);
|
||||
} else {
|
||||
console.log('❌ API 失敗');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testApiDebug();
|
||||
@@ -1,124 +0,0 @@
|
||||
// Test script to verify app creation API fix
|
||||
console.log('Testing app creation API fix...')
|
||||
|
||||
// Simulate the API request data
|
||||
const mockAppData = {
|
||||
name: 'Test AI Application',
|
||||
description: 'This is a test application to verify the API fix',
|
||||
type: 'productivity',
|
||||
demoUrl: 'https://example.com/demo',
|
||||
version: '1.0.0',
|
||||
creator: 'Test User',
|
||||
department: 'ITBU',
|
||||
icon: 'Bot',
|
||||
iconColor: 'from-blue-500 to-purple-500'
|
||||
}
|
||||
|
||||
console.log('Mock app data to be sent:', mockAppData)
|
||||
|
||||
// Simulate the API processing
|
||||
const processAppData = (body) => {
|
||||
const {
|
||||
name,
|
||||
description,
|
||||
type,
|
||||
teamId,
|
||||
techStack,
|
||||
tags,
|
||||
demoUrl,
|
||||
githubUrl,
|
||||
docsUrl,
|
||||
version = '1.0.0',
|
||||
creator,
|
||||
department,
|
||||
icon = 'Bot',
|
||||
iconColor = 'from-blue-500 to-purple-500'
|
||||
} = body
|
||||
|
||||
// Simulate user data (normally from JWT token)
|
||||
const mockUser = {
|
||||
id: 'user-123',
|
||||
name: 'Admin User',
|
||||
email: 'admin@example.com',
|
||||
department: 'HQBU'
|
||||
}
|
||||
|
||||
// Prepare database insertion data
|
||||
const appData = {
|
||||
id: 'app-' + Date.now(),
|
||||
name,
|
||||
description,
|
||||
creator_id: mockUser.id,
|
||||
team_id: teamId || null,
|
||||
type,
|
||||
tech_stack: techStack ? JSON.stringify(techStack) : null,
|
||||
tags: tags ? JSON.stringify(tags) : null,
|
||||
demo_url: demoUrl || null,
|
||||
github_url: githubUrl || null,
|
||||
docs_url: docsUrl || null,
|
||||
version,
|
||||
status: 'draft',
|
||||
icon: icon || 'Bot',
|
||||
icon_color: iconColor || 'from-blue-500 to-purple-500',
|
||||
department: department || mockUser.department || 'HQBU',
|
||||
creator_name: creator || mockUser.name || '',
|
||||
creator_email: mockUser.email || ''
|
||||
}
|
||||
|
||||
return appData
|
||||
}
|
||||
|
||||
// Test the processing
|
||||
const processedData = processAppData(mockAppData)
|
||||
console.log('\nProcessed app data for database insertion:')
|
||||
console.log(JSON.stringify(processedData, null, 2))
|
||||
|
||||
// Verify all required fields are present
|
||||
const requiredFields = ['name', 'description', 'type', 'creator_id', 'status', 'icon', 'icon_color', 'department', 'creator_name', 'creator_email']
|
||||
const missingFields = requiredFields.filter(field => !processedData[field])
|
||||
|
||||
if (missingFields.length === 0) {
|
||||
console.log('\n✅ All required fields are present!')
|
||||
} else {
|
||||
console.log('\n❌ Missing fields:', missingFields)
|
||||
}
|
||||
|
||||
// Test the response formatting
|
||||
const mockApiResponse = {
|
||||
id: processedData.id,
|
||||
name: processedData.name,
|
||||
description: processedData.description,
|
||||
type: processedData.type,
|
||||
status: processedData.status,
|
||||
creator_id: processedData.creator_id,
|
||||
department: processedData.department,
|
||||
creator_name: processedData.creator_name,
|
||||
creator_email: processedData.creator_email,
|
||||
icon: processedData.icon,
|
||||
icon_color: processedData.icon_color
|
||||
}
|
||||
|
||||
const formatResponse = (app) => ({
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
description: app.description,
|
||||
type: app.type,
|
||||
status: app.status,
|
||||
creatorId: app.creator_id,
|
||||
department: app.department,
|
||||
icon: app.icon,
|
||||
iconColor: app.icon_color,
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.creator_name,
|
||||
email: app.creator_email,
|
||||
department: app.department,
|
||||
role: 'admin'
|
||||
}
|
||||
})
|
||||
|
||||
const formattedResponse = formatResponse(mockApiResponse)
|
||||
console.log('\nFormatted API response:')
|
||||
console.log(JSON.stringify(formattedResponse, null, 2))
|
||||
|
||||
console.log('\n✅ App creation API fix test completed!')
|
||||
@@ -1,166 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
// 模擬前端類型映射函數
|
||||
const mapTypeToApiType = (frontendType) => {
|
||||
const typeMap = {
|
||||
'文字處理': 'productivity',
|
||||
'圖像生成': 'ai_model',
|
||||
'圖像處理': 'ai_model',
|
||||
'語音辨識': 'ai_model',
|
||||
'推薦系統': 'ai_model',
|
||||
'音樂生成': 'ai_model',
|
||||
'程式開發': 'automation',
|
||||
'影像處理': 'ai_model',
|
||||
'對話系統': 'ai_model',
|
||||
'數據分析': 'data_analysis',
|
||||
'設計工具': 'productivity',
|
||||
'語音技術': 'ai_model',
|
||||
'教育工具': 'educational',
|
||||
'健康醫療': 'healthcare',
|
||||
'金融科技': 'finance',
|
||||
'物聯網': 'iot_device',
|
||||
'區塊鏈': 'blockchain',
|
||||
'AR/VR': 'ar_vr',
|
||||
'機器學習': 'machine_learning',
|
||||
'電腦視覺': 'computer_vision',
|
||||
'自然語言處理': 'nlp',
|
||||
'機器人': 'robotics',
|
||||
'網路安全': 'cybersecurity',
|
||||
'雲端服務': 'cloud_service',
|
||||
'其他': 'other'
|
||||
};
|
||||
return typeMap[frontendType] || 'other';
|
||||
};
|
||||
|
||||
// API 的 validTypes 陣列（已修正）
|
||||
const apiValidTypes = [
|
||||
'productivity', 'ai_model', 'automation', 'data_analysis', 'educational',
|
||||
'healthcare', 'finance', 'iot_device', 'blockchain', 'ar_vr',
|
||||
'machine_learning', 'computer_vision', 'nlp', 'robotics', 'cybersecurity',
|
||||
'cloud_service', 'other'
|
||||
];
|
||||
|
||||
async function testAppCreationUpload() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🧪 測試 AI 應用程式創建上傳流程...\n');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 1. 測試前端類型映射
|
||||
console.log('📋 測試前端類型映射:');
|
||||
const testTypes = [
|
||||
'文字處理', '圖像生成', '程式開發', '數據分析', '教育工具',
|
||||
'健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR',
|
||||
'機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'
|
||||
];
|
||||
|
||||
testTypes.forEach(frontendType => {
|
||||
const apiType = mapTypeToApiType(frontendType);
|
||||
const isValid = apiValidTypes.includes(apiType);
|
||||
console.log(` ${frontendType} -> ${apiType} ${isValid ? '✅' : '❌'}`);
|
||||
});
|
||||
|
||||
// 2. 檢查資料庫中現有的類型分佈
|
||||
console.log('\n📊 檢查資料庫中現有的應用程式類型:');
|
||||
const [typeStats] = await connection.execute(`
|
||||
SELECT type, COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE type IS NOT NULL
|
||||
GROUP BY type
|
||||
ORDER BY count DESC
|
||||
`);
|
||||
|
||||
typeStats.forEach(row => {
|
||||
const isValid = apiValidTypes.includes(row.type);
|
||||
console.log(` ${row.type}: ${row.count} 個應用程式 ${isValid ? '✅' : '❌'}`);
|
||||
});
|
||||
|
||||
// 3. 檢查是否有無效的類型
|
||||
console.log('\n🔍 檢查無效的類型:');
|
||||
const [invalidTypes] = await connection.execute(`
|
||||
SELECT type, COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE type IS NOT NULL AND type NOT IN (?)
|
||||
GROUP BY type
|
||||
`, [apiValidTypes]);
|
||||
|
||||
if (invalidTypes.length > 0) {
|
||||
console.log(' ❌ 發現無效的類型:');
|
||||
invalidTypes.forEach(row => {
|
||||
console.log(` ${row.type}: ${row.count} 個應用程式`);
|
||||
});
|
||||
} else {
|
||||
console.log(' ✅ 所有類型都是有效的');
|
||||
}
|
||||
|
||||
// 4. 模擬創建新應用程式的資料
|
||||
console.log('\n📝 模擬創建新應用程式的資料:');
|
||||
const testAppData = {
|
||||
name: '測試 AI 應用程式',
|
||||
description: '這是一個測試用的 AI 應用程式',
|
||||
type: mapTypeToApiType('文字處理'), // 應該映射為 'productivity'
|
||||
creator: '測試創建者',
|
||||
department: 'HQBU',
|
||||
icon: 'Bot',
|
||||
iconColor: 'from-blue-500 to-purple-500'
|
||||
};
|
||||
|
||||
console.log(' 前端資料:');
|
||||
console.log(` 名稱: ${testAppData.name}`);
|
||||
console.log(` 類型: 文字處理 -> ${testAppData.type}`);
|
||||
console.log(` 創建者: ${testAppData.creator}`);
|
||||
console.log(` 部門: ${testAppData.department}`);
|
||||
console.log(` 圖示: ${testAppData.icon}`);
|
||||
console.log(` 圖示顏色: ${testAppData.iconColor}`);
|
||||
|
||||
// 5. 驗證 API 會接受這些資料
|
||||
console.log('\n✅ API 驗證結果:');
|
||||
console.log(` 類型 '${testAppData.type}' 是否有效: ${apiValidTypes.includes(testAppData.type) ? '是' : '否'}`);
|
||||
console.log(` 名稱長度 (${testAppData.name.length}): ${testAppData.name.length >= 2 && testAppData.name.length <= 200 ? '有效' : '無效'}`);
|
||||
console.log(` 描述長度 (${testAppData.description.length}): ${testAppData.description.length >= 10 ? '有效' : '無效'}`);
|
||||
|
||||
// 6. 檢查資料庫表格結構
|
||||
console.log('\n📋 檢查 apps 表格結構:');
|
||||
const [columns] = await connection.execute('DESCRIBE apps');
|
||||
const relevantColumns = ['name', 'description', 'type', 'creator_name', 'creator_email', 'department', 'icon', 'icon_color'];
|
||||
|
||||
relevantColumns.forEach(colName => {
|
||||
const column = columns.find(col => col.Field === colName);
|
||||
if (column) {
|
||||
console.log(` ${colName}: ${column.Type} ${column.Null === 'YES' ? 'NULL' : 'NOT NULL'} ${column.Default ? `DEFAULT ${column.Default}` : ''}`);
|
||||
} else {
|
||||
console.log(` ${colName}: ❌ 欄位不存在`);
|
||||
}
|
||||
});
|
||||
|
||||
console.log('\n✅ AI 應用程式創建上傳流程測試完成！');
|
||||
console.log('📝 總結:');
|
||||
console.log(' - 前端類型映射 ✅');
|
||||
console.log(' - API validTypes 已更新 ✅');
|
||||
console.log(' - 資料庫欄位完整 ✅');
|
||||
console.log(' - 類型驗證邏輯正確 ✅');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
testAppCreationUpload().catch(console.error);
|
||||
@@ -1,101 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function testAppEditFix() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🧪 測試應用編輯功能修正...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 1. 檢查現有應用程式
|
||||
console.log('\n📋 檢查現有應用程式...');
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT a.*, u.name as creator_name, u.department as creator_department
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
LIMIT 3
|
||||
`);
|
||||
|
||||
console.log(`找到 ${apps.length} 個應用程式:`);
|
||||
apps.forEach((app, index) => {
|
||||
console.log(`${index + 1}. ${app.name}`);
|
||||
console.log(` 創建者: ${app.creator_name} (${app.creator_department})`);
|
||||
console.log(` 圖示: ${app.icon || '未設定'}`);
|
||||
console.log(` 圖示顏色: ${app.icon_color || '未設定'}`);
|
||||
console.log(` 狀態: ${app.status || 'draft'}`);
|
||||
console.log('');
|
||||
});
|
||||
|
||||
// 2. 測試類型映射
|
||||
console.log('\n🧪 測試類型映射...');
|
||||
const testTypes = [
|
||||
'文字處理',
|
||||
'圖像生成',
|
||||
'數據分析',
|
||||
'機器學習',
|
||||
'其他'
|
||||
];
|
||||
|
||||
const typeMap = {
|
||||
'文字處理': 'productivity',
|
||||
'圖像生成': 'ai_model',
|
||||
'數據分析': 'data_analysis',
|
||||
'機器學習': 'machine_learning',
|
||||
'其他': 'other'
|
||||
};
|
||||
|
||||
testTypes.forEach(frontendType => {
|
||||
const apiType = typeMap[frontendType] || 'other';
|
||||
console.log(`${frontendType} -> ${apiType}`);
|
||||
});
|
||||
|
||||
// 3. 檢查 API 有效類型
|
||||
console.log('\n📋 API 有效類型:');
|
||||
const validApiTypes = [
|
||||
'web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model',
|
||||
'data_analysis', 'automation', 'productivity', 'educational', 'healthcare',
|
||||
'finance', 'iot_device', 'blockchain', 'ar_vr', 'machine_learning',
|
||||
'computer_vision', 'nlp', 'robotics', 'cybersecurity', 'cloud_service', 'other'
|
||||
];
|
||||
|
||||
validApiTypes.forEach(type => {
|
||||
console.log(` - ${type}`);
|
||||
});
|
||||
|
||||
// 4. 驗證映射是否有效
|
||||
console.log('\n✅ 驗證映射有效性:');
|
||||
const mappedTypes = Object.values(typeMap);
|
||||
const validMappedTypes = mappedTypes.filter(type => validApiTypes.includes(type));
|
||||
console.log(`有效映射類型: ${validMappedTypes.length}/${mappedTypes.length}`);
|
||||
|
||||
if (validMappedTypes.length === mappedTypes.length) {
|
||||
console.log('✅ 所有映射類型都是有效的');
|
||||
} else {
|
||||
console.log('❌ 有無效的映射類型');
|
||||
}
|
||||
|
||||
console.log('\n✅ 應用編輯功能修正測試完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試失敗:', error.message);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
testAppEditFix().catch(console.error);
|
||||
@@ -1,98 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function testAppEdit() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🧪 測試應用編輯功能...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 1. 檢查 apps 表結構
|
||||
console.log('\n📋 檢查 apps 表結構...');
|
||||
const [columns] = await connection.execute('DESCRIBE apps');
|
||||
const hasIcon = columns.some(col => col.Field === 'icon');
|
||||
const hasIconColor = columns.some(col => col.Field === 'icon_color');
|
||||
|
||||
console.log(`圖示欄位: ${hasIcon ? '✅' : '❌'}`);
|
||||
console.log(`圖示顏色欄位: ${hasIconColor ? '✅' : '❌'}`);
|
||||
|
||||
if (!hasIcon || !hasIconColor) {
|
||||
console.log('⚠️ 需要更新資料庫結構，請執行: npm run db:update-structure');
|
||||
return;
|
||||
}
|
||||
|
||||
// 2. 檢查現有應用程式
|
||||
console.log('\n📋 檢查現有應用程式...');
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT a.*, u.name as creator_name, u.department as creator_department
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
console.log(`找到 ${apps.length} 個應用程式:`);
|
||||
apps.forEach((app, index) => {
|
||||
console.log(`${index + 1}. ${app.name}`);
|
||||
console.log(` 創建者: ${app.creator_name} (${app.creator_department})`);
|
||||
console.log(` 圖示: ${app.icon || '未設定'}`);
|
||||
console.log(` 圖示顏色: ${app.icon_color || '未設定'}`);
|
||||
console.log(` 狀態: ${app.status || 'draft'}`);
|
||||
console.log('');
|
||||
});
|
||||
|
||||
// 3. 測試更新應用程式
|
||||
if (apps.length > 0) {
|
||||
const testApp = apps[0];
|
||||
console.log(`🧪 測試更新應用程式: ${testApp.name}`);
|
||||
|
||||
const updateData = {
|
||||
icon: 'Brain',
|
||||
icon_color: 'from-purple-500 to-pink-500',
|
||||
department: 'ITBU'
|
||||
};
|
||||
|
||||
await connection.execute(
|
||||
'UPDATE apps SET icon = ?, icon_color = ? WHERE id = ?',
|
||||
[updateData.icon, updateData.icon_color, testApp.id]
|
||||
);
|
||||
|
||||
console.log('✅ 測試更新成功');
|
||||
|
||||
// 驗證更新
|
||||
const [updatedApp] = await connection.execute(
|
||||
'SELECT * FROM apps WHERE id = ?',
|
||||
[testApp.id]
|
||||
);
|
||||
|
||||
if (updatedApp.length > 0) {
|
||||
const app = updatedApp[0];
|
||||
console.log(`更新後的圖示: ${app.icon}`);
|
||||
console.log(`更新後的圖示顏色: ${app.icon_color}`);
|
||||
}
|
||||
}
|
||||
|
||||
console.log('\n✅ 應用編輯功能測試完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試失敗:', error.message);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
testAppEdit().catch(console.error);
|
||||
@@ -1,161 +0,0 @@
|
||||
// Test script to verify app type editing issue
|
||||
console.log('Testing app type editing issue...')
|
||||
|
||||
// Simulate the type mapping functions
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
'other': '其他'
|
||||
}
|
||||
return typeMap[apiType] || '其他'
|
||||
}
|
||||
|
||||
// Simulate API response with different app types
|
||||
const mockApiResponse = {
|
||||
apps: [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Productivity App',
|
||||
type: 'productivity', // API type
|
||||
description: 'A productivity tool'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'AI Model App',
|
||||
type: 'ai_model', // API type
|
||||
description: 'An AI model'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Data Analysis App',
|
||||
type: 'data_analysis', // API type
|
||||
description: 'A data analysis tool'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
// Simulate loadApps processing
|
||||
console.log('=== Original API Data ===')
|
||||
mockApiResponse.apps.forEach((app, index) => {
|
||||
console.log(`App ${index + 1}: ${app.name} - API type: ${app.type}`)
|
||||
})
|
||||
|
||||
const formattedApps = mockApiResponse.apps.map(app => ({
|
||||
...app,
|
||||
type: mapApiTypeToDisplayType(app.type), // Convert to Chinese display type
|
||||
creator: 'Test User',
|
||||
department: 'HQBU'
|
||||
}))
|
||||
|
||||
console.log('\n=== After loadApps Processing ===')
|
||||
formattedApps.forEach((app, index) => {
|
||||
console.log(`App ${index + 1}: ${app.name} - Display type: ${app.type}`)
|
||||
})
|
||||
|
||||
// Simulate handleEditApp
|
||||
const simulateHandleEditApp = (app) => {
|
||||
console.log(`\n=== Editing App: ${app.name} ===`)
|
||||
console.log('Input app.type:', app.type)
|
||||
|
||||
const newApp = {
|
||||
name: app.name,
|
||||
type: app.type, // This should be the Chinese display type
|
||||
department: app.department || "HQBU",
|
||||
creator: app.creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
console.log('newApp.type after handleEditApp:', newApp.type)
|
||||
|
||||
// Check if this type is valid for the Select component
|
||||
const validSelectValues = [
|
||||
'文字處理', '圖像生成', '圖像處理', '語音辨識', '推薦系統', '音樂生成',
|
||||
'程式開發', '影像處理', '對話系統', '數據分析', '設計工具', '語音技術',
|
||||
'教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR',
|
||||
'機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'
|
||||
]
|
||||
|
||||
const isValidSelectValue = validSelectValues.includes(newApp.type)
|
||||
console.log('Is valid Select value?', isValidSelectValue)
|
||||
|
||||
return newApp
|
||||
}
|
||||
|
||||
// Test all apps
|
||||
console.log('\n=== Testing handleEditApp for all apps ===')
|
||||
const validSelectValues = [
|
||||
'文字處理', '圖像生成', '圖像處理', '語音辨識', '推薦系統', '音樂生成',
|
||||
'程式開發', '影像處理', '對話系統', '數據分析', '設計工具', '語音技術',
|
||||
'教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR',
|
||||
'機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'
|
||||
]
|
||||
|
||||
formattedApps.forEach((app, index) => {
|
||||
const newApp = simulateHandleEditApp(app)
|
||||
console.log(`App ${index + 1} result: ${newApp.type} (valid: ${validSelectValues.includes(newApp.type)})`)
|
||||
})
|
||||
|
||||
// Test the update process
|
||||
console.log('\n=== Testing Update Process ===')
|
||||
const mapTypeToApiType = (frontendType) => {
|
||||
const typeMap = {
|
||||
'文字處理': 'productivity',
|
||||
'圖像生成': 'ai_model',
|
||||
'圖像處理': 'ai_model',
|
||||
'語音辨識': 'ai_model',
|
||||
'推薦系統': 'ai_model',
|
||||
'音樂生成': 'ai_model',
|
||||
'程式開發': 'automation',
|
||||
'影像處理': 'ai_model',
|
||||
'對話系統': 'ai_model',
|
||||
'數據分析': 'data_analysis',
|
||||
'設計工具': 'productivity',
|
||||
'語音技術': 'ai_model',
|
||||
'教育工具': 'educational',
|
||||
'健康醫療': 'healthcare',
|
||||
'金融科技': 'finance',
|
||||
'物聯網': 'iot_device',
|
||||
'區塊鏈': 'blockchain',
|
||||
'AR/VR': 'ar_vr',
|
||||
'機器學習': 'machine_learning',
|
||||
'電腦視覺': 'computer_vision',
|
||||
'自然語言處理': 'nlp',
|
||||
'機器人': 'robotics',
|
||||
'網路安全': 'cybersecurity',
|
||||
'雲端服務': 'cloud_service',
|
||||
'其他': 'other'
|
||||
}
|
||||
return typeMap[frontendType] || 'other'
|
||||
}
|
||||
|
||||
formattedApps.forEach((app, index) => {
|
||||
const displayType = app.type
|
||||
const apiType = mapTypeToApiType(displayType)
|
||||
const backToDisplay = mapApiTypeToDisplayType(apiType)
|
||||
|
||||
console.log(`App ${index + 1}:`)
|
||||
console.log(` Display: ${displayType}`)
|
||||
console.log(` API: ${apiType}`)
|
||||
console.log(` Round trip: ${backToDisplay}`)
|
||||
console.log(` Round trip matches: ${backToDisplay === displayType}`)
|
||||
})
|
||||
|
||||
console.log('\n=== Test completed ===')
|
||||
@@ -1,82 +0,0 @@
|
||||
async function testCompleteAdminFlow() {
|
||||
console.log('🧪 測試完整管理員流程...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試登入頁面
|
||||
console.log('1. 測試登入頁面...');
|
||||
const loginPageResponse = await fetch('http://localhost:3000/');
|
||||
|
||||
if (loginPageResponse.ok) {
|
||||
console.log('✅ 登入頁面載入成功');
|
||||
} else {
|
||||
console.log('❌ 登入頁面載入失敗:', loginPageResponse.status);
|
||||
}
|
||||
|
||||
// 2. 測試管理員登入
|
||||
console.log('\n2. 測試管理員登入...');
|
||||
const loginResponse = await fetch('http://localhost:3000/api/auth/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com',
|
||||
password: 'admin123456'
|
||||
})
|
||||
});
|
||||
|
||||
if (loginResponse.ok) {
|
||||
const loginData = await loginResponse.json();
|
||||
console.log('✅ 管理員登入成功');
|
||||
console.log('用戶資料:', {
|
||||
id: loginData.user?.id,
|
||||
name: loginData.user?.name,
|
||||
email: loginData.user?.email,
|
||||
role: loginData.user?.role
|
||||
});
|
||||
|
||||
// 3. 測試管理員頁面
|
||||
console.log('\n3. 測試管理員頁面...');
|
||||
const adminResponse = await fetch('http://localhost:3000/admin');
|
||||
|
||||
if (adminResponse.ok) {
|
||||
const pageContent = await adminResponse.text();
|
||||
|
||||
if (pageContent.includes('載入中...')) {
|
||||
console.log('✅ 頁面顯示載入中狀態（正常）');
|
||||
} else if (pageContent.includes('存取被拒')) {
|
||||
console.log('❌ 頁面顯示存取被拒');
|
||||
|
||||
// 檢查調試信息
|
||||
const debugMatch = pageContent.match(/調試信息: 用戶=([^,]+), 角色=([^<]+)/);
|
||||
if (debugMatch) {
|
||||
console.log('📋 調試信息:', {
|
||||
用戶: debugMatch[1],
|
||||
角色: debugMatch[2]
|
||||
});
|
||||
}
|
||||
} else if (pageContent.includes('儀表板') || pageContent.includes('管理員')) {
|
||||
console.log('✅ 管理員頁面正常顯示');
|
||||
} else {
|
||||
console.log('⚠️ 頁面內容不確定');
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
const errorData = await loginResponse.text();
|
||||
console.log('❌ 管理員登入失敗:', loginResponse.status, errorData);
|
||||
}
|
||||
|
||||
console.log('\n🎉 完整管理員流程測試完成！');
|
||||
console.log('\n💡 解決方案:');
|
||||
console.log('1. 用戶需要先登入才能訪問管理員頁面');
|
||||
console.log('2. 登入後，用戶狀態會保存到 localStorage');
|
||||
console.log('3. 管理員頁面會檢查用戶角色');
|
||||
console.log('4. 如果角色不是 admin，會顯示存取被拒');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testCompleteAdminFlow();
|
||||
@@ -1,76 +0,0 @@
|
||||
async function testCompleteFlow() {
|
||||
console.log('🧪 測試完整的忘記密碼流程...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試忘記密碼 API
|
||||
console.log('1. 測試忘記密碼 API...');
|
||||
const response = await fetch('http://localhost:3000/api/auth/forgot-password', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com'
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log('✅ 忘記密碼 API 測試成功');
|
||||
console.log('生成的重設連結:', data.resetUrl);
|
||||
console.log('過期時間:', data.expiresAt);
|
||||
|
||||
// 2. 測試註冊頁面是否可以正常載入
|
||||
console.log('\n2. 測試註冊頁面載入...');
|
||||
const registerResponse = await fetch(data.resetUrl);
|
||||
|
||||
if (registerResponse.ok) {
|
||||
console.log('✅ 註冊頁面載入成功');
|
||||
console.log('狀態碼:', registerResponse.status);
|
||||
} else {
|
||||
console.log('❌ 註冊頁面載入失敗:', registerResponse.status);
|
||||
}
|
||||
|
||||
// 3. 測試密碼重設 API
|
||||
console.log('\n3. 測試密碼重設 API...');
|
||||
const url = new URL(data.resetUrl);
|
||||
const token = url.searchParams.get('token');
|
||||
|
||||
const resetResponse = await fetch('http://localhost:3000/api/auth/reset-password', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
token: token,
|
||||
password: 'newpassword123'
|
||||
})
|
||||
});
|
||||
|
||||
if (resetResponse.ok) {
|
||||
const resetData = await resetResponse.json();
|
||||
console.log('✅ 密碼重設 API 測試成功:', resetData);
|
||||
} else {
|
||||
const errorData = await resetResponse.text();
|
||||
console.log('❌ 密碼重設 API 測試失敗:', resetResponse.status, errorData);
|
||||
}
|
||||
|
||||
} else {
|
||||
const errorData = await response.text();
|
||||
console.log('❌ 忘記密碼 API 測試失敗:', response.status, errorData);
|
||||
}
|
||||
|
||||
console.log('\n🎉 完整流程測試完成！');
|
||||
console.log('\n📋 功能狀態總結:');
|
||||
console.log('✅ 忘記密碼 API - 正常');
|
||||
console.log('✅ 註冊頁面載入 - 正常');
|
||||
console.log('✅ 密碼重設 API - 正常');
|
||||
console.log('✅ 語法錯誤修復 - 完成');
|
||||
console.log('✅ 用戶界面整合 - 完成');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testCompleteFlow();
|
||||
@@ -1,93 +0,0 @@
|
||||
async function testCompleteLoginFlow() {
|
||||
console.log('🧪 測試完整登入流程...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試首頁（登入頁面）
|
||||
console.log('1. 測試首頁（登入頁面）...');
|
||||
const homeResponse = await fetch('http://localhost:3000/');
|
||||
|
||||
if (homeResponse.ok) {
|
||||
console.log('✅ 首頁載入成功');
|
||||
const homeContent = await homeResponse.text();
|
||||
|
||||
if (homeContent.includes('登入') || homeContent.includes('Login')) {
|
||||
console.log('✅ 首頁包含登入功能');
|
||||
} else {
|
||||
console.log('⚠️ 首頁可能不包含登入功能');
|
||||
}
|
||||
} else {
|
||||
console.log('❌ 首頁載入失敗:', homeResponse.status);
|
||||
}
|
||||
|
||||
// 2. 測試管理員登入 API
|
||||
console.log('\n2. 測試管理員登入 API...');
|
||||
const loginResponse = await fetch('http://localhost:3000/api/auth/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com',
|
||||
password: 'admin123456'
|
||||
})
|
||||
});
|
||||
|
||||
if (loginResponse.ok) {
|
||||
const loginData = await loginResponse.json();
|
||||
console.log('✅ 管理員登入 API 成功');
|
||||
console.log('用戶資料:', {
|
||||
id: loginData.user?.id,
|
||||
name: loginData.user?.name,
|
||||
email: loginData.user?.email,
|
||||
role: loginData.user?.role
|
||||
});
|
||||
} else {
|
||||
const errorData = await loginResponse.text();
|
||||
console.log('❌ 管理員登入 API 失敗:', loginResponse.status, errorData);
|
||||
return;
|
||||
}
|
||||
|
||||
// 3. 測試管理員頁面（未登入狀態）
|
||||
console.log('\n3. 測試管理員頁面（未登入狀態）...');
|
||||
const adminResponse = await fetch('http://localhost:3000/admin');
|
||||
|
||||
if (adminResponse.ok) {
|
||||
const pageContent = await adminResponse.text();
|
||||
|
||||
if (pageContent.includes('存取被拒')) {
|
||||
console.log('✅ 管理員頁面正確顯示存取被拒（未登入）');
|
||||
|
||||
// 檢查調試信息
|
||||
const debugMatch = pageContent.match(/調試信息: 用戶=([^,]+), 角色=([^<]+)/);
|
||||
if (debugMatch) {
|
||||
console.log('📋 調試信息:', {
|
||||
用戶: debugMatch[1],
|
||||
角色: debugMatch[2]
|
||||
});
|
||||
} else {
|
||||
console.log('⚠️ 沒有調試信息');
|
||||
}
|
||||
} else if (pageContent.includes('載入中')) {
|
||||
console.log('❌ 管理員頁面顯示載入中（應該顯示存取被拒）');
|
||||
} else if (pageContent.includes('儀表板') || pageContent.includes('管理員')) {
|
||||
console.log('⚠️ 管理員頁面直接顯示內容（可能沒有權限檢查）');
|
||||
} else {
|
||||
console.log('⚠️ 管理員頁面內容不確定');
|
||||
}
|
||||
} else {
|
||||
console.log('❌ 管理員頁面載入失敗:', adminResponse.status);
|
||||
}
|
||||
|
||||
console.log('\n🎉 完整登入流程測試完成！');
|
||||
console.log('\n💡 結論:');
|
||||
console.log('1. 管理員頁面需要先登入才能訪問');
|
||||
console.log('2. 未登入時顯示「存取被拒」是正確的行為');
|
||||
console.log('3. 用戶需要通過前端登入界面登入');
|
||||
console.log('4. 登入後才能正常訪問管理員後台');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testCompleteLoginFlow();
|
||||
@@ -1,92 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function testCreatorNameFix() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔍 測試創建者名稱修正...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 模擬列表 API 的查詢
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as user_creator_name,
|
||||
u.email as user_creator_email,
|
||||
u.department as user_creator_department,
|
||||
u.role as creator_role
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.created_at DESC
|
||||
LIMIT 3
|
||||
`);
|
||||
|
||||
console.log('\n📊 原始資料庫查詢結果:');
|
||||
apps.forEach((app, index) => {
|
||||
console.log(`\n應用程式 ${index + 1}:`);
|
||||
console.log(` 應用名稱: ${app.name}`);
|
||||
console.log(` apps.creator_name: ${app.creator_name}`);
|
||||
console.log(` users.name: ${app.user_creator_name}`);
|
||||
});
|
||||
|
||||
// 模擬修正後的格式化邏輯
|
||||
const formattedApps = apps.map((app) => ({
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.creator_name || app.user_creator_name, // 修正：優先使用 apps.creator_name
|
||||
email: app.user_creator_email,
|
||||
department: app.department || app.user_creator_department,
|
||||
role: app.creator_role
|
||||
}
|
||||
}));
|
||||
|
||||
console.log('\n📋 修正後的格式化結果:');
|
||||
formattedApps.forEach((app, index) => {
|
||||
console.log(`\n應用程式 ${index + 1}:`);
|
||||
console.log(` 名稱: ${app.name}`);
|
||||
console.log(` 創建者名稱: ${app.creator.name}`);
|
||||
console.log(` 創建者郵箱: ${app.creator.email}`);
|
||||
console.log(` 創建者部門: ${app.creator.department}`);
|
||||
});
|
||||
|
||||
// 驗證修正是否有效
|
||||
const expectedCreatorName = "佩庭"; // 期望的創建者名稱
|
||||
const actualCreatorName = formattedApps[0]?.creator.name;
|
||||
|
||||
console.log('\n✅ 驗證結果:');
|
||||
console.log(`期望創建者名稱: ${expectedCreatorName}`);
|
||||
console.log(`實際創建者名稱: ${actualCreatorName}`);
|
||||
console.log(`修正是否成功: ${actualCreatorName === expectedCreatorName}`);
|
||||
|
||||
if (actualCreatorName === expectedCreatorName) {
|
||||
console.log('🎉 創建者名稱修正成功！現在顯示正確的資料庫值。');
|
||||
} else {
|
||||
console.log('❌ 創建者名稱修正失敗，需要進一步檢查。');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試創建者名稱修正失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行測試
|
||||
testCreatorNameFix().catch(console.error);
|
||||
@@ -1,84 +0,0 @@
|
||||
// Test script to verify creator object handling fix
|
||||
console.log('Testing creator object handling fix...')
|
||||
|
||||
// Simulate API response with creator object
|
||||
const mockApiResponse = {
|
||||
apps: [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Test App',
|
||||
type: 'web_app',
|
||||
status: 'published',
|
||||
description: 'Test description',
|
||||
creator: {
|
||||
id: 'user1',
|
||||
name: 'John Doe',
|
||||
email: 'john@example.com',
|
||||
department: 'ITBU',
|
||||
role: 'developer'
|
||||
},
|
||||
department: 'ITBU',
|
||||
createdAt: '2025-01-01T00:00:00Z',
|
||||
viewsCount: 100,
|
||||
likesCount: 50
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Test App 2',
|
||||
type: 'mobile_app',
|
||||
status: 'pending',
|
||||
description: 'Test description 2',
|
||||
creator: 'Jane Smith', // String creator
|
||||
department: 'HQBU',
|
||||
createdAt: '2025-01-02T00:00:00Z',
|
||||
viewsCount: 200,
|
||||
likesCount: 75
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
// Simulate the loadApps function processing
|
||||
function processApps(apiData) {
|
||||
return (apiData.apps || []).map((app) => ({
|
||||
...app,
|
||||
views: app.viewsCount || 0,
|
||||
likes: app.likesCount || 0,
|
||||
appUrl: app.demoUrl || '',
|
||||
type: app.type, // Simplified for test
|
||||
icon: app.icon || 'Bot',
|
||||
iconColor: app.iconColor || 'from-blue-500 to-purple-500',
|
||||
reviews: 0,
|
||||
createdAt: app.createdAt ? new Date(app.createdAt).toLocaleDateString() : '未知',
|
||||
// Handle creator object properly
|
||||
creator: typeof app.creator === 'object' ? app.creator.name : app.creator,
|
||||
department: typeof app.creator === 'object' ? app.creator.department : app.department
|
||||
}))
|
||||
}
|
||||
|
||||
// Test the processing
|
||||
const processedApps = processApps(mockApiResponse)
|
||||
|
||||
console.log('Original API response:')
|
||||
console.log(JSON.stringify(mockApiResponse, null, 2))
|
||||
|
||||
console.log('\nProcessed apps:')
|
||||
console.log(JSON.stringify(processedApps, null, 2))
|
||||
|
||||
// Test rendering simulation
|
||||
console.log('\nTesting rendering simulation:')
|
||||
processedApps.forEach((app, index) => {
|
||||
console.log(`App ${index + 1}:`)
|
||||
console.log(` Creator: ${app.creator}`)
|
||||
console.log(` Department: ${app.department}`)
|
||||
console.log(` Type: ${typeof app.creator}`)
|
||||
|
||||
// Simulate the table cell rendering
|
||||
const creatorDisplay = typeof app.creator === 'object' ? app.creator.name : app.creator
|
||||
const departmentDisplay = typeof app.creator === 'object' ? app.creator.department : app.department
|
||||
|
||||
console.log(` Display - Creator: ${creatorDisplay}`)
|
||||
console.log(` Display - Department: ${departmentDisplay}`)
|
||||
console.log('')
|
||||
})
|
||||
|
||||
console.log('✅ Creator object handling test completed successfully!')
|
||||
@@ -1,100 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function testDatabaseValues() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔍 檢查資料庫中的應用程式資料...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 檢查 apps 表格結構
|
||||
const [columns] = await connection.execute('DESCRIBE apps');
|
||||
console.log('\n📋 apps 表格結構:');
|
||||
columns.forEach(col => {
|
||||
console.log(` ${col.Field}: ${col.Type} ${col.Null === 'YES' ? 'NULL' : 'NOT NULL'} ${col.Default ? `DEFAULT ${col.Default}` : ''}`);
|
||||
});
|
||||
|
||||
// 檢查前 5 個應用程式的資料
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT
|
||||
id, name, description, type, department, creator_name, creator_email,
|
||||
icon, icon_color, status, created_at
|
||||
FROM apps
|
||||
LIMIT 5
|
||||
`);
|
||||
|
||||
console.log('\n📊 前 5 個應用程式資料:');
|
||||
apps.forEach((app, index) => {
|
||||
console.log(`\n應用程式 ${index + 1}:`);
|
||||
console.log(` ID: ${app.id}`);
|
||||
console.log(` 名稱: ${app.name}`);
|
||||
console.log(` 類型: ${app.type || 'NULL'}`);
|
||||
console.log(` 部門: ${app.department || 'NULL'}`);
|
||||
console.log(` 創建者名稱: ${app.creator_name || 'NULL'}`);
|
||||
console.log(` 創建者郵箱: ${app.creator_email || 'NULL'}`);
|
||||
console.log(` 圖示: ${app.icon || 'NULL'}`);
|
||||
console.log(` 圖示顏色: ${app.icon_color || 'NULL'}`);
|
||||
console.log(` 狀態: ${app.status || 'NULL'}`);
|
||||
console.log(` 創建時間: ${app.created_at}`);
|
||||
});
|
||||
|
||||
// 檢查是否有任何應用程式的 type 欄位為 NULL
|
||||
const [nullTypes] = await connection.execute(`
|
||||
SELECT COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE type IS NULL
|
||||
`);
|
||||
|
||||
console.log(`\n📈 類型為 NULL 的應用程式數量: ${nullTypes[0].count}`);
|
||||
|
||||
// 檢查是否有任何應用程式的 department 欄位為 NULL
|
||||
const [nullDepartments] = await connection.execute(`
|
||||
SELECT COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE department IS NULL
|
||||
`);
|
||||
|
||||
console.log(`📈 部門為 NULL 的應用程式數量: ${nullDepartments[0].count}`);
|
||||
|
||||
// 檢查是否有任何應用程式的 creator_name 欄位為 NULL
|
||||
const [nullCreatorNames] = await connection.execute(`
|
||||
SELECT COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE creator_name IS NULL
|
||||
`);
|
||||
|
||||
console.log(`📈 創建者名稱為 NULL 的應用程式數量: ${nullCreatorNames[0].count}`);
|
||||
|
||||
// 檢查是否有任何應用程式的 icon 欄位為 NULL
|
||||
const [nullIcons] = await connection.execute(`
|
||||
SELECT COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE icon IS NULL
|
||||
`);
|
||||
|
||||
console.log(`📈 圖示為 NULL 的應用程式數量: ${nullIcons[0].count}`);
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 檢查資料庫值失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行檢查
|
||||
testDatabaseValues().catch(console.error);
|
||||
@@ -1,54 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
async function testDbConnection() {
|
||||
console.log('🧪 測試資料庫連接...\n');
|
||||
|
||||
try {
|
||||
// 資料庫配置
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
console.log('連接配置:', {
|
||||
host: dbConfig.host,
|
||||
port: dbConfig.port,
|
||||
user: dbConfig.user,
|
||||
database: dbConfig.database
|
||||
});
|
||||
|
||||
// 創建連接
|
||||
const connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 測試查詢
|
||||
const [rows] = await connection.execute('SELECT COUNT(*) as count FROM users WHERE is_active = TRUE');
|
||||
console.log('✅ 查詢成功，用戶數量:', rows[0].count);
|
||||
|
||||
// 測試用戶列表查詢
|
||||
const [users] = await connection.execute(`
|
||||
SELECT
|
||||
id, name, email, avatar, department, role, join_date,
|
||||
total_likes, total_views, is_active, last_login, created_at, updated_at
|
||||
FROM users
|
||||
WHERE is_active = TRUE
|
||||
ORDER BY created_at DESC
|
||||
LIMIT 10
|
||||
`);
|
||||
console.log('✅ 用戶列表查詢成功，返回用戶數:', users.length);
|
||||
|
||||
await connection.end();
|
||||
console.log('✅ 連接已關閉');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 資料庫連接失敗:', error.message);
|
||||
console.error('詳細錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testDbConnection();
|
||||
@@ -1,166 +0,0 @@
|
||||
// Test script to verify department pre-fill issue in handleEditApp
|
||||
console.log('Testing department pre-fill issue...')
|
||||
|
||||
// Simulate the loadApps function processing
|
||||
function processApps(apiApps) {
|
||||
return apiApps.map(app => ({
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
type: app.type,
|
||||
creator: typeof app.creator === 'object' ? app.creator.name : app.creator,
|
||||
department: typeof app.creator === 'object' ? app.creator.department : app.department,
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || '',
|
||||
icon: app.icon || 'Bot',
|
||||
iconColor: app.iconColor || 'from-blue-500 to-purple-500',
|
||||
status: app.status,
|
||||
views: app.views || 0,
|
||||
likes: app.likes || 0,
|
||||
rating: app.rating || 0,
|
||||
reviews: app.reviews || 0,
|
||||
createdAt: app.createdAt ? new Date(app.createdAt).toLocaleDateString() : '未知'
|
||||
}))
|
||||
}
|
||||
|
||||
// Simulate the handleEditApp function
|
||||
function handleEditApp(app) {
|
||||
console.log('📝 Editing app:', app.name)
|
||||
console.log('📋 App object structure:', {
|
||||
name: app.name,
|
||||
creator: app.creator,
|
||||
department: app.department,
|
||||
hasCreatorObject: typeof app.creator === 'object',
|
||||
hasCreatorProperty: 'creator' in app,
|
||||
hasDepartmentProperty: 'department' in app
|
||||
})
|
||||
|
||||
const newApp = {
|
||||
name: app.name,
|
||||
type: app.type,
|
||||
department: app.creator?.department || app.department || "HQBU", // This is the problematic line
|
||||
creator: app.creator?.name || app.creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
console.log('📝 Form populated with app data:', newApp)
|
||||
return newApp
|
||||
}
|
||||
|
||||
// Test scenario 1: App with creator as object (from API)
|
||||
console.log('\n=== Test Scenario 1: Creator as Object ===')
|
||||
const apiAppWithCreatorObject = {
|
||||
id: "1",
|
||||
name: "Test AI App",
|
||||
type: "圖像生成",
|
||||
creator: {
|
||||
id: "user1",
|
||||
name: "John Doe",
|
||||
department: "ITBU"
|
||||
},
|
||||
department: "HQBU", // This should be ignored when creator is object
|
||||
description: "A test AI application",
|
||||
appUrl: "https://example.com",
|
||||
icon: "Brain",
|
||||
iconColor: "from-purple-500 to-pink-500",
|
||||
status: "published",
|
||||
views: 100,
|
||||
likes: 50,
|
||||
rating: 4.5,
|
||||
reviews: 10,
|
||||
createdAt: "2024-01-15"
|
||||
}
|
||||
|
||||
console.log('1. Original API app with creator object:')
|
||||
console.log(apiAppWithCreatorObject)
|
||||
|
||||
console.log('\n2. Processed by loadApps:')
|
||||
const processedApp1 = processApps([apiAppWithCreatorObject])[0]
|
||||
console.log(processedApp1)
|
||||
|
||||
console.log('\n3. handleEditApp result:')
|
||||
const editResult1 = handleEditApp(processedApp1)
|
||||
console.log('Department in form:', editResult1.department)
|
||||
|
||||
// Test scenario 2: App with creator as string (from API)
|
||||
console.log('\n=== Test Scenario 2: Creator as String ===')
|
||||
const apiAppWithCreatorString = {
|
||||
id: "2",
|
||||
name: "Another Test App",
|
||||
type: "語音辨識",
|
||||
creator: "Jane Smith", // String creator
|
||||
department: "MBU1", // This should be used when creator is string
|
||||
description: "Another test application",
|
||||
appUrl: "https://test2.com",
|
||||
icon: "Mic",
|
||||
iconColor: "from-green-500 to-teal-500",
|
||||
status: "draft",
|
||||
views: 50,
|
||||
likes: 25,
|
||||
rating: 4.0,
|
||||
reviews: 5,
|
||||
createdAt: "2024-01-20"
|
||||
}
|
||||
|
||||
console.log('1. Original API app with creator string:')
|
||||
console.log(apiAppWithCreatorString)
|
||||
|
||||
console.log('\n2. Processed by loadApps:')
|
||||
const processedApp2 = processApps([apiAppWithCreatorString])[0]
|
||||
console.log(processedApp2)
|
||||
|
||||
console.log('\n3. handleEditApp result:')
|
||||
const editResult2 = handleEditApp(processedApp2)
|
||||
console.log('Department in form:', editResult2.department)
|
||||
|
||||
// Test scenario 3: Fix the handleEditApp function
|
||||
console.log('\n=== Test Scenario 3: Fixed handleEditApp ===')
|
||||
function handleEditAppFixed(app) {
|
||||
console.log('📝 Editing app (FIXED):', app.name)
|
||||
console.log('📋 App object structure:', {
|
||||
name: app.name,
|
||||
creator: app.creator,
|
||||
department: app.department,
|
||||
hasCreatorObject: typeof app.creator === 'object',
|
||||
hasCreatorProperty: 'creator' in app,
|
||||
hasDepartmentProperty: 'department' in app
|
||||
})
|
||||
|
||||
const newApp = {
|
||||
name: app.name,
|
||||
type: app.type,
|
||||
department: app.department || "HQBU", // FIXED: Use app.department directly
|
||||
creator: app.creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
console.log('📝 Form populated with app data (FIXED):', newApp)
|
||||
return newApp
|
||||
}
|
||||
|
||||
console.log('1. Test with processed app 1 (creator was object):')
|
||||
const fixedResult1 = handleEditAppFixed(processedApp1)
|
||||
console.log('Department in form (FIXED):', fixedResult1.department)
|
||||
|
||||
console.log('\n2. Test with processed app 2 (creator was string):')
|
||||
const fixedResult2 = handleEditAppFixed(processedApp2)
|
||||
console.log('Department in form (FIXED):', fixedResult2.department)
|
||||
|
||||
// Verify the fix
|
||||
console.log('\n=== Verification ===')
|
||||
const expectedDepartment1 = "ITBU" // Should be from creator.department
|
||||
const expectedDepartment2 = "MBU1" // Should be from app.department
|
||||
|
||||
console.log('Scenario 1 - Expected:', expectedDepartment1, 'Got:', fixedResult1.department, '✅', fixedResult1.department === expectedDepartment1 ? 'PASS' : 'FAIL')
|
||||
console.log('Scenario 2 - Expected:', expectedDepartment2, 'Got:', fixedResult2.department, '✅', fixedResult2.department === expectedDepartment2 ? 'PASS' : 'FAIL')
|
||||
|
||||
if (fixedResult1.department === expectedDepartment1 && fixedResult2.department === expectedDepartment2) {
|
||||
console.log('\n🎉 All tests passed! The department pre-fill fix is working correctly.')
|
||||
} else {
|
||||
console.log('\n❌ Some tests failed. Check the handleEditApp function.')
|
||||
}
|
||||
@@ -1,166 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// Simulate the detailed API response structure
|
||||
const simulateDetailedApiResponse = async () => {
|
||||
try {
|
||||
const connection = await mysql.createConnection({
|
||||
host: 'localhost',
|
||||
user: 'root',
|
||||
password: '123456',
|
||||
database: 'ai_showcase_platform'
|
||||
});
|
||||
|
||||
console.log('=== Testing Detail View Edit Flow ===\n');
|
||||
|
||||
// 1. First, get the actual detailed API response
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT
|
||||
a.id, a.name, a.description, a.type, a.department as app_department,
|
||||
a.creator_name as app_creator_name, a.creator_email as app_creator_email,
|
||||
a.icon, a.icon_color, a.status, a.created_at,
|
||||
u.id as user_id, u.name as user_name, u.email as user_email, u.department as user_department
|
||||
FROM apps a LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.created_at DESC LIMIT 1
|
||||
`);
|
||||
|
||||
if (apps.length === 0) {
|
||||
console.log('No apps found in database');
|
||||
return;
|
||||
}
|
||||
|
||||
const app = apps[0];
|
||||
console.log('Raw database data:');
|
||||
console.log('app_department:', app.app_department);
|
||||
console.log('app_creator_name:', app.app_creator_name);
|
||||
console.log('user_department:', app.user_department);
|
||||
console.log('user_name:', app.user_name);
|
||||
console.log('type:', app.type);
|
||||
console.log('icon:', app.icon);
|
||||
console.log('icon_color:', app.icon_color);
|
||||
console.log('');
|
||||
|
||||
// 2. Simulate the detailed API response structure (like /api/apps/[id])
|
||||
const detailedAppData = {
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
description: app.description,
|
||||
type: app.type, // This is the API type (English)
|
||||
department: app.app_department, // This should be the app's department
|
||||
icon: app.icon,
|
||||
iconColor: app.icon_color,
|
||||
status: app.status,
|
||||
createdAt: app.created_at,
|
||||
creator: {
|
||||
id: app.user_id,
|
||||
name: app.app_creator_name || app.user_name, // Prioritize app.creator_name
|
||||
email: app.app_creator_email || app.user_email,
|
||||
department: app.app_department || app.user_department, // Prioritize app.department
|
||||
role: 'developer'
|
||||
}
|
||||
};
|
||||
|
||||
console.log('Simulated detailed API response:');
|
||||
console.log('detailedAppData:', JSON.stringify(detailedAppData, null, 2));
|
||||
console.log('');
|
||||
|
||||
// 3. Simulate the handleEditApp function processing
|
||||
const handleEditApp = (app) => {
|
||||
console.log('=== handleEditApp Debug ===');
|
||||
console.log('Input app:', app);
|
||||
console.log('app.type:', app.type);
|
||||
console.log('app.department:', app.department);
|
||||
console.log('app.creator:', app.creator);
|
||||
console.log('app.icon:', app.icon);
|
||||
console.log('app.iconColor:', app.iconColor);
|
||||
|
||||
// 處理類型轉換：如果類型是英文的，轉換為中文
|
||||
let displayType = app.type;
|
||||
if (app.type && !['文字處理', '圖像生成', '程式開發', '數據分析', '教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR', '機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'].includes(app.type)) {
|
||||
displayType = mapApiTypeToDisplayType(app.type);
|
||||
}
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department;
|
||||
let creator = app.creator;
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || "";
|
||||
// 優先使用應用程式的部門，而不是創建者的部門
|
||||
department = app.department || app.creator.department || "";
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name || "",
|
||||
type: displayType || "文字處理",
|
||||
department: department || "",
|
||||
creator: creator || "",
|
||||
description: app.description || "",
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "",
|
||||
iconColor: app.iconColor || "",
|
||||
}
|
||||
|
||||
console.log('newAppData:', newAppData);
|
||||
return newAppData;
|
||||
};
|
||||
|
||||
// 4. Test the type conversion function
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
'other': '其他',
|
||||
// Old English types
|
||||
'web_app': '文字處理',
|
||||
'mobile_app': '文字處理',
|
||||
'desktop_app': '文字處理',
|
||||
'api_service': '程式開發'
|
||||
};
|
||||
return typeMap[apiType] || '其他';
|
||||
};
|
||||
|
||||
// 5. Process the detailed app data
|
||||
const result = handleEditApp(detailedAppData);
|
||||
|
||||
console.log('\n=== Final Result ===');
|
||||
console.log('Expected creator name:', app.app_creator_name || app.user_name);
|
||||
console.log('Expected department:', app.app_department);
|
||||
console.log('Actual result creator:', result.creator);
|
||||
console.log('Actual result department:', result.department);
|
||||
console.log('Actual result type:', result.type);
|
||||
console.log('Actual result icon:', result.icon);
|
||||
console.log('Actual result iconColor:', result.iconColor);
|
||||
|
||||
// 6. Verify the results
|
||||
const expectedCreator = app.app_creator_name || app.user_name;
|
||||
const expectedDepartment = app.app_department;
|
||||
|
||||
console.log('\n=== Verification ===');
|
||||
console.log('Creator match:', result.creator === expectedCreator ? '✅ PASS' : '❌ FAIL');
|
||||
console.log('Department match:', result.department === expectedDepartment ? '✅ PASS' : '❌ FAIL');
|
||||
console.log('Type conversion:', result.type !== app.type ? '✅ PASS (converted)' : '⚠️ No conversion needed');
|
||||
console.log('Icon preserved:', result.icon === app.icon ? '✅ PASS' : '❌ FAIL');
|
||||
console.log('IconColor preserved:', result.iconColor === app.icon_color ? '✅ PASS' : '❌ FAIL');
|
||||
|
||||
await connection.end();
|
||||
} catch (error) {
|
||||
console.error('Test failed:', error);
|
||||
}
|
||||
};
|
||||
|
||||
simulateDetailedApiResponse();
|
||||
@@ -1,92 +0,0 @@
|
||||
// 測試詳細 API 資料結構，檢查創建者資訊
|
||||
console.log('🧪 測試詳細 API 資料結構...');
|
||||
|
||||
// 模擬詳細 API 的資料結構（基於實際資料庫查詢結果）
|
||||
const detailedAppData = {
|
||||
id: "mdzncsmzelu6n5v6e5",
|
||||
name: "ITBU_佩庭_天氣查詢機器人",
|
||||
description: "SADSADSADASDASDASDAS",
|
||||
creatorId: "user-123",
|
||||
teamId: null,
|
||||
status: "draft",
|
||||
type: "ai_model",
|
||||
filePath: null,
|
||||
techStack: [],
|
||||
tags: [],
|
||||
screenshots: [],
|
||||
demoUrl: "https://dify.theaken.com/chat/xLqNfXDQleoKGROm",
|
||||
githubUrl: null,
|
||||
docsUrl: null,
|
||||
version: "1.0.0",
|
||||
likesCount: 0,
|
||||
viewsCount: 0,
|
||||
rating: 0,
|
||||
createdAt: "2025-08-06T07:28:50.000Z",
|
||||
updatedAt: "2025-08-06T07:28:50.000Z",
|
||||
lastUpdated: "2025-08-06T07:28:50.000Z",
|
||||
creator: {
|
||||
id: "user-123",
|
||||
name: "佩庭", // 實際資料庫中的創建者名稱
|
||||
email: "admin@example.com",
|
||||
department: "ITBU",
|
||||
role: "developer"
|
||||
},
|
||||
team: undefined
|
||||
};
|
||||
|
||||
console.log('📋 詳細 API 資料結構:');
|
||||
console.log('應用名稱:', detailedAppData.name);
|
||||
console.log('創建者物件:', detailedAppData.creator);
|
||||
console.log('創建者名稱:', detailedAppData.creator.name);
|
||||
console.log('創建者部門:', detailedAppData.creator.department);
|
||||
|
||||
// 模擬 handleEditApp 函數處理
|
||||
const handleEditApp = (app) => {
|
||||
console.log('\n=== handleEditApp Debug ===');
|
||||
console.log('Input app:', app);
|
||||
console.log('app.creator:', app.creator);
|
||||
console.log('app.creator.name:', app.creator?.name);
|
||||
console.log('app.creator.department:', app.creator?.department);
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department;
|
||||
let creator = app.creator;
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || "";
|
||||
department = app.creator.department || app.department || "";
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name || "",
|
||||
type: app.type || "",
|
||||
department: department || "",
|
||||
creator: creator || "",
|
||||
description: app.description || "",
|
||||
appUrl: app.demoUrl || "",
|
||||
icon: app.icon || "",
|
||||
iconColor: app.iconColor || "",
|
||||
};
|
||||
|
||||
console.log('newAppData:', newAppData);
|
||||
return newAppData;
|
||||
};
|
||||
|
||||
// 測試處理
|
||||
const result = handleEditApp(detailedAppData);
|
||||
|
||||
console.log('\n✅ 測試結果:');
|
||||
console.log('期望創建者名稱: 佩庭');
|
||||
console.log('實際創建者名稱:', result.creator);
|
||||
console.log('期望部門: ITBU');
|
||||
console.log('實際部門:', result.department);
|
||||
|
||||
const isCorrect = result.creator === "佩庭" && result.department === "ITBU";
|
||||
console.log('✅ 測試通過:', isCorrect);
|
||||
|
||||
if (isCorrect) {
|
||||
console.log('\n🎉 創建者資訊處理正確！');
|
||||
} else {
|
||||
console.log('\n❌ 創建者資訊處理有問題，需要檢查。');
|
||||
}
|
||||
@@ -1,132 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// Test the detailed API fix
|
||||
const testDetailedApiFix = async () => {
|
||||
try {
|
||||
const connection = await mysql.createConnection({
|
||||
host: 'localhost',
|
||||
user: 'root',
|
||||
password: '123456',
|
||||
database: 'ai_showcase_platform'
|
||||
});
|
||||
|
||||
console.log('=== Testing Detailed API Fix ===\n');
|
||||
|
||||
// 1. Get the latest app data
|
||||
const [apps] = await connection.execute(`
|
||||
SELECT
|
||||
a.id, a.name, a.description, a.type, a.department as app_department,
|
||||
a.creator_name as app_creator_name, a.creator_email as app_creator_email,
|
||||
a.icon, a.icon_color, a.status, a.created_at,
|
||||
u.id as user_id, u.name as user_name, u.email as user_email, u.department as user_department
|
||||
FROM apps a LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.created_at DESC LIMIT 1
|
||||
`);
|
||||
|
||||
if (apps.length === 0) {
|
||||
console.log('No apps found in database');
|
||||
return;
|
||||
}
|
||||
|
||||
const app = apps[0];
|
||||
console.log('Database values:');
|
||||
console.log('app_department:', app.app_department);
|
||||
console.log('app_creator_name:', app.app_creator_name);
|
||||
console.log('user_department:', app.user_department);
|
||||
console.log('user_name:', app.user_name);
|
||||
console.log('');
|
||||
|
||||
// 2. Simulate the updated detailed API response structure
|
||||
const detailedAppData = {
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
description: app.description,
|
||||
type: app.type,
|
||||
department: app.app_department, // Now included in detailed API
|
||||
icon: app.icon,
|
||||
iconColor: app.icon_color,
|
||||
status: app.status,
|
||||
createdAt: app.created_at,
|
||||
creator: {
|
||||
id: app.user_id,
|
||||
name: app.app_creator_name || app.user_name, // Prioritize app.creator_name
|
||||
email: app.app_creator_email || app.user_email,
|
||||
department: app.app_department || app.user_department, // Prioritize app.department
|
||||
role: 'developer'
|
||||
}
|
||||
};
|
||||
|
||||
console.log('Simulated detailed API response:');
|
||||
console.log('department:', detailedAppData.department);
|
||||
console.log('creator.name:', detailedAppData.creator.name);
|
||||
console.log('creator.department:', detailedAppData.creator.department);
|
||||
console.log('');
|
||||
|
||||
// 3. Simulate handleEditApp processing
|
||||
const handleEditApp = (app) => {
|
||||
console.log('=== handleEditApp Processing ===');
|
||||
console.log('Input app.department:', app.department);
|
||||
console.log('Input app.creator:', app.creator);
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department;
|
||||
let creator = app.creator;
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || "";
|
||||
// 優先使用應用程式的部門，而不是創建者的部門
|
||||
department = app.department || app.creator.department || "";
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name || "",
|
||||
type: app.type || "文字處理",
|
||||
department: department || "",
|
||||
creator: creator || "",
|
||||
description: app.description || "",
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "",
|
||||
iconColor: app.iconColor || "",
|
||||
}
|
||||
|
||||
console.log('newAppData:', newAppData);
|
||||
return newAppData;
|
||||
};
|
||||
|
||||
// 4. Process the detailed app data
|
||||
const result = handleEditApp(detailedAppData);
|
||||
|
||||
console.log('\n=== Final Result ===');
|
||||
console.log('Expected creator name:', app.app_creator_name || app.user_name);
|
||||
console.log('Expected department:', app.app_department);
|
||||
console.log('Actual result creator:', result.creator);
|
||||
console.log('Actual result department:', result.department);
|
||||
|
||||
// 5. Verify the results
|
||||
const expectedCreator = app.app_creator_name || app.user_name;
|
||||
const expectedDepartment = app.app_department;
|
||||
|
||||
console.log('\n=== Verification ===');
|
||||
console.log('Creator match:', result.creator === expectedCreator ? '✅ PASS' : '❌ FAIL');
|
||||
console.log('Department match:', result.department === expectedDepartment ? '✅ PASS' : '❌ FAIL');
|
||||
|
||||
if (result.creator !== expectedCreator) {
|
||||
console.log('❌ Creator mismatch!');
|
||||
console.log('Expected:', expectedCreator);
|
||||
console.log('Actual:', result.creator);
|
||||
}
|
||||
|
||||
if (result.department !== expectedDepartment) {
|
||||
console.log('❌ Department mismatch!');
|
||||
console.log('Expected:', expectedDepartment);
|
||||
console.log('Actual:', result.department);
|
||||
}
|
||||
|
||||
await connection.end();
|
||||
} catch (error) {
|
||||
console.error('Test failed:', error);
|
||||
}
|
||||
};
|
||||
|
||||
testDetailedApiFix();
|
||||
@@ -1,118 +0,0 @@
|
||||
// Test the detailed API logic without database connection
|
||||
const testDetailedApiLogic = () => {
|
||||
console.log('=== Testing Detailed API Logic ===\n');
|
||||
|
||||
// Simulate the database values we expect
|
||||
const mockAppData = {
|
||||
app_department: 'MBU1',
|
||||
app_creator_name: '佩庭',
|
||||
user_department: 'ITBU',
|
||||
user_name: '系統管理員'
|
||||
};
|
||||
|
||||
console.log('Mock database values:');
|
||||
console.log('app_department:', mockAppData.app_department);
|
||||
console.log('app_creator_name:', mockAppData.app_creator_name);
|
||||
console.log('user_department:', mockAppData.user_department);
|
||||
console.log('user_name:', mockAppData.user_name);
|
||||
console.log('');
|
||||
|
||||
// Simulate the updated detailed API response structure
|
||||
const detailedAppData = {
|
||||
id: 1,
|
||||
name: 'Test App',
|
||||
description: 'Test Description',
|
||||
type: 'productivity',
|
||||
department: mockAppData.app_department, // Now included in detailed API
|
||||
icon: 'Bot',
|
||||
iconColor: 'from-blue-500 to-purple-500',
|
||||
status: 'published',
|
||||
createdAt: '2024-01-01',
|
||||
creator: {
|
||||
id: 1,
|
||||
name: mockAppData.app_creator_name || mockAppData.user_name, // Prioritize app.creator_name
|
||||
email: 'test@example.com',
|
||||
department: mockAppData.app_department || mockAppData.user_department, // Prioritize app.department
|
||||
role: 'developer'
|
||||
}
|
||||
};
|
||||
|
||||
console.log('Simulated detailed API response:');
|
||||
console.log('department:', detailedAppData.department);
|
||||
console.log('creator.name:', detailedAppData.creator.name);
|
||||
console.log('creator.department:', detailedAppData.creator.department);
|
||||
console.log('');
|
||||
|
||||
// Simulate handleEditApp processing
|
||||
const handleEditApp = (app) => {
|
||||
console.log('=== handleEditApp Processing ===');
|
||||
console.log('Input app.department:', app.department);
|
||||
console.log('Input app.creator:', app.creator);
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department;
|
||||
let creator = app.creator;
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || "";
|
||||
// 優先使用應用程式的部門，而不是創建者的部門
|
||||
department = app.department || app.creator.department || "";
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name || "",
|
||||
type: app.type || "文字處理",
|
||||
department: department || "",
|
||||
creator: creator || "",
|
||||
description: app.description || "",
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "",
|
||||
iconColor: app.iconColor || "",
|
||||
}
|
||||
|
||||
console.log('newAppData:', newAppData);
|
||||
return newAppData;
|
||||
};
|
||||
|
||||
// Process the detailed app data
|
||||
const result = handleEditApp(detailedAppData);
|
||||
|
||||
console.log('\n=== Final Result ===');
|
||||
console.log('Expected creator name:', mockAppData.app_creator_name || mockAppData.user_name);
|
||||
console.log('Expected department:', mockAppData.app_department);
|
||||
console.log('Actual result creator:', result.creator);
|
||||
console.log('Actual result department:', result.department);
|
||||
|
||||
// Verify the results
|
||||
const expectedCreator = mockAppData.app_creator_name || mockAppData.user_name;
|
||||
const expectedDepartment = mockAppData.app_department;
|
||||
|
||||
console.log('\n=== Verification ===');
|
||||
console.log('Creator match:', result.creator === expectedCreator ? '✅ PASS' : '❌ FAIL');
|
||||
console.log('Department match:', result.department === expectedDepartment ? '✅ PASS' : '❌ FAIL');
|
||||
|
||||
if (result.creator !== expectedCreator) {
|
||||
console.log('❌ Creator mismatch!');
|
||||
console.log('Expected:', expectedCreator);
|
||||
console.log('Actual:', result.creator);
|
||||
}
|
||||
|
||||
if (result.department !== expectedDepartment) {
|
||||
console.log('❌ Department mismatch!');
|
||||
console.log('Expected:', expectedDepartment);
|
||||
console.log('Actual:', result.department);
|
||||
}
|
||||
|
||||
console.log('\n=== Summary ===');
|
||||
console.log('The detailed API should now return:');
|
||||
console.log('- department: app.department (MBU1)');
|
||||
console.log('- creator.name: app.creator_name (佩庭)');
|
||||
console.log('- creator.department: app.department (MBU1)');
|
||||
console.log('');
|
||||
console.log('The handleEditApp function should extract:');
|
||||
console.log('- department: app.department (MBU1)');
|
||||
console.log('- creator: app.creator.name (佩庭)');
|
||||
};
|
||||
|
||||
testDetailedApiLogic();
|
||||
@@ -1,155 +0,0 @@
|
||||
// 模擬前端類型映射函數
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
'other': '其他'
|
||||
};
|
||||
return typeMap[apiType] || '其他';
|
||||
};
|
||||
|
||||
// 模擬 handleEditApp 函數（修正後）
|
||||
const handleEditApp = (app) => {
|
||||
console.log('=== handleEditApp Debug ===');
|
||||
console.log('Input app:', app);
|
||||
console.log('app.type:', app.type);
|
||||
console.log('app.department:', app.department);
|
||||
console.log('app.creator:', app.creator);
|
||||
|
||||
// 處理類型轉換：如果類型是英文的，轉換為中文
|
||||
let displayType = app.type;
|
||||
if (app.type && !['文字處理', '圖像生成', '程式開發', '數據分析', '教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR', '機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'].includes(app.type)) {
|
||||
displayType = mapApiTypeToDisplayType(app.type);
|
||||
}
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department;
|
||||
let creator = app.creator;
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || "";
|
||||
department = app.creator.department || app.department || "HQBU";
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name,
|
||||
type: displayType,
|
||||
department: department || "HQBU",
|
||||
creator: creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
};
|
||||
|
||||
console.log('newAppData:', newAppData);
|
||||
return newAppData;
|
||||
};
|
||||
|
||||
async function testEditAppConsistency() {
|
||||
console.log('🧪 測試編輯應用功能一致性...\n');
|
||||
|
||||
// 1. 模擬列表中的應用資料（來自 loadApps）
|
||||
const listApp = {
|
||||
id: 'test123',
|
||||
name: '測試應用程式',
|
||||
description: '這是一個測試應用程式',
|
||||
type: '文字處理', // 已經轉換為中文
|
||||
department: 'HQBU',
|
||||
creator: '測試創建者',
|
||||
appUrl: 'https://example.com',
|
||||
icon: 'Bot',
|
||||
iconColor: 'from-blue-500 to-purple-500'
|
||||
};
|
||||
|
||||
// 2. 模擬詳細 API 返回的應用資料
|
||||
const detailApp = {
|
||||
id: 'test123',
|
||||
name: '測試應用程式',
|
||||
description: '這是一個測試應用程式',
|
||||
type: 'productivity', // 英文類型
|
||||
department: 'HQBU',
|
||||
creator: {
|
||||
id: 'user123',
|
||||
name: '測試創建者',
|
||||
email: 'test@example.com',
|
||||
department: 'HQBU',
|
||||
role: 'developer'
|
||||
},
|
||||
demoUrl: 'https://example.com',
|
||||
icon: 'Bot',
|
||||
iconColor: 'from-blue-500 to-purple-500'
|
||||
};
|
||||
|
||||
console.log('📋 測試列表中的編輯功能:');
|
||||
console.log('輸入資料:', listApp);
|
||||
const listResult = handleEditApp(listApp);
|
||||
console.log('處理結果:', listResult);
|
||||
|
||||
console.log('\n📋 測試詳細對話框中的編輯功能:');
|
||||
console.log('輸入資料:', detailApp);
|
||||
const detailResult = handleEditApp(detailApp);
|
||||
console.log('處理結果:', detailResult);
|
||||
|
||||
// 3. 驗證一致性
|
||||
console.log('\n✅ 一致性檢查:');
|
||||
const fieldsToCheck = ['name', 'type', 'department', 'creator', 'description', 'appUrl', 'icon', 'iconColor'];
|
||||
|
||||
fieldsToCheck.forEach(field => {
|
||||
const listValue = listResult[field];
|
||||
const detailValue = detailResult[field];
|
||||
const isConsistent = listValue === detailValue;
|
||||
console.log(` ${field}: ${listValue} vs ${detailValue} ${isConsistent ? '✅' : '❌'}`);
|
||||
});
|
||||
|
||||
// 4. 測試不同類型的轉換
|
||||
console.log('\n🔍 測試類型轉換:');
|
||||
const testTypes = [
|
||||
{ apiType: 'productivity', expected: '文字處理' },
|
||||
{ apiType: 'ai_model', expected: '圖像生成' },
|
||||
{ apiType: 'automation', expected: '程式開發' },
|
||||
{ apiType: 'data_analysis', expected: '數據分析' },
|
||||
{ apiType: 'educational', expected: '教育工具' },
|
||||
{ apiType: 'healthcare', expected: '健康醫療' },
|
||||
{ apiType: 'finance', expected: '金融科技' },
|
||||
{ apiType: 'iot_device', expected: '物聯網' },
|
||||
{ apiType: 'blockchain', expected: '區塊鏈' },
|
||||
{ apiType: 'ar_vr', expected: 'AR/VR' },
|
||||
{ apiType: 'machine_learning', expected: '機器學習' },
|
||||
{ apiType: 'computer_vision', expected: '電腦視覺' },
|
||||
{ apiType: 'nlp', expected: '自然語言處理' },
|
||||
{ apiType: 'robotics', expected: '機器人' },
|
||||
{ apiType: 'cybersecurity', expected: '網路安全' },
|
||||
{ apiType: 'cloud_service', expected: '雲端服務' },
|
||||
{ apiType: 'other', expected: '其他' }
|
||||
];
|
||||
|
||||
testTypes.forEach(({ apiType, expected }) => {
|
||||
const testApp = {
|
||||
...detailApp,
|
||||
type: apiType
|
||||
};
|
||||
const result = handleEditApp(testApp);
|
||||
const isCorrect = result.type === expected;
|
||||
console.log(` ${apiType} -> ${result.type} ${isCorrect ? '✅' : '❌'}`);
|
||||
});
|
||||
|
||||
console.log('\n✅ 編輯應用功能一致性測試完成！');
|
||||
}
|
||||
|
||||
testEditAppConsistency().catch(console.error);
|
||||
@@ -1,210 +0,0 @@
|
||||
// 測試編輯應用功能是否正確使用資料庫值而非預設值
|
||||
console.log('🧪 測試編輯應用功能資料庫值處理...');
|
||||
|
||||
// 模擬前端類型映射函數
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
'other': '其他',
|
||||
// 舊的英文類型映射
|
||||
'web_app': '文字處理',
|
||||
'mobile_app': '文字處理',
|
||||
'desktop_app': '文字處理',
|
||||
'api_service': '程式開發'
|
||||
};
|
||||
return typeMap[apiType] || '其他';
|
||||
};
|
||||
|
||||
// 模擬修正後的 handleEditApp 函數
|
||||
const handleEditApp = (app) => {
|
||||
console.log('=== handleEditApp Debug ===');
|
||||
console.log('Input app:', app);
|
||||
console.log('app.type:', app.type);
|
||||
console.log('app.department:', app.department);
|
||||
console.log('app.creator:', app.creator);
|
||||
console.log('app.icon:', app.icon);
|
||||
console.log('app.iconColor:', app.iconColor);
|
||||
|
||||
// 處理類型轉換：如果類型是英文的，轉換為中文
|
||||
let displayType = app.type;
|
||||
if (app.type && !['文字處理', '圖像生成', '程式開發', '數據分析', '教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR', '機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'].includes(app.type)) {
|
||||
displayType = mapApiTypeToDisplayType(app.type);
|
||||
}
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department;
|
||||
let creator = app.creator;
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || "";
|
||||
department = app.creator.department || app.department || "";
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name || "",
|
||||
type: displayType || "文字處理",
|
||||
department: department || "",
|
||||
creator: creator || "",
|
||||
description: app.description || "",
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "",
|
||||
iconColor: app.iconColor || "",
|
||||
};
|
||||
|
||||
console.log('newAppData:', newAppData);
|
||||
return newAppData;
|
||||
};
|
||||
|
||||
async function testEditAppDatabaseValues() {
|
||||
console.log('\n📋 測試案例 1: 資料庫有實際值的應用程式');
|
||||
|
||||
// 模擬來自詳細 API 的資料（有實際資料庫值）
|
||||
const appWithRealData = {
|
||||
id: "test-1",
|
||||
name: "真實 AI 應用",
|
||||
description: "這是一個真實的應用程式",
|
||||
type: "productivity", // 英文 API 類型
|
||||
department: "ITBU", // 實際部門
|
||||
creator: {
|
||||
id: "user-1",
|
||||
name: "張三", // 實際創建者名稱
|
||||
email: "zhang@example.com",
|
||||
department: "ITBU",
|
||||
role: "developer"
|
||||
},
|
||||
icon: "Zap", // 實際圖示
|
||||
iconColor: "from-yellow-500 to-orange-500", // 實際圖示顏色
|
||||
appUrl: "https://example.com/app",
|
||||
demoUrl: "https://demo.example.com"
|
||||
};
|
||||
|
||||
const result1 = handleEditApp(appWithRealData);
|
||||
|
||||
console.log('\n✅ 測試案例 1 結果:');
|
||||
console.log('期望: 使用資料庫的實際值');
|
||||
console.log('實際結果:', result1);
|
||||
|
||||
// 驗證結果
|
||||
const expected1 = {
|
||||
name: "真實 AI 應用",
|
||||
type: "文字處理", // 應該從 productivity 轉換
|
||||
department: "ITBU", // 應該使用實際部門
|
||||
creator: "張三", // 應該從物件提取名稱
|
||||
description: "這是一個真實的應用程式",
|
||||
appUrl: "https://example.com/app",
|
||||
icon: "Zap", // 應該使用實際圖示
|
||||
iconColor: "from-yellow-500 to-orange-500" // 應該使用實際顏色
|
||||
};
|
||||
|
||||
const isCorrect1 = JSON.stringify(result1) === JSON.stringify(expected1);
|
||||
console.log('✅ 測試案例 1 通過:', isCorrect1);
|
||||
|
||||
console.log('\n📋 測試案例 2: 資料庫值為空字串的應用程式');
|
||||
|
||||
// 模擬資料庫值為空字串的情況
|
||||
const appWithEmptyData = {
|
||||
id: "test-2",
|
||||
name: "空值測試應用",
|
||||
description: "測試空值處理",
|
||||
type: "other",
|
||||
department: "", // 空字串
|
||||
creator: {
|
||||
id: "user-2",
|
||||
name: "", // 空字串
|
||||
email: "test@example.com",
|
||||
department: "", // 空字串
|
||||
role: "user"
|
||||
},
|
||||
icon: "", // 空字串
|
||||
iconColor: "", // 空字串
|
||||
appUrl: "",
|
||||
demoUrl: ""
|
||||
};
|
||||
|
||||
const result2 = handleEditApp(appWithEmptyData);
|
||||
|
||||
console.log('\n✅ 測試案例 2 結果:');
|
||||
console.log('期望: 保持空字串，不使用預設值');
|
||||
console.log('實際結果:', result2);
|
||||
|
||||
// 驗證結果
|
||||
const expected2 = {
|
||||
name: "空值測試應用",
|
||||
type: "其他",
|
||||
department: "", // 應該保持空字串
|
||||
creator: "", // 應該保持空字串
|
||||
description: "測試空值處理",
|
||||
appUrl: "",
|
||||
icon: "", // 應該保持空字串
|
||||
iconColor: "" // 應該保持空字串
|
||||
};
|
||||
|
||||
const isCorrect2 = JSON.stringify(result2) === JSON.stringify(expected2);
|
||||
console.log('✅ 測試案例 2 通過:', isCorrect2);
|
||||
|
||||
console.log('\n📋 測試案例 3: 來自列表 API 的資料（字串格式）');
|
||||
|
||||
// 模擬來自列表 API 的資料（字串格式）
|
||||
const appFromList = {
|
||||
id: "test-3",
|
||||
name: "列表應用",
|
||||
description: "來自列表的應用",
|
||||
type: "文字處理", // 已經是中文
|
||||
department: "HQBU", // 字串格式
|
||||
creator: "李四", // 字串格式
|
||||
icon: "Bot", // 字串格式
|
||||
iconColor: "from-blue-500 to-purple-500", // 字串格式
|
||||
appUrl: "https://list.example.com"
|
||||
};
|
||||
|
||||
const result3 = handleEditApp(appFromList);
|
||||
|
||||
console.log('\n✅ 測試案例 3 結果:');
|
||||
console.log('期望: 直接使用字串值');
|
||||
console.log('實際結果:', result3);
|
||||
|
||||
// 驗證結果
|
||||
const expected3 = {
|
||||
name: "列表應用",
|
||||
type: "文字處理",
|
||||
department: "HQBU",
|
||||
creator: "李四",
|
||||
description: "來自列表的應用",
|
||||
appUrl: "https://list.example.com",
|
||||
icon: "Bot",
|
||||
iconColor: "from-blue-500 to-purple-500"
|
||||
};
|
||||
|
||||
const isCorrect3 = JSON.stringify(result3) === JSON.stringify(expected3);
|
||||
console.log('✅ 測試案例 3 通過:', isCorrect3);
|
||||
|
||||
console.log('\n📊 總結:');
|
||||
console.log(`✅ 測試案例 1 (實際資料庫值): ${isCorrect1 ? '通過' : '失敗'}`);
|
||||
console.log(`✅ 測試案例 2 (空字串處理): ${isCorrect2 ? '通過' : '失敗'}`);
|
||||
console.log(`✅ 測試案例 3 (列表資料格式): ${isCorrect3 ? '通過' : '失敗'}`);
|
||||
|
||||
if (isCorrect1 && isCorrect2 && isCorrect3) {
|
||||
console.log('\n🎉 所有測試案例通過！編輯功能現在正確使用資料庫值而非預設值。');
|
||||
} else {
|
||||
console.log('\n❌ 部分測試案例失敗，需要進一步檢查。');
|
||||
}
|
||||
}
|
||||
|
||||
// 執行測試
|
||||
testEditAppDatabaseValues().catch(console.error);
|
||||
@@ -1,142 +0,0 @@
|
||||
// 測試編輯應用功能部門資訊修正
|
||||
console.log('🧪 測試編輯應用功能部門資訊修正...');
|
||||
|
||||
// 模擬前端類型映射函數
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
'other': '其他'
|
||||
};
|
||||
return typeMap[apiType] || '其他';
|
||||
};
|
||||
|
||||
// 模擬修正後的 handleEditApp 函數
|
||||
const handleEditApp = (app) => {
|
||||
console.log('=== handleEditApp Debug ===');
|
||||
console.log('Input app:', app);
|
||||
console.log('app.department:', app.department);
|
||||
console.log('app.creator:', app.creator);
|
||||
|
||||
// 處理類型轉換：如果類型是英文的，轉換為中文
|
||||
let displayType = app.type;
|
||||
if (app.type && !['文字處理', '圖像生成', '程式開發', '數據分析', '教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR', '機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'].includes(app.type)) {
|
||||
displayType = mapApiTypeToDisplayType(app.type);
|
||||
}
|
||||
|
||||
// 處理部門和創建者資料
|
||||
let department = app.department;
|
||||
let creator = app.creator;
|
||||
|
||||
// 如果 app.creator 是物件（來自詳細 API），提取名稱
|
||||
if (app.creator && typeof app.creator === 'object') {
|
||||
creator = app.creator.name || "";
|
||||
// 優先使用應用程式的部門，而不是創建者的部門
|
||||
department = app.department || app.creator.department || "";
|
||||
}
|
||||
|
||||
const newAppData = {
|
||||
name: app.name || "",
|
||||
type: displayType || "文字處理",
|
||||
department: department || "",
|
||||
creator: creator || "",
|
||||
description: app.description || "",
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "",
|
||||
iconColor: app.iconColor || "",
|
||||
};
|
||||
|
||||
console.log('newAppData:', newAppData);
|
||||
return newAppData;
|
||||
};
|
||||
|
||||
async function testEditAppDepartmentFix() {
|
||||
console.log('\n📋 測試案例 1: 來自列表 API 的資料');
|
||||
|
||||
// 模擬來自列表 API 的資料（基於實際資料庫資料）
|
||||
const listAppData = {
|
||||
id: "mdzotctmlayh9u9iogt",
|
||||
name: "Wu Petty",
|
||||
description: "ewqewqewqewqeqwewqewq",
|
||||
type: "automation",
|
||||
department: "MBU1", // 應用程式的部門
|
||||
creator: {
|
||||
id: "admin-1754374591679",
|
||||
name: "佩庭", // 創建者名稱
|
||||
email: "admin@example.com",
|
||||
department: "ITBU", // 創建者的部門
|
||||
role: "admin"
|
||||
},
|
||||
icon: "Zap",
|
||||
iconColor: "from-yellow-500 to-orange-500",
|
||||
appUrl: "https://example.com/app"
|
||||
};
|
||||
|
||||
const result1 = handleEditApp(listAppData);
|
||||
|
||||
console.log('\n✅ 測試案例 1 結果:');
|
||||
console.log('期望創建者名稱: 佩庭');
|
||||
console.log('實際創建者名稱:', result1.creator);
|
||||
console.log('期望部門: MBU1 (應用程式部門)');
|
||||
console.log('實際部門:', result1.department);
|
||||
|
||||
const isCorrect1 = result1.creator === "佩庭" && result1.department === "MBU1";
|
||||
console.log('✅ 測試案例 1 通過:', isCorrect1);
|
||||
|
||||
console.log('\n📋 測試案例 2: 來自詳細 API 的資料');
|
||||
|
||||
// 模擬來自詳細 API 的資料
|
||||
const detailAppData = {
|
||||
id: "mdzotctmlayh9u9iogt",
|
||||
name: "Wu Petty",
|
||||
description: "ewqewqewqewqeqwewqewq",
|
||||
type: "automation",
|
||||
department: "MBU1", // 應用程式的部門
|
||||
creator: {
|
||||
id: "admin-1754374591679",
|
||||
name: "佩庭",
|
||||
email: "admin@example.com",
|
||||
department: "ITBU", // 創建者的部門
|
||||
role: "admin"
|
||||
},
|
||||
demoUrl: "https://example.com/demo"
|
||||
};
|
||||
|
||||
const result2 = handleEditApp(detailAppData);
|
||||
|
||||
console.log('\n✅ 測試案例 2 結果:');
|
||||
console.log('期望創建者名稱: 佩庭');
|
||||
console.log('實際創建者名稱:', result2.creator);
|
||||
console.log('期望部門: MBU1 (應用程式部門)');
|
||||
console.log('實際部門:', result2.department);
|
||||
|
||||
const isCorrect2 = result2.creator === "佩庭" && result2.department === "MBU1";
|
||||
console.log('✅ 測試案例 2 通過:', isCorrect2);
|
||||
|
||||
console.log('\n📊 總結:');
|
||||
console.log(`✅ 測試案例 1 (列表資料): ${isCorrect1 ? '通過' : '失敗'}`);
|
||||
console.log(`✅ 測試案例 2 (詳細資料): ${isCorrect2 ? '通過' : '失敗'}`);
|
||||
|
||||
if (isCorrect1 && isCorrect2) {
|
||||
console.log('\n🎉 部門資訊修正成功！現在正確使用應用程式的部門而非創建者的部門。');
|
||||
} else {
|
||||
console.log('\n❌ 部分測試案例失敗，需要進一步檢查。');
|
||||
}
|
||||
}
|
||||
|
||||
// 執行測試
|
||||
testEditAppDepartmentFix().catch(console.error);
|
||||
@@ -1,78 +0,0 @@
|
||||
async function testForgotPasswordNewFlow() {
|
||||
console.log('🧪 測試新的忘記密碼流程...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試忘記密碼 API
|
||||
console.log('1. 測試忘記密碼 API...');
|
||||
const response = await fetch('http://localhost:3000/api/auth/forgot-password', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com'
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log('✅ 忘記密碼 API 測試成功');
|
||||
console.log('生成的重設連結:', data.resetUrl);
|
||||
console.log('過期時間:', data.expiresAt);
|
||||
|
||||
// 解析 URL 參數
|
||||
const url = new URL(data.resetUrl);
|
||||
const token = url.searchParams.get('token');
|
||||
const email = url.searchParams.get('email');
|
||||
const mode = url.searchParams.get('mode');
|
||||
const name = url.searchParams.get('name');
|
||||
const department = url.searchParams.get('department');
|
||||
|
||||
console.log('\n📋 URL 參數解析:');
|
||||
console.log('- token:', token);
|
||||
console.log('- email:', email);
|
||||
console.log('- mode:', mode);
|
||||
console.log('- name:', name);
|
||||
console.log('- department:', department);
|
||||
|
||||
// 2. 測試密碼重設 API
|
||||
console.log('\n2. 測試密碼重設 API...');
|
||||
const resetResponse = await fetch('http://localhost:3000/api/auth/reset-password', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
token: token,
|
||||
password: 'newpassword123'
|
||||
})
|
||||
});
|
||||
|
||||
if (resetResponse.ok) {
|
||||
const resetData = await resetResponse.json();
|
||||
console.log('✅ 密碼重設 API 測試成功:', resetData);
|
||||
} else {
|
||||
const errorData = await resetResponse.text();
|
||||
console.log('❌ 密碼重設 API 測試失敗:', resetResponse.status, errorData);
|
||||
}
|
||||
|
||||
} else {
|
||||
const errorData = await response.text();
|
||||
console.log('❌ 忘記密碼 API 測試失敗:', response.status, errorData);
|
||||
}
|
||||
|
||||
console.log('\n🎉 新流程測試完成！');
|
||||
console.log('\n📝 使用方式:');
|
||||
console.log('1. 用戶點擊「忘記密碼」');
|
||||
console.log('2. 輸入電子郵件地址');
|
||||
console.log('3. 系統生成一次性重設連結');
|
||||
console.log('4. 用戶複製連結並在新視窗中開啟');
|
||||
console.log('5. 在註冊頁面設定新密碼');
|
||||
console.log('6. 完成密碼重設');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testForgotPasswordNewFlow();
|
||||
@@ -1,125 +0,0 @@
|
||||
const bcrypt = require('bcryptjs');
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// 資料庫配置
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function testForgotPassword() {
|
||||
console.log('🧪 測試忘記密碼功能...\n');
|
||||
|
||||
try {
|
||||
const connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 1. 創建密碼重設表（如果不存在）
|
||||
console.log('1. 創建密碼重設表...');
|
||||
const createTableSQL = `
|
||||
CREATE TABLE IF NOT EXISTS password_reset_tokens (
|
||||
id VARCHAR(36) PRIMARY KEY,
|
||||
user_id VARCHAR(36) NOT NULL,
|
||||
token VARCHAR(255) NOT NULL UNIQUE,
|
||||
expires_at TIMESTAMP NOT NULL,
|
||||
used_at TIMESTAMP NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
|
||||
INDEX idx_user_id (user_id),
|
||||
INDEX idx_token (token),
|
||||
INDEX idx_expires_at (expires_at),
|
||||
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci
|
||||
`;
|
||||
|
||||
await connection.execute(createTableSQL);
|
||||
console.log('✅ 密碼重設表創建成功');
|
||||
|
||||
// 2. 測試 API 端點
|
||||
console.log('\n2. 測試忘記密碼 API...');
|
||||
try {
|
||||
const response = await fetch('http://localhost:3000/api/auth/forgot-password', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com'
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log('✅ 忘記密碼 API 測試成功:', data);
|
||||
} else {
|
||||
const errorData = await response.text();
|
||||
console.log('❌ 忘記密碼 API 測試失敗:', response.status, errorData);
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('❌ API 測試錯誤:', error.message);
|
||||
}
|
||||
|
||||
// 3. 測試密碼重設 API
|
||||
console.log('\n3. 測試密碼重設 API...');
|
||||
try {
|
||||
// 先創建一個測試 token
|
||||
const testToken = 'test-token-' + Date.now();
|
||||
const expiresAt = new Date(Date.now() + 60 * 60 * 1000); // 1 小時後過期
|
||||
|
||||
// 獲取測試用戶 ID
|
||||
const [users] = await connection.execute('SELECT id FROM users WHERE email = ?', ['admin@ai-platform.com']);
|
||||
if (users.length > 0) {
|
||||
const userId = users[0].id;
|
||||
|
||||
// 插入測試 token
|
||||
await connection.execute(`
|
||||
INSERT INTO password_reset_tokens (id, user_id, token, expires_at)
|
||||
VALUES (UUID(), ?, ?, ?)
|
||||
`, [userId, testToken, expiresAt]);
|
||||
|
||||
// 測試重設密碼
|
||||
const response = await fetch('http://localhost:3000/api/auth/reset-password', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
token: testToken,
|
||||
password: 'newpassword123'
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log('✅ 密碼重設 API 測試成功:', data);
|
||||
} else {
|
||||
const errorData = await response.text();
|
||||
console.log('❌ 密碼重設 API 測試失敗:', response.status, errorData);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('❌ 密碼重設 API 測試錯誤:', error.message);
|
||||
}
|
||||
|
||||
// 4. 檢查資料庫狀態
|
||||
console.log('\n4. 檢查資料庫狀態...');
|
||||
const [tokens] = await connection.execute(`
|
||||
SELECT COUNT(*) as count FROM password_reset_tokens
|
||||
`);
|
||||
console.log('密碼重設 tokens 數量:', tokens[0].count);
|
||||
|
||||
await connection.end();
|
||||
console.log('\n🎉 忘記密碼功能測試完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testForgotPassword();
|
||||
@@ -1,83 +0,0 @@
|
||||
async function testFrontendLogin() {
|
||||
console.log('🧪 測試前端登入狀態...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試登入 API
|
||||
console.log('1. 測試登入 API...');
|
||||
const loginResponse = await fetch('http://localhost:3000/api/auth/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com',
|
||||
password: 'admin123456'
|
||||
})
|
||||
});
|
||||
|
||||
if (loginResponse.ok) {
|
||||
const loginData = await loginResponse.json();
|
||||
console.log('✅ 登入 API 成功');
|
||||
console.log('用戶角色:', loginData.user?.role);
|
||||
|
||||
// 2. 測試用戶資料 API
|
||||
console.log('\n2. 測試用戶資料 API...');
|
||||
const profileResponse = await fetch('http://localhost:3000/api/auth/profile', {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
// 注意：這裡沒有包含認證 token，因為我們沒有實現 JWT
|
||||
}
|
||||
});
|
||||
|
||||
console.log('用戶資料 API 狀態:', profileResponse.status);
|
||||
if (profileResponse.ok) {
|
||||
const profileData = await profileResponse.json();
|
||||
console.log('✅ 用戶資料 API 成功');
|
||||
console.log('用戶角色:', profileData.role);
|
||||
} else {
|
||||
console.log('❌ 用戶資料 API 失敗');
|
||||
}
|
||||
|
||||
// 3. 檢查管理員頁面
|
||||
console.log('\n3. 檢查管理員頁面...');
|
||||
const adminResponse = await fetch('http://localhost:3000/admin');
|
||||
|
||||
if (adminResponse.ok) {
|
||||
const pageContent = await adminResponse.text();
|
||||
|
||||
if (pageContent.includes('存取被拒')) {
|
||||
console.log('❌ 頁面顯示存取被拒');
|
||||
|
||||
// 檢查調試信息
|
||||
const debugMatch = pageContent.match(/調試信息: 用戶=([^,]+), 角色=([^<]+)/);
|
||||
if (debugMatch) {
|
||||
console.log('📋 調試信息:', {
|
||||
用戶: debugMatch[1],
|
||||
角色: debugMatch[2]
|
||||
});
|
||||
}
|
||||
} else if (pageContent.includes('儀表板') || pageContent.includes('管理員')) {
|
||||
console.log('✅ 管理員頁面正常顯示');
|
||||
} else {
|
||||
console.log('⚠️ 頁面內容不確定');
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
const errorData = await loginResponse.text();
|
||||
console.log('❌ 登入 API 失敗:', loginResponse.status, errorData);
|
||||
}
|
||||
|
||||
console.log('\n🎉 前端登入狀態測試完成！');
|
||||
console.log('\n💡 建議:');
|
||||
console.log('1. 檢查瀏覽器中的 localStorage 是否有用戶資料');
|
||||
console.log('2. 確認登入後用戶狀態是否正確更新');
|
||||
console.log('3. 檢查權限檢查邏輯是否正確');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testFrontendLogin();
|
||||
@@ -1,46 +0,0 @@
|
||||
async function testHydrationFix() {
|
||||
console.log('🧪 測試 Hydration 錯誤修復...\n');
|
||||
|
||||
try {
|
||||
// 測試管理員頁面載入
|
||||
console.log('1. 測試管理員頁面載入...');
|
||||
const response = await fetch('http://localhost:3000/admin');
|
||||
|
||||
if (response.ok) {
|
||||
console.log('✅ 管理員頁面載入成功');
|
||||
console.log('狀態碼:', response.status);
|
||||
|
||||
// 檢查頁面內容是否包含修復後的邏輯
|
||||
const pageContent = await response.text();
|
||||
|
||||
// 檢查是否包含客戶端狀態檢查
|
||||
if (pageContent.includes('isClient')) {
|
||||
console.log('✅ 客戶端狀態檢查已添加');
|
||||
} else {
|
||||
console.log('❌ 客戶端狀態檢查可能未生效');
|
||||
}
|
||||
|
||||
// 檢查是否移除了直接的 window 檢查
|
||||
if (!pageContent.includes('typeof window !== \'undefined\'')) {
|
||||
console.log('✅ 直接的 window 檢查已移除');
|
||||
} else {
|
||||
console.log('⚠️ 可能還有直接的 window 檢查');
|
||||
}
|
||||
|
||||
} else {
|
||||
console.log('❌ 管理員頁面載入失敗:', response.status);
|
||||
}
|
||||
|
||||
console.log('\n🎉 Hydration 錯誤修復測試完成！');
|
||||
console.log('\n📋 修復內容:');
|
||||
console.log('✅ 添加了 isClient 狀態來處理客戶端渲染');
|
||||
console.log('✅ 移除了直接的 typeof window 檢查');
|
||||
console.log('✅ 使用 useEffect 確保客戶端狀態正確設置');
|
||||
console.log('✅ 防止服務器端和客戶端渲染不匹配');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testHydrationFix();
|
||||
@@ -1,106 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function testListApiFix() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔍 測試列表 API 創建者資訊修正...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 模擬列表 API 的查詢
|
||||
const sql = `
|
||||
SELECT
|
||||
a.*,
|
||||
u.name as user_creator_name,
|
||||
u.email as user_creator_email,
|
||||
u.department as user_creator_department,
|
||||
u.role as creator_role
|
||||
FROM apps a
|
||||
LEFT JOIN users u ON a.creator_id = u.id
|
||||
ORDER BY a.created_at DESC
|
||||
LIMIT 3
|
||||
`;
|
||||
|
||||
const [apps] = await connection.execute(sql, []);
|
||||
|
||||
console.log('\n📊 原始資料庫查詢結果:');
|
||||
apps.forEach((app, index) => {
|
||||
console.log(`\n應用程式 ${index + 1}:`);
|
||||
console.log(` ID: ${app.id}`);
|
||||
console.log(` 名稱: ${app.name}`);
|
||||
console.log(` creator_id: ${app.creator_id}`);
|
||||
console.log(` user_creator_name: ${app.user_creator_name}`);
|
||||
console.log(` user_creator_email: ${app.user_creator_email}`);
|
||||
console.log(` user_creator_department: ${app.user_creator_department}`);
|
||||
console.log(` department: ${app.department}`);
|
||||
});
|
||||
|
||||
// 模擬修正後的格式化邏輯
|
||||
const formattedApps = apps.map((app) => ({
|
||||
id: app.id,
|
||||
name: app.name,
|
||||
description: app.description,
|
||||
creatorId: app.creator_id,
|
||||
status: app.status,
|
||||
type: app.type,
|
||||
icon: app.icon,
|
||||
iconColor: app.icon_color,
|
||||
department: app.department,
|
||||
creator: {
|
||||
id: app.creator_id,
|
||||
name: app.user_creator_name, // 修正：直接使用 user_creator_name
|
||||
email: app.user_creator_email, // 修正：直接使用 user_creator_email
|
||||
department: app.department || app.user_creator_department,
|
||||
role: app.creator_role
|
||||
}
|
||||
}));
|
||||
|
||||
console.log('\n📋 修正後的格式化結果:');
|
||||
formattedApps.forEach((app, index) => {
|
||||
console.log(`\n應用程式 ${index + 1}:`);
|
||||
console.log(` 名稱: ${app.name}`);
|
||||
console.log(` 創建者 ID: ${app.creator.id}`);
|
||||
console.log(` 創建者名稱: ${app.creator.name}`);
|
||||
console.log(` 創建者郵箱: ${app.creator.email}`);
|
||||
console.log(` 創建者部門: ${app.creator.department}`);
|
||||
console.log(` 應用部門: ${app.department}`);
|
||||
});
|
||||
|
||||
// 驗證修正是否有效
|
||||
const hasValidCreatorNames = formattedApps.every(app =>
|
||||
app.creator.name && app.creator.name.trim() !== ''
|
||||
);
|
||||
|
||||
console.log('\n✅ 驗證結果:');
|
||||
console.log(`所有應用程式都有有效的創建者名稱: ${hasValidCreatorNames}`);
|
||||
|
||||
if (hasValidCreatorNames) {
|
||||
console.log('🎉 列表 API 創建者資訊修正成功！');
|
||||
} else {
|
||||
console.log('❌ 仍有應用程式缺少創建者名稱，需要進一步檢查。');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試列表 API 修正失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 執行測試
|
||||
testListApiFix().catch(console.error);
|
||||
@@ -1,137 +0,0 @@
|
||||
// Test script to verify modal reset fix
|
||||
console.log('Testing modal reset fix...')
|
||||
|
||||
// Simulate the newApp state
|
||||
let newApp = {
|
||||
name: "",
|
||||
type: "文字處理",
|
||||
department: "HQBU",
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "Bot",
|
||||
iconColor: "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
// Simulate the resetNewApp function
|
||||
function resetNewApp() {
|
||||
newApp = {
|
||||
name: "",
|
||||
type: "文字處理",
|
||||
department: "HQBU",
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "Bot",
|
||||
iconColor: "from-blue-500 to-purple-500",
|
||||
}
|
||||
console.log('✅ Form reset to initial values')
|
||||
}
|
||||
|
||||
// Simulate the handleEditApp function
|
||||
function handleEditApp(app) {
|
||||
console.log('📝 Editing app:', app.name)
|
||||
newApp = {
|
||||
name: app.name,
|
||||
type: app.type,
|
||||
department: app.creator?.department || app.department || "HQBU",
|
||||
creator: app.creator?.name || app.creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
}
|
||||
console.log('📝 Form populated with app data:', newApp)
|
||||
}
|
||||
|
||||
// Simulate the "Add New App" button click
|
||||
function handleAddNewAppClick() {
|
||||
console.log('➕ Add New App button clicked')
|
||||
console.log('📋 Form state before reset:', newApp)
|
||||
resetNewApp()
|
||||
console.log('📋 Form state after reset:', newApp)
|
||||
}
|
||||
|
||||
// Test scenario 1: Edit an app, then click "Add New App"
|
||||
console.log('\n=== Test Scenario 1: Edit then Add New ===')
|
||||
const testApp = {
|
||||
name: "Test AI App",
|
||||
type: "圖像生成",
|
||||
department: "ITBU",
|
||||
creator: "John Doe",
|
||||
description: "A test AI application",
|
||||
appUrl: "https://example.com",
|
||||
icon: "Brain",
|
||||
iconColor: "from-purple-500 to-pink-500",
|
||||
}
|
||||
|
||||
console.log('1. Initial form state:')
|
||||
console.log(newApp)
|
||||
|
||||
console.log('\n2. Edit an app:')
|
||||
handleEditApp(testApp)
|
||||
|
||||
console.log('\n3. Click "Add New App" button:')
|
||||
handleAddNewAppClick()
|
||||
|
||||
// Test scenario 2: Multiple edits without reset
|
||||
console.log('\n=== Test Scenario 2: Multiple Edits ===')
|
||||
const testApp2 = {
|
||||
name: "Another Test App",
|
||||
type: "語音辨識",
|
||||
department: "MBU1",
|
||||
creator: "Jane Smith",
|
||||
description: "Another test application",
|
||||
appUrl: "https://test2.com",
|
||||
icon: "Mic",
|
||||
iconColor: "from-green-500 to-teal-500",
|
||||
}
|
||||
|
||||
console.log('1. Edit first app:')
|
||||
handleEditApp(testApp)
|
||||
|
||||
console.log('2. Edit second app (without reset):')
|
||||
handleEditApp(testApp2)
|
||||
|
||||
console.log('3. Click "Add New App" button:')
|
||||
handleAddNewAppClick()
|
||||
|
||||
// Test scenario 3: Verify reset function works correctly
|
||||
console.log('\n=== Test Scenario 3: Reset Verification ===')
|
||||
console.log('1. Populate form with data:')
|
||||
newApp = {
|
||||
name: "Some App",
|
||||
type: "其他",
|
||||
department: "SBU",
|
||||
creator: "Test User",
|
||||
description: "Test description",
|
||||
appUrl: "https://test.com",
|
||||
icon: "Settings",
|
||||
iconColor: "from-gray-500 to-zinc-500",
|
||||
}
|
||||
console.log('Form populated:', newApp)
|
||||
|
||||
console.log('\n2. Reset form:')
|
||||
resetNewApp()
|
||||
console.log('Form after reset:', newApp)
|
||||
|
||||
// Verify all fields are reset to initial values
|
||||
const expectedInitialState = {
|
||||
name: "",
|
||||
type: "文字處理",
|
||||
department: "HQBU",
|
||||
creator: "",
|
||||
description: "",
|
||||
appUrl: "",
|
||||
icon: "Bot",
|
||||
iconColor: "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
const isResetCorrect = JSON.stringify(newApp) === JSON.stringify(expectedInitialState)
|
||||
console.log('\n✅ Reset verification:', isResetCorrect ? 'PASSED' : 'FAILED')
|
||||
|
||||
if (isResetCorrect) {
|
||||
console.log('🎉 All tests passed! The modal reset fix is working correctly.')
|
||||
} else {
|
||||
console.log('❌ Reset verification failed. Check the resetNewApp function.')
|
||||
}
|
||||
@@ -1,47 +0,0 @@
|
||||
async function testPasswordVisibility() {
|
||||
console.log('🧪 測試密碼顯示/隱藏功能...\n');
|
||||
|
||||
try {
|
||||
// 測試各個頁面是否可以正常載入
|
||||
const pages = [
|
||||
{ name: '註冊頁面', url: 'http://localhost:3000/register' },
|
||||
{ name: '重設密碼頁面', url: 'http://localhost:3000/reset-password?token=test' },
|
||||
{ name: '評審評分頁面', url: 'http://localhost:3000/judge-scoring' },
|
||||
];
|
||||
|
||||
for (const page of pages) {
|
||||
console.log(`測試 ${page.name}...`);
|
||||
try {
|
||||
const response = await fetch(page.url);
|
||||
if (response.ok) {
|
||||
console.log(`✅ ${page.name} 載入成功 (狀態碼: ${response.status})`);
|
||||
} else {
|
||||
console.log(`❌ ${page.name} 載入失敗 (狀態碼: ${response.status})`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(`❌ ${page.name} 載入錯誤: ${error.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
console.log('\n🎉 密碼顯示/隱藏功能測試完成！');
|
||||
console.log('\n📋 已添加密碼顯示/隱藏功能的頁面:');
|
||||
console.log('✅ 註冊頁面 (app/register/page.tsx)');
|
||||
console.log('✅ 登入對話框 (components/auth/login-dialog.tsx) - 已有功能');
|
||||
console.log('✅ 重設密碼頁面 (app/reset-password/page.tsx) - 已有功能');
|
||||
console.log('✅ 評審評分頁面 (app/judge-scoring/page.tsx)');
|
||||
console.log('✅ 註冊對話框 (components/auth/register-dialog.tsx)');
|
||||
console.log('✅ 系統設定頁面 (components/admin/system-settings.tsx)');
|
||||
|
||||
console.log('\n🔧 功能特點:');
|
||||
console.log('• 眼睛圖示切換顯示/隱藏');
|
||||
console.log('• 鎖頭圖示表示密碼欄位');
|
||||
console.log('• 懸停效果提升用戶體驗');
|
||||
console.log('• 統一的視覺設計風格');
|
||||
console.log('• 支援所有密碼相關欄位');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testPasswordVisibility();
|
||||
@@ -1,123 +0,0 @@
|
||||
const bcrypt = require('bcryptjs');
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
// 資料庫配置
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
async function testProfileUpdate() {
|
||||
console.log('🧪 測試個人資料更新功能...\n');
|
||||
|
||||
try {
|
||||
const connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 1. 測試查詢用戶資料（包含新字段）
|
||||
console.log('1. 測試查詢用戶資料...');
|
||||
const [users] = await connection.execute(`
|
||||
SELECT id, name, email, department, role, phone, location, bio, created_at, updated_at
|
||||
FROM users
|
||||
WHERE email = 'admin@ai-platform.com'
|
||||
`);
|
||||
|
||||
if (users.length > 0) {
|
||||
const user = users[0];
|
||||
console.log('✅ 找到用戶:', {
|
||||
name: user.name,
|
||||
email: user.email,
|
||||
department: user.department,
|
||||
role: user.role,
|
||||
phone: user.phone || '未設定',
|
||||
location: user.location || '未設定',
|
||||
bio: user.bio || '未設定'
|
||||
});
|
||||
} else {
|
||||
console.log('❌ 未找到用戶');
|
||||
return;
|
||||
}
|
||||
|
||||
// 2. 測試更新個人資料
|
||||
console.log('\n2. 測試更新個人資料...');
|
||||
const userId = users[0].id;
|
||||
const updateData = {
|
||||
phone: '0912-345-678',
|
||||
location: '台北市信義區',
|
||||
bio: '這是系統管理員的個人簡介，負責管理整個 AI 展示平台。'
|
||||
};
|
||||
|
||||
const [updateResult] = await connection.execute(`
|
||||
UPDATE users
|
||||
SET phone = ?, location = ?, bio = ?, updated_at = CURRENT_TIMESTAMP
|
||||
WHERE id = ?
|
||||
`, [updateData.phone, updateData.location, updateData.bio, userId]);
|
||||
|
||||
console.log('更新結果:', updateResult);
|
||||
|
||||
// 3. 驗證更新結果
|
||||
console.log('\n3. 驗證更新結果...');
|
||||
const [updatedUsers] = await connection.execute(`
|
||||
SELECT id, name, email, department, role, phone, location, bio, updated_at
|
||||
FROM users
|
||||
WHERE id = ?
|
||||
`, [userId]);
|
||||
|
||||
if (updatedUsers.length > 0) {
|
||||
const updatedUser = updatedUsers[0];
|
||||
console.log('✅ 更新後的用戶資料:');
|
||||
console.log(`- 姓名: ${updatedUser.name}`);
|
||||
console.log(`- 電子郵件: ${updatedUser.email}`);
|
||||
console.log(`- 部門: ${updatedUser.department}`);
|
||||
console.log(`- 角色: ${updatedUser.role}`);
|
||||
console.log(`- 電話: ${updatedUser.phone}`);
|
||||
console.log(`- 地點: ${updatedUser.location}`);
|
||||
console.log(`- 個人簡介: ${updatedUser.bio}`);
|
||||
console.log(`- 更新時間: ${updatedUser.updated_at}`);
|
||||
}
|
||||
|
||||
// 4. 測試 API 端點
|
||||
console.log('\n4. 測試 API 端點...');
|
||||
try {
|
||||
const response = await fetch('http://localhost:3000/api/auth/profile', {
|
||||
method: 'PUT',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
userId: userId,
|
||||
phone: '0987-654-321',
|
||||
location: '新北市板橋區',
|
||||
bio: '透過 API 更新的個人簡介'
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log('✅ API 更新成功:', {
|
||||
name: data.user.name,
|
||||
phone: data.user.phone,
|
||||
location: data.user.location,
|
||||
bio: data.user.bio
|
||||
});
|
||||
} else {
|
||||
console.log('❌ API 更新失敗:', response.status, await response.text());
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('❌ API 測試錯誤:', error.message);
|
||||
}
|
||||
|
||||
await connection.end();
|
||||
console.log('\n🎉 個人資料更新測試完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testProfileUpdate();
|
||||
@@ -1,79 +0,0 @@
|
||||
async function testRoleDisplay() {
|
||||
console.log('🧪 測試密碼重設頁面的角色顯示...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試忘記密碼 API
|
||||
console.log('1. 測試忘記密碼 API...');
|
||||
const response = await fetch('http://localhost:3000/api/auth/forgot-password', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'admin@ai-platform.com'
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log('✅ 忘記密碼 API 測試成功');
|
||||
console.log('生成的重設連結:', data.resetUrl);
|
||||
|
||||
// 解析 URL 參數
|
||||
const url = new URL(data.resetUrl);
|
||||
const token = url.searchParams.get('token');
|
||||
const email = url.searchParams.get('email');
|
||||
const mode = url.searchParams.get('mode');
|
||||
const name = url.searchParams.get('name');
|
||||
const department = url.searchParams.get('department');
|
||||
const role = url.searchParams.get('role');
|
||||
|
||||
console.log('\n📋 URL 參數解析:');
|
||||
console.log('- token:', token);
|
||||
console.log('- email:', email);
|
||||
console.log('- mode:', mode);
|
||||
console.log('- name:', name);
|
||||
console.log('- department:', department);
|
||||
console.log('- role:', role);
|
||||
|
||||
// 2. 測試註冊頁面載入
|
||||
console.log('\n2. 測試註冊頁面載入...');
|
||||
const registerResponse = await fetch(data.resetUrl);
|
||||
|
||||
if (registerResponse.ok) {
|
||||
console.log('✅ 註冊頁面載入成功');
|
||||
console.log('狀態碼:', registerResponse.status);
|
||||
|
||||
// 檢查頁面內容是否包含正確的角色資訊
|
||||
const pageContent = await registerResponse.text();
|
||||
if (pageContent.includes('管理員') && role === 'admin') {
|
||||
console.log('✅ 角色顯示正確：管理員');
|
||||
} else if (pageContent.includes('一般用戶') && role === 'user') {
|
||||
console.log('✅ 角色顯示正確：一般用戶');
|
||||
} else if (pageContent.includes('開發者') && role === 'developer') {
|
||||
console.log('✅ 角色顯示正確：開發者');
|
||||
} else {
|
||||
console.log('❌ 角色顯示可能有問題');
|
||||
console.log('頁面包含的角色文字:', pageContent.match(/管理員|一般用戶|開發者/g));
|
||||
}
|
||||
} else {
|
||||
console.log('❌ 註冊頁面載入失敗:', registerResponse.status);
|
||||
}
|
||||
|
||||
} else {
|
||||
const errorData = await response.text();
|
||||
console.log('❌ 忘記密碼 API 測試失敗:', response.status, errorData);
|
||||
}
|
||||
|
||||
console.log('\n🎉 角色顯示測試完成！');
|
||||
console.log('\n📋 修復內容:');
|
||||
console.log('✅ 忘記密碼 API 現在包含用戶角色資訊');
|
||||
console.log('✅ 註冊頁面從 URL 參數獲取正確角色');
|
||||
console.log('✅ 角色顯示基於資料庫中的實際角色');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testRoleDisplay();
|
||||
@@ -1,165 +0,0 @@
|
||||
// Test script to check type conversion and identify English types
|
||||
console.log('Testing type conversion functions...')
|
||||
|
||||
// Simulate the type mapping functions from app-management.tsx
|
||||
const mapTypeToApiType = (frontendType) => {
|
||||
const typeMap = {
|
||||
'文字處理': 'productivity',
|
||||
'圖像生成': 'ai_model',
|
||||
'圖像處理': 'ai_model',
|
||||
'語音辨識': 'ai_model',
|
||||
'推薦系統': 'ai_model',
|
||||
'音樂生成': 'ai_model',
|
||||
'程式開發': 'automation',
|
||||
'影像處理': 'ai_model',
|
||||
'對話系統': 'ai_model',
|
||||
'數據分析': 'data_analysis',
|
||||
'設計工具': 'productivity',
|
||||
'語音技術': 'ai_model',
|
||||
'教育工具': 'educational',
|
||||
'健康醫療': 'healthcare',
|
||||
'金融科技': 'finance',
|
||||
'物聯網': 'iot_device',
|
||||
'區塊鏈': 'blockchain',
|
||||
'AR/VR': 'ar_vr',
|
||||
'機器學習': 'machine_learning',
|
||||
'電腦視覺': 'computer_vision',
|
||||
'自然語言處理': 'nlp',
|
||||
'機器人': 'robotics',
|
||||
'網路安全': 'cybersecurity',
|
||||
'雲端服務': 'cloud_service',
|
||||
'其他': 'other'
|
||||
}
|
||||
return typeMap[frontendType] || 'other'
|
||||
}
|
||||
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
// 處理舊的英文類型，確保它們都轉換為中文
|
||||
'web_app': '文字處理',
|
||||
'mobile_app': '文字處理',
|
||||
'desktop_app': '文字處理',
|
||||
'api_service': '程式開發',
|
||||
'other': '其他'
|
||||
}
|
||||
return typeMap[apiType] || '其他'
|
||||
}
|
||||
|
||||
// Test different scenarios
|
||||
console.log('\n=== Testing Type Conversion ===')
|
||||
|
||||
// Test 1: Check if there are any English types that might slip through
|
||||
const possibleEnglishTypes = [
|
||||
'web_app', 'mobile_app', 'desktop_app', 'api_service', 'ai_model',
|
||||
'data_analysis', 'automation', 'other', 'productivity', 'educational',
|
||||
'healthcare', 'finance', 'iot_device', 'blockchain', 'ar_vr',
|
||||
'machine_learning', 'computer_vision', 'nlp', 'robotics', 'cybersecurity',
|
||||
'cloud_service'
|
||||
]
|
||||
|
||||
console.log('\n1. Testing English API types:')
|
||||
possibleEnglishTypes.forEach(englishType => {
|
||||
const chineseType = mapApiTypeToDisplayType(englishType)
|
||||
console.log(` ${englishType} -> ${chineseType}`)
|
||||
})
|
||||
|
||||
// Test 2: Check if all Chinese types map back correctly
|
||||
const chineseTypes = [
|
||||
'文字處理', '圖像生成', '圖像處理', '語音辨識', '推薦系統', '音樂生成',
|
||||
'程式開發', '影像處理', '對話系統', '數據分析', '設計工具', '語音技術',
|
||||
'教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR',
|
||||
'機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'
|
||||
]
|
||||
|
||||
console.log('\n2. Testing Chinese display types:')
|
||||
chineseTypes.forEach(chineseType => {
|
||||
const apiType = mapTypeToApiType(chineseType)
|
||||
const backToChinese = mapApiTypeToDisplayType(apiType)
|
||||
const isConsistent = chineseType === backToChinese
|
||||
console.log(` ${chineseType} -> ${apiType} -> ${backToChinese} ${isConsistent ? '✅' : '❌'}`)
|
||||
})
|
||||
|
||||
// Test 3: Check for any unmapped types
|
||||
console.log('\n3. Checking for unmapped types:')
|
||||
const allApiTypes = new Set(possibleEnglishTypes)
|
||||
const mappedApiTypes = new Set(Object.values({
|
||||
'文字處理': 'productivity',
|
||||
'圖像生成': 'ai_model',
|
||||
'圖像處理': 'ai_model',
|
||||
'語音辨識': 'ai_model',
|
||||
'推薦系統': 'ai_model',
|
||||
'音樂生成': 'ai_model',
|
||||
'程式開發': 'automation',
|
||||
'影像處理': 'ai_model',
|
||||
'對話系統': 'ai_model',
|
||||
'數據分析': 'data_analysis',
|
||||
'設計工具': 'productivity',
|
||||
'語音技術': 'ai_model',
|
||||
'教育工具': 'educational',
|
||||
'健康醫療': 'healthcare',
|
||||
'金融科技': 'finance',
|
||||
'物聯網': 'iot_device',
|
||||
'區塊鏈': 'blockchain',
|
||||
'AR/VR': 'ar_vr',
|
||||
'機器學習': 'machine_learning',
|
||||
'電腦視覺': 'computer_vision',
|
||||
'自然語言處理': 'nlp',
|
||||
'機器人': 'robotics',
|
||||
'網路安全': 'cybersecurity',
|
||||
'雲端服務': 'cloud_service',
|
||||
'其他': 'other'
|
||||
}))
|
||||
|
||||
const unmappedApiTypes = [...allApiTypes].filter(type => !mappedApiTypes.has(type))
|
||||
console.log(' Unmapped API types:', unmappedApiTypes)
|
||||
|
||||
// Test 4: Simulate what happens when editing an app
|
||||
console.log('\n4. Testing edit scenario:')
|
||||
const mockApiResponse = {
|
||||
apps: [
|
||||
{ id: '1', name: 'Test App 1', type: 'productivity' },
|
||||
{ id: '2', name: 'Test App 2', type: 'ai_model' },
|
||||
{ id: '3', name: 'Test App 3', type: 'web_app' }, // This should now be handled
|
||||
{ id: '4', name: 'Test App 4', type: 'mobile_app' }, // This should now be handled
|
||||
{ id: '5', name: 'Test App 5', type: 'other' }
|
||||
]
|
||||
}
|
||||
|
||||
console.log(' Simulating loadApps processing:')
|
||||
mockApiResponse.apps.forEach(app => {
|
||||
const displayType = mapApiTypeToDisplayType(app.type)
|
||||
console.log(` ${app.name}: ${app.type} -> ${displayType}`)
|
||||
})
|
||||
|
||||
// Test 5: Test the actual database types from the update
|
||||
console.log('\n5. Testing database types after update:')
|
||||
const databaseTypes = [
|
||||
'productivity', 'ai_model', 'automation', 'data_analysis',
|
||||
'educational', 'healthcare', 'finance', 'iot_device',
|
||||
'blockchain', 'ar_vr', 'machine_learning', 'computer_vision',
|
||||
'nlp', 'robotics', 'cybersecurity', 'cloud_service', 'other'
|
||||
]
|
||||
|
||||
console.log(' Database types conversion:')
|
||||
databaseTypes.forEach(dbType => {
|
||||
const displayType = mapApiTypeToDisplayType(dbType)
|
||||
console.log(` ${dbType} -> ${displayType}`)
|
||||
})
|
||||
|
||||
console.log('\n✅ Type conversion test completed!')
|
||||
@@ -1,139 +0,0 @@
|
||||
// Test script to verify type handling in app management
|
||||
console.log('Testing type handling in app management...')
|
||||
|
||||
// Simulate the type mapping functions
|
||||
const mapApiTypeToDisplayType = (apiType) => {
|
||||
const typeMap = {
|
||||
'productivity': '文字處理',
|
||||
'ai_model': '圖像生成',
|
||||
'automation': '程式開發',
|
||||
'data_analysis': '數據分析',
|
||||
'educational': '教育工具',
|
||||
'healthcare': '健康醫療',
|
||||
'finance': '金融科技',
|
||||
'iot_device': '物聯網',
|
||||
'blockchain': '區塊鏈',
|
||||
'ar_vr': 'AR/VR',
|
||||
'machine_learning': '機器學習',
|
||||
'computer_vision': '電腦視覺',
|
||||
'nlp': '自然語言處理',
|
||||
'robotics': '機器人',
|
||||
'cybersecurity': '網路安全',
|
||||
'cloud_service': '雲端服務',
|
||||
'other': '其他'
|
||||
}
|
||||
return typeMap[apiType] || '其他'
|
||||
}
|
||||
|
||||
const mapTypeToApiType = (frontendType) => {
|
||||
const typeMap = {
|
||||
'文字處理': 'productivity',
|
||||
'圖像生成': 'ai_model',
|
||||
'圖像處理': 'ai_model',
|
||||
'語音辨識': 'ai_model',
|
||||
'推薦系統': 'ai_model',
|
||||
'音樂生成': 'ai_model',
|
||||
'程式開發': 'automation',
|
||||
'影像處理': 'ai_model',
|
||||
'對話系統': 'ai_model',
|
||||
'數據分析': 'data_analysis',
|
||||
'設計工具': 'productivity',
|
||||
'語音技術': 'ai_model',
|
||||
'教育工具': 'educational',
|
||||
'健康醫療': 'healthcare',
|
||||
'金融科技': 'finance',
|
||||
'物聯網': 'iot_device',
|
||||
'區塊鏈': 'blockchain',
|
||||
'AR/VR': 'ar_vr',
|
||||
'機器學習': 'machine_learning',
|
||||
'電腦視覺': 'computer_vision',
|
||||
'自然語言處理': 'nlp',
|
||||
'機器人': 'robotics',
|
||||
'網路安全': 'cybersecurity',
|
||||
'雲端服務': 'cloud_service',
|
||||
'其他': 'other'
|
||||
}
|
||||
return typeMap[frontendType] || 'other'
|
||||
}
|
||||
|
||||
// Simulate API response
|
||||
const mockApiResponse = {
|
||||
apps: [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Test App',
|
||||
type: 'productivity', // API type (English)
|
||||
description: 'Test description',
|
||||
creator: {
|
||||
name: 'John Doe',
|
||||
department: 'HQBU'
|
||||
}
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'AI App',
|
||||
type: 'ai_model', // API type (English)
|
||||
description: 'AI description',
|
||||
creator: {
|
||||
name: 'Jane Smith',
|
||||
department: 'ITBU'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
// Simulate loadApps processing
|
||||
console.log('=== API Response ===')
|
||||
console.log('Original API data:', mockApiResponse.apps)
|
||||
|
||||
const formattedApps = mockApiResponse.apps.map(app => ({
|
||||
...app,
|
||||
type: mapApiTypeToDisplayType(app.type), // Convert to Chinese display type
|
||||
creator: typeof app.creator === 'object' ? app.creator.name : app.creator,
|
||||
department: typeof app.creator === 'object' ? app.creator.department : app.department
|
||||
}))
|
||||
|
||||
console.log('=== After loadApps processing ===')
|
||||
console.log('Formatted apps:', formattedApps)
|
||||
|
||||
// Simulate handleEditApp
|
||||
const simulateHandleEditApp = (app) => {
|
||||
console.log('=== handleEditApp simulation ===')
|
||||
console.log('Input app:', app)
|
||||
|
||||
const newApp = {
|
||||
name: app.name,
|
||||
type: app.type, // This should be the Chinese display type
|
||||
department: app.department || "HQBU",
|
||||
creator: app.creator || "",
|
||||
description: app.description,
|
||||
appUrl: app.appUrl || app.demoUrl || "",
|
||||
icon: app.icon || "Bot",
|
||||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||||
}
|
||||
|
||||
console.log('newApp after handleEditApp:', newApp)
|
||||
return newApp
|
||||
}
|
||||
|
||||
// Test both apps
|
||||
console.log('\n=== Testing handleEditApp for both apps ===')
|
||||
formattedApps.forEach((app, index) => {
|
||||
console.log(`\n--- App ${index + 1} ---`)
|
||||
const newApp = simulateHandleEditApp(app)
|
||||
console.log('Final newApp.type:', newApp.type)
|
||||
console.log('Is this a valid Select value?', ['文字處理', '圖像生成', '程式開發', '數據分析', '教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR', '機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'].includes(newApp.type))
|
||||
})
|
||||
|
||||
// Test the reverse mapping for update
|
||||
console.log('\n=== Testing update mapping ===')
|
||||
formattedApps.forEach((app, index) => {
|
||||
console.log(`\n--- App ${index + 1} update test ---`)
|
||||
const displayType = app.type
|
||||
const apiType = mapTypeToApiType(displayType)
|
||||
console.log('Display type:', displayType)
|
||||
console.log('Mapped to API type:', apiType)
|
||||
console.log('Round trip test:', mapApiTypeToDisplayType(apiType) === displayType)
|
||||
})
|
||||
|
||||
console.log('\n=== Test completed ===')
|
||||
@@ -1,78 +0,0 @@
|
||||
async function testUserManagementIntegration() {
|
||||
console.log('🧪 測試用戶管理與資料庫整合...\n');
|
||||
|
||||
try {
|
||||
// 1. 測試獲取用戶列表 API
|
||||
console.log('1. 測試獲取用戶列表 API...');
|
||||
const usersResponse = await fetch('http://localhost:3000/api/admin/users');
|
||||
|
||||
if (usersResponse.ok) {
|
||||
const usersData = await usersResponse.json();
|
||||
console.log('✅ 用戶列表 API 成功');
|
||||
console.log('用戶數量:', usersData.data?.users?.length || 0);
|
||||
console.log('統計數據:', {
|
||||
總用戶數: usersData.data?.stats?.totalUsers || 0,
|
||||
活躍用戶: usersData.data?.stats?.activeUsers || 0,
|
||||
管理員: usersData.data?.stats?.adminCount || 0,
|
||||
開發者: usersData.data?.stats?.developerCount || 0,
|
||||
非活躍用戶: usersData.data?.stats?.inactiveUsers || 0,
|
||||
本月新增: usersData.data?.stats?.newThisMonth || 0
|
||||
});
|
||||
} else {
|
||||
console.log('❌ 用戶列表 API 失敗:', usersResponse.status);
|
||||
const errorData = await usersResponse.text();
|
||||
console.log('錯誤信息:', errorData);
|
||||
}
|
||||
|
||||
// 2. 測試邀請用戶 API
|
||||
console.log('\n2. 測試邀請用戶 API...');
|
||||
const inviteResponse = await fetch('http://localhost:3000/api/admin/users', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: 'test@example.com',
|
||||
role: 'user'
|
||||
})
|
||||
});
|
||||
|
||||
if (inviteResponse.ok) {
|
||||
const inviteData = await inviteResponse.json();
|
||||
console.log('✅ 邀請用戶 API 成功');
|
||||
console.log('邀請連結:', inviteData.data?.invitationLink);
|
||||
} else {
|
||||
const errorData = await inviteResponse.text();
|
||||
console.log('❌ 邀請用戶 API 失敗:', inviteResponse.status, errorData);
|
||||
}
|
||||
|
||||
// 3. 測試管理員頁面載入
|
||||
console.log('\n3. 測試管理員頁面載入...');
|
||||
const adminResponse = await fetch('http://localhost:3000/admin');
|
||||
|
||||
if (adminResponse.ok) {
|
||||
console.log('✅ 管理員頁面載入成功');
|
||||
const pageContent = await adminResponse.text();
|
||||
|
||||
if (pageContent.includes('用戶管理')) {
|
||||
console.log('✅ 用戶管理頁面正常顯示');
|
||||
} else {
|
||||
console.log('⚠️ 用戶管理頁面可能未正常顯示');
|
||||
}
|
||||
} else {
|
||||
console.log('❌ 管理員頁面載入失敗:', adminResponse.status);
|
||||
}
|
||||
|
||||
console.log('\n🎉 用戶管理整合測試完成！');
|
||||
console.log('\n📋 整合內容:');
|
||||
console.log('✅ 創建了用戶管理 API 端點');
|
||||
console.log('✅ 更新了 UserService 以支持管理功能');
|
||||
console.log('✅ 連接了前端組件與後端 API');
|
||||
console.log('✅ 實現了真實的數據載入和統計');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 測試過程中發生錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testUserManagementIntegration();
|
||||
@@ -1,41 +0,0 @@
|
||||
const { UserService } = require('./lib/services/database-service');
|
||||
|
||||
async function testUserService() {
|
||||
console.log('🧪 測試 UserService...\n');
|
||||
|
||||
try {
|
||||
const userService = new UserService();
|
||||
console.log('✅ UserService 實例創建成功');
|
||||
|
||||
// 測試 getUserStats
|
||||
console.log('\n1. 測試 getUserStats...');
|
||||
const stats = await userService.getUserStats();
|
||||
console.log('✅ getUserStats 成功:', stats);
|
||||
|
||||
// 測試 findAll
|
||||
console.log('\n2. 測試 findAll...');
|
||||
const result = await userService.findAll({
|
||||
page: 1,
|
||||
limit: 10
|
||||
});
|
||||
console.log('✅ findAll 成功:', {
|
||||
用戶數量: result.users.length,
|
||||
總數: result.total
|
||||
});
|
||||
|
||||
if (result.users.length > 0) {
|
||||
console.log('第一個用戶:', {
|
||||
id: result.users[0].id,
|
||||
name: result.users[0].name,
|
||||
email: result.users[0].email,
|
||||
role: result.users[0].role
|
||||
});
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ UserService 測試失敗:', error.message);
|
||||
console.error('詳細錯誤:', error);
|
||||
}
|
||||
}
|
||||
|
||||
testUserService();
|
||||
@@ -1,120 +0,0 @@
|
||||
const mysql = require('mysql2/promise');
|
||||
|
||||
const dbConfig = {
|
||||
host: process.env.DB_HOST || 'mysql.theaken.com',
|
||||
port: parseInt(process.env.DB_PORT || '33306'),
|
||||
user: process.env.DB_USER || 'AI_Platform',
|
||||
password: process.env.DB_PASSWORD || 'Aa123456',
|
||||
database: process.env.DB_NAME || 'db_AI_Platform',
|
||||
charset: 'utf8mb4',
|
||||
timezone: '+08:00'
|
||||
};
|
||||
|
||||
// Type mapping for converting old types to new types
|
||||
const typeMapping = {
|
||||
'web_app': 'productivity',
|
||||
'mobile_app': 'productivity',
|
||||
'desktop_app': 'productivity',
|
||||
'api_service': 'automation',
|
||||
'ai_model': 'ai_model',
|
||||
'data_analysis': 'data_analysis',
|
||||
'automation': 'automation',
|
||||
'other': 'other'
|
||||
};
|
||||
|
||||
async function updateAppTypes() {
|
||||
let connection;
|
||||
|
||||
try {
|
||||
console.log('🔄 開始更新應用程式類型...');
|
||||
|
||||
connection = await mysql.createConnection(dbConfig);
|
||||
console.log('✅ 資料庫連接成功');
|
||||
|
||||
// 1. 檢查現有的類型分佈
|
||||
console.log('\n📊 檢查現有類型分佈:');
|
||||
const [typeStats] = await connection.execute(`
|
||||
SELECT type, COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE type IS NOT NULL
|
||||
GROUP BY type
|
||||
`);
|
||||
|
||||
typeStats.forEach(row => {
|
||||
console.log(` ${row.type}: ${row.count} 個應用程式`);
|
||||
});
|
||||
|
||||
// 2. 更新現有數據的類型
|
||||
console.log('\n🔄 更新現有應用程式的類型...');
|
||||
for (const [oldType, newType] of Object.entries(typeMapping)) {
|
||||
if (oldType !== newType) {
|
||||
const [result] = await connection.execute(
|
||||
'UPDATE apps SET type = ? WHERE type = ?',
|
||||
[newType, oldType]
|
||||
);
|
||||
if (result.affectedRows > 0) {
|
||||
console.log(` ✅ 將 ${oldType} 更新為 ${newType}: ${result.affectedRows} 個應用程式`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 3. 修改 type 欄位的 ENUM 定義
|
||||
console.log('\n🔧 更新 type 欄位的 ENUM 定義...');
|
||||
try {
|
||||
// 先刪除舊的 ENUM 約束
|
||||
await connection.execute(`
|
||||
ALTER TABLE apps
|
||||
MODIFY COLUMN type VARCHAR(50) DEFAULT 'other'
|
||||
`);
|
||||
console.log(' ✅ 移除舊的 ENUM 約束');
|
||||
|
||||
// 添加新的 ENUM 約束
|
||||
await connection.execute(`
|
||||
ALTER TABLE apps
|
||||
MODIFY COLUMN type ENUM(
|
||||
'productivity', 'ai_model', 'automation', 'data_analysis',
|
||||
'educational', 'healthcare', 'finance', 'iot_device',
|
||||
'blockchain', 'ar_vr', 'machine_learning', 'computer_vision',
|
||||
'nlp', 'robotics', 'cybersecurity', 'cloud_service', 'other'
|
||||
) DEFAULT 'other'
|
||||
`);
|
||||
console.log(' ✅ 添加新的 ENUM 約束');
|
||||
} catch (error) {
|
||||
console.error(' ❌ 更新 ENUM 約束失敗:', error.message);
|
||||
}
|
||||
|
||||
// 4. 檢查更新後的類型分佈
|
||||
console.log('\n📊 更新後的類型分佈:');
|
||||
const [newTypeStats] = await connection.execute(`
|
||||
SELECT type, COUNT(*) as count
|
||||
FROM apps
|
||||
WHERE type IS NOT NULL
|
||||
GROUP BY type
|
||||
`);
|
||||
|
||||
newTypeStats.forEach(row => {
|
||||
console.log(` ${row.type}: ${row.count} 個應用程式`);
|
||||
});
|
||||
|
||||
// 5. 檢查表格結構
|
||||
console.log('\n📋 apps 表格結構:');
|
||||
const [columns] = await connection.execute('DESCRIBE apps');
|
||||
columns.forEach(col => {
|
||||
if (col.Field === 'type') {
|
||||
console.log(` ${col.Field}: ${col.Type} ${col.Null === 'YES' ? 'NULL' : 'NOT NULL'} ${col.Default ? `DEFAULT ${col.Default}` : ''}`);
|
||||
}
|
||||
});
|
||||
|
||||
console.log('\n✅ 應用程式類型更新完成！');
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 更新應用程式類型失敗:', error);
|
||||
} finally {
|
||||
if (connection) {
|
||||
await connection.end();
|
||||
console.log('🔌 資料庫連接已關閉');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
updateAppTypes().catch(console.error);
|
||||
152
types/app.ts
152
types/app.ts
@@ -1,152 +0,0 @@
|
||||
export interface App {
|
||||
id: string;
|
||||
name: string;
|
||||
description: string;
|
||||
creatorId: string;
|
||||
teamId?: string;
|
||||
status: AppStatus;
|
||||
type: AppType;
|
||||
filePath?: string;
|
||||
techStack?: string[];
|
||||
tags?: string[];
|
||||
screenshots?: string[];
|
||||
demoUrl?: string;
|
||||
githubUrl?: string;
|
||||
docsUrl?: string;
|
||||
version: string;
|
||||
icon?: string;
|
||||
iconColor?: string;
|
||||
likesCount: number;
|
||||
viewsCount: number;
|
||||
rating: number;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
lastUpdated: string;
|
||||
}
|
||||
|
||||
export type AppStatus = 'draft' | 'submitted' | 'under_review' | 'approved' | 'rejected' | 'published';
|
||||
|
||||
export type AppType =
|
||||
| 'web_app'
|
||||
| 'mobile_app'
|
||||
| 'desktop_app'
|
||||
| 'api_service'
|
||||
| 'ai_model'
|
||||
| 'data_analysis'
|
||||
| 'automation'
|
||||
| 'productivity'
|
||||
| 'educational'
|
||||
| 'healthcare'
|
||||
| 'finance'
|
||||
| 'iot_device'
|
||||
| 'blockchain'
|
||||
| 'ar_vr'
|
||||
| 'machine_learning'
|
||||
| 'computer_vision'
|
||||
| 'nlp'
|
||||
| 'robotics'
|
||||
| 'cybersecurity'
|
||||
| 'cloud_service'
|
||||
| 'other';
|
||||
|
||||
export interface AppCreator {
|
||||
id: string;
|
||||
name: string;
|
||||
email: string;
|
||||
department: string;
|
||||
role: string;
|
||||
}
|
||||
|
||||
export interface AppTeam {
|
||||
id: string;
|
||||
name: string;
|
||||
leaderId: string;
|
||||
department: string;
|
||||
contactEmail: string;
|
||||
}
|
||||
|
||||
export interface AppWithDetails extends App {
|
||||
creator: AppCreator;
|
||||
team?: AppTeam;
|
||||
}
|
||||
|
||||
export interface AppStats {
|
||||
total: number;
|
||||
published: number;
|
||||
pendingReview: number;
|
||||
draft: number;
|
||||
approved: number;
|
||||
rejected: number;
|
||||
byType: Record<AppType, number>;
|
||||
byStatus: Record<AppStatus, number>;
|
||||
}
|
||||
|
||||
export interface AppSearchParams {
|
||||
search?: string;
|
||||
type?: AppType;
|
||||
status?: AppStatus;
|
||||
creatorId?: string;
|
||||
teamId?: string;
|
||||
page?: number;
|
||||
limit?: number;
|
||||
sortBy?: 'name' | 'created_at' | 'rating' | 'likes_count' | 'views_count';
|
||||
sortOrder?: 'asc' | 'desc';
|
||||
}
|
||||
|
||||
export interface AppCreateRequest {
|
||||
name: string;
|
||||
description: string;
|
||||
type: AppType;
|
||||
teamId?: string;
|
||||
techStack?: string[];
|
||||
tags?: string[];
|
||||
demoUrl?: string;
|
||||
githubUrl?: string;
|
||||
docsUrl?: string;
|
||||
version?: string;
|
||||
creator?: string;
|
||||
department?: string;
|
||||
icon?: string;
|
||||
iconColor?: string;
|
||||
}
|
||||
|
||||
export interface AppUpdateRequest {
|
||||
name?: string;
|
||||
description?: string;
|
||||
type?: AppType;
|
||||
teamId?: string;
|
||||
status?: AppStatus;
|
||||
techStack?: string[];
|
||||
tags?: string[];
|
||||
screenshots?: string[];
|
||||
demoUrl?: string;
|
||||
githubUrl?: string;
|
||||
docsUrl?: string;
|
||||
version?: string;
|
||||
icon?: string;
|
||||
iconColor?: string;
|
||||
}
|
||||
|
||||
export interface AppFileUpload {
|
||||
file: File;
|
||||
appId: string;
|
||||
type: 'screenshot' | 'document' | 'source_code';
|
||||
}
|
||||
|
||||
export interface AppRating {
|
||||
appId: string;
|
||||
rating: number;
|
||||
comment?: string;
|
||||
}
|
||||
|
||||
export interface AppLike {
|
||||
appId: string;
|
||||
userId: string;
|
||||
}
|
||||
|
||||
export interface AppView {
|
||||
appId: string;
|
||||
userId?: string;
|
||||
ipAddress?: string;
|
||||
userAgent?: string;
|
||||
}
|
||||
Reference in New Issue
Block a user