feat: 增强API密钥创建功能的日志记录

- 在CreateAPIKey处理器中添加详细的日志记录，包括请求接收、生成、哈希和数据库保存过程中的信息
- 更新错误处理，记录生成和哈希API密钥时的失败原因
- 优化公共头部组件的结构，简化代码

Signed-off-by: longjin <[email protected]>

Author: fslongjin

backend/internal/api/handlers/admin.go

@@ -122,17 +122,37 @@ func CreateAPIKey(c *gin.Context) {
 	}
 
 	if err := c.ShouldBindJSON(&req); err != nil {
+		logger.LogWarn(c, logger.ModuleHandler, "create_api_key invalid_request error=%s", err.Error())
 		response.BadRequest(c, err.Error())
 		return
 	}
 
+	logger.LogInfo(
+		c,
+		logger.ModuleHandler,
+		"create_api_key request_received name=%s project_id=%v expires_at=%v",
+		req.Name,
+		req.ProjectID,
+		req.ExpiresAt,
+	)
+
 	// 创建API密钥（expiresAt 直接使用请求中的字符串）
 	apiKey, key, err := services.CreateAPIKey(c, req.Name, req.ProjectID, req.ExpiresAt)
 	if err != nil {
+		logger.LogError(c, logger.ModuleHandler, err, "create_api_key service_failed name=%s", req.Name)
 		response.InternalServerError(c, "Failed to create API key")
 		return
 	}
 
+	logger.LogInfo(
+		c,
+		logger.ModuleHandler,
+		"create_api_key success api_key_id=%d project_id=%v name=%s",
+		apiKey.ID,
+		apiKey.ProjectID,
+		apiKey.Name,
+	)
+
 	response.Success(c, gin.H{
 		"id":         apiKey.ID,
 		"name":       apiKey.Name,

backend/internal/services/api_key.go

@@ -7,6 +7,7 @@ import (
 
 	"github.com/dragonos/dragonos-ci-dashboard/internal/config"
 	"github.com/dragonos/dragonos-ci-dashboard/internal/models"
+	"github.com/dragonos/dragonos-ci-dashboard/pkg/logger"
 	"github.com/gin-gonic/gin"
 	"golang.org/x/crypto/bcrypt"
 	"gorm.io/gorm"
@@ -53,15 +54,26 @@ func ValidateAPIKey(apiKey string) (*models.APIKey, error) {
 
 // CreateAPIKey 创建API Key
 func CreateAPIKey(c *gin.Context, name string, projectID *uint64, expiresAt *string) (*models.APIKey, string, error) {
+	logger.LogInfo(
+		c,
+		logger.ModuleService,
+		"create_api_key started name=%s project_id=%v expires_at=%v",
+		name,
+		projectID,
+		expiresAt,
+	)
+
 	// 生成新的API Key
 	apiKey, err := GenerateAPIKey()
 	if err != nil {
+		logger.LogError(c, logger.ModuleService, err, "create_api_key generate_failed name=%s", name)
 		return nil, "", fmt.Errorf("failed to generate API key: %w", err)
 	}
 
 	// 哈希API Key
 	keyHash, err := HashAPIKey(apiKey)
 	if err != nil {
+		logger.LogError(c, logger.ModuleService, err, "create_api_key hash_failed name=%s", name)
 		return nil, "", fmt.Errorf("failed to hash API key: %w", err)
 	}
 
@@ -78,10 +90,27 @@ func CreateAPIKey(c *gin.Context, name string, projectID *uint64, expiresAt *str
 	}
 
 	db := getDB(c)
+	logger.LogDebug(
+		c,
+		logger.ModuleService,
+		"create_api_key saving_to_db name=%s project_id=%v",
+		name,
+		projectID,
+	)
 	if err := db.Create(newKey).Error; err != nil {
+		logger.LogError(c, logger.ModuleService, err, "create_api_key db_create_failed name=%s", name)
 		return nil, "", fmt.Errorf("failed to create API key: %w", err)
 	}
 
+	logger.LogInfo(
+		c,
+		logger.ModuleService,
+		"create_api_key completed api_key_id=%d name=%s project_id=%v",
+		newKey.ID,
+		newKey.Name,
+		newKey.ProjectID,
+	)
+
 	return newKey, apiKey, nil
 }
 

frontend/src/components/Footer.vue

@@ -221,4 +221,3 @@ const goToLogin = () => {
   }
 }
 </style>
-

frontend/src/components/PublicHeader.vue

@@ -1,26 +1,26 @@
 <template>
   <header class="header">
-      <div class="header-content">
-        <div
-          class="logo"
-          :class="{ 'logo-clickable': showBack }"
-          @click="handleLogoClick"
+    <div class="header-content">
+      <div
+        class="logo"
+        :class="{ 'logo-clickable': showBack }"
+        @click="handleLogoClick"
+      >
+        <img :src="logoImage" class="logo-icon" alt="DragonOS Logo" />
+        <span class="logo-text">DragonOS CI Dashboard</span>
+      </div>
+      <div class="header-actions">
+        <t-button
+          theme="default"
+          variant="outline"
+          @click="goToCommunity"
+          class="community-btn"
         >
-          <img :src="logoImage" class="logo-icon" alt="DragonOS Logo" />
-          <span class="logo-text">DragonOS CI Dashboard</span>
-        </div>
-        <div class="header-actions">
-          <t-button
-            theme="default"
-            variant="outline"
-            @click="goToCommunity"
-            class="community-btn"
-          >
-            <t-icon name="logo-github" />
-            社区主页
-          </t-button>
-        </div>
+          <t-icon name="logo-github" />
+          社区主页
+        </t-button>
       </div>
+    </div>
   </header>
 </template>