diff --git a/generator-code-server/src/main/resources/static/src/components/AppHeader.js b/generator-code-server/src/main/resources/static/src/components/AppHeader.js
index b0dc328..e3f111b 100644
--- a/generator-code-server/src/main/resources/static/src/components/AppHeader.js
+++ b/generator-code-server/src/main/resources/static/src/components/AppHeader.js
@@ -5,12 +5,24 @@ const {defineComponent} = Vue;
 const AppHeader = defineComponent({
     name: "AppHeader",
     template: `
-     <div class="text-center mb-4">
-        <h2 class="text-primary fw-bold">
-            <i class="bi bi-code-square me-2"></i>
-            Bunny代码生成器
-        </h2>
-        <p class="text-muted">快速生成数据库表对应的代码</p>
-    </div>
-  `
+        <header class="app-header">
+            <div class="header-content text-center mb-4 p-4 bg-light rounded shadow-sm">
+                <h2 class="text-primary fw-bold mb-3">
+                    <i class="bi bi-code-square me-2"></i>
+                    Bunny{{ title || '代码生成器' }}
+                </h2>
+                <p class="text-muted mb-0">
+                    快速生成数据库表对应的代码，这里可以跳转到 
+                    <a href="/database" class="text-decoration-none"><i class="bi bi-database-fill"></i>数据库生成</a> 
+                    或 
+                    <a href="/sql" class="text-decoration-none"><i class="bi bi-filetype-sql"></i>SQL语句生成</a>
+                </p>
+            </div>
+        </header>
+  `,
+    data() {
+        return {
+            title: document.title,
+        }
+    }
 });