💬 更新头部页面文字

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">
+        <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代码生成器
+                    Bunny{{ title || '代码生成器' }}
                 </h2>
-        <p class="text-muted">快速生成数据库表对应的代码</p>
+                <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,
+        }
+    }
 });