支持自定义首页

Author: hhhhsc701

backend/api-gateway/src/main/java/com/datamate/gateway/ApiGatewayApplication.java

@@ -55,6 +55,9 @@ public RouteLocator customRouteLocator(RouteLocatorBuilder builder) {
             .route("data-cleaning", r -> r.path("/api/cleaning/**")
                 .uri("http://datamate-backend-python:18000"))
 
+            .route("data-setting", r -> r.path("/api/sys-param/**")
+                .uri("http://datamate-backend-python:18000"))
+
             .route("deer-flow-frontend", r -> r.path("/chat/**")
                 .uri("http://deer-flow-frontend:3000"))
 

deployment/helm/datamate/values.yaml

@@ -42,6 +42,7 @@ public:
       DB_PASSWORD: "password"
       CERT_PASS: ""
       DOMAIN: ""
+      HOME_PAGE_URL: ""
 
 datasetVolume: &datasetVolume
   name: dataset-volume
@@ -90,6 +91,11 @@ database:
         secretKeyRef:
           name: datamate-conf
           key: DB_PASSWORD
+    - name: HOME_PAGE_URL
+      valueFrom:
+        secretKeyRef:
+          name: datamate-conf
+          key: HOME_PAGE_URL
   volumes:
     - *dataVolume
     - *logVolume

frontend/src/main.tsx

@@ -11,39 +11,96 @@ import theme from "./theme";
 import {errorConfigStore} from "@/utils/errorConfigStore.ts";
 import "@/i18n";
 
+async function checkHomePageRedirect(): Promise<string | null> {
+  try {
+    const response = await fetch('/api/sys-param/sys.home.page.url', {
+      cache: 'no-store'
+    });
+    
+    if (response.ok) {
+      const result = await response.json();
+      return result.data?.paramValue?.trim() || null;
+    }
+  } catch (error) {
+    console.error('Failed to fetch home page URL:', error);
+  }
+
+  return null;
+}
+
+function showLoadingUI() {
+  const container = document.getElementById("root");
+  if (!container) return;
+  
+  container.innerHTML = `
+    <div style="
+      min-height: 100vh;
+      background: linear-gradient(to bottom right, #eff6ff, #e0e7ff);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    ">
+      <div style="text-align: center;">
+        <div style="
+          width: 40px;
+          height: 40px;
+          border: 3px solid #e5e7eb;
+          border-top-color: #3b82f6;
+          border-radius: 50%;
+          animation: spin 1s linear infinite;
+        "></div>
+        <style>
+          @keyframes spin {
+            to { transform: rotate(360deg); }
+          }
+        </style>
+      </div>
+    </div>
+  `;
+}
+
 async function bootstrap() {
   const container = document.getElementById("root");
   if (!container) return;
 
-  const root = createRoot(container);
+  showLoadingUI();
 
   try {
-    // 2. 【关键步骤】在渲染前，等待配置文件加载完成
-    // 这一步会发起 fetch 请求去拿 /config/error-code.json
-    await errorConfigStore.loadConfig();
+    const [, homePageUrl] = await Promise.all([
+      errorConfigStore.loadConfig(),
+      checkHomePageRedirect()
+    ]);
+
+    if (homePageUrl) {
+      const currentPath = window.location.pathname;
+      const targetPath = new URL(homePageUrl, window.location.origin).pathname;
+      
+      if (currentPath === '/' && currentPath !== targetPath) {
+        window.location.href = homePageUrl;
+        return;
+      }
+    }
 
   } catch (e) {
-    // 容错处理：即使配置文件加载失败（比如404），也不应该导致整个 App 白屏崩溃
-    // 此时 App 会使用代码里的默认兜底文案
-    console.error('Error config load failed, using default messages.', e);
-  } finally {
-    // 3. 无论配置加载成功与否，最后都执行渲染
-    root.render(
-      <StrictMode>
-        <Provider store={store}>
-          <ConfigProvider theme={ theme }>
-            <AntdApp>
-              <Suspense fallback={<Spin />}>
-                <TopLoadingBar />
-                <RouterProvider router={router} />
-              </Suspense>
-            </AntdApp>
-          </ConfigProvider>
-        </Provider>
-      </StrictMode>
-    );
+    console.error('Config load failed:', e);
   }
+
+  const root = createRoot(container);
+  
+  root.render(
+    <StrictMode>
+      <Provider store={store}>
+        <ConfigProvider theme={ theme }>
+          <AntdApp>
+            <Suspense fallback={<Spin />}>
+              <TopLoadingBar />
+              <RouterProvider router={router} />
+            </Suspense>
+          </AntdApp>
+        </ConfigProvider>
+      </Provider>
+    </StrictMode>
+  );
 }
 
-// 4. 执行启动
 bootstrap();

frontend/src/pages/Home/Home.tsx

@@ -2,27 +2,67 @@ import {
   FolderOpen,
   Settings,
   ArrowRight,
-  Sparkles,
   Target,
   Zap,
   Database,
   MessageSquare,
   GitBranch,
+  Sparkles,
 } from "lucide-react";
 import { features, menuItems } from "../Layout/Menu.tsx";
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useNavigate } from "react-router";
-import { Card, Dropdown, Button } from "antd";
+import { Card, Dropdown, Button, Spin } from "antd";
 import type { MenuProps } from 'antd';
 import { Globe } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import i18n from "@/i18n";
+import { getHomePageUrl } from '@/utils/systemParam';
 
 export default function WelcomePage() {
   const navigate = useNavigate();
   const [isChecking, setIsChecking] = useState(false);
+  const [isCheckingRedirect, setIsCheckingRedirect] = useState(true);
   const { t } = useTranslation();
 
+  useEffect(() => {
+    let isMounted = true;
+
+    const checkAndRedirect = async () => {
+      try {
+        const homePageUrl = await getHomePageUrl();
+        
+        if (!isMounted) return;
+        
+        if (homePageUrl) {
+          window.location.href = homePageUrl;
+          return;
+        }
+        
+        setIsCheckingRedirect(false);
+      } catch (error) {
+        console.error('Failed to check home page URL:', error);
+        if (isMounted) {
+          setIsCheckingRedirect(false);
+        }
+      }
+    };
+
+    checkAndRedirect();
+
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+
+  if (isCheckingRedirect) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
+        <Spin size="large" />
+      </div>
+    );
+  }
+
   const languageMenuItems: MenuProps['items'] = [
     {
       key: 'zh',
@@ -42,7 +82,6 @@ export default function WelcomePage() {
     }
   ];
 
-  // 检查接口连通性的函数
   const checkDeerFlowDeploy = async (): Promise<boolean> => {
     try {
       const controller = new AbortController();
@@ -59,7 +98,6 @@ export default function WelcomePage() {
 
       clearTimeout(timeoutId);
 
-      // 检查 HTTP 状态码在 200-299 范围内
       if (response.ok) {
         return true;
       }
@@ -70,22 +108,19 @@ export default function WelcomePage() {
   };
 
   const handleChatClick = async () => {
-    if (isChecking) return; // 防止重复点击
+    if (isChecking) return;
 
     setIsChecking(true);
 
     try {
       const isDeerFlowDeploy = await checkDeerFlowDeploy();
 
       if (isDeerFlowDeploy) {
-        // 接口正常，执行原有逻辑
         window.location.href = "/chat";
       } else {
-        // 接口异常，使用 navigate 跳转
         navigate("/chat");
       }
     } catch (error) {
-      // 发生错误时也使用 navigate 跳转
       console.error('检查过程中发生错误:', error);
       navigate("/chat");
     } finally {

frontend/src/utils/systemParam.ts

@@ -0,0 +1,53 @@
+/**
+ * System Parameter API
+ * 系统参数 API 接口
+ */
+import { get } from '@/utils/request';
+
+export interface SysParam {
+  id: string;
+  paramValue: string;
+  paramType: string;
+  optionList?: string;
+  description?: string;
+  isBuiltIn: boolean;
+  canModify: boolean;
+  isEnabled: boolean;
+  createdAt?: string;
+  updatedAt?: string;
+  createdBy?: string;
+  updatedBy?: string;
+}
+
+/**
+ * 获取所有系统参数
+ */
+export async function getSystemParams(): Promise<SysParam[]> {
+  const response = await get<{ code: string; message: string; data: SysParam[] }>('/api/sys-param/list');
+  return response.data || [];
+}
+
+/**
+ * 根据ID获取系统参数
+ */
+export async function getSystemParamById(paramId: string): Promise<SysParam | null> {
+  try {
+    const response = await get<{ code: string; message: string; data: SysParam }>(`/api/sys-param/${paramId}`);
+    return response.data;
+  } catch (error) {
+    return null;
+  }
+}
+
+/**
+ * 获取首页URL配置
+ */
+export async function getHomePageUrl(): Promise<string | null> {
+  try {
+    const param = await getSystemParamById('sys.home.page.url');
+    return param?.paramValue?.trim() || null;
+  } catch (error) {
+    console.error('Failed to get home page URL:', error);
+    return null;
+  }
+}