feat: 前端页面使用网站基础配置

- 使用 Flask context_processor 自动注入 site_config - 所有页面标题使用 site_name 配置 - 所有页面导航栏品牌使用 site_name 配置 - 所有页面底部使用 site_footer 配置 - 文件上传时使用 max_file_size 配置验证文件大小 - 显示最大文件限制提示
2026-04-16 18:44:57 +08:00
parent aa8526035b
commit 69e4ca4d64
9 changed files with 68 additions and 17 deletions
--- a/app.py
+++ b/app.py
@@ -34,6 +34,14 @@ db.init_app(app)
 # 注册后台管理蓝图
 app.register_blueprint(admin_bp)

+# Context processor - 所有模板自动获得 site_config
+@app.context_processor
+def inject_site_config():
+    def get_config():
+        from admin import get_site_config
+        return get_site_config()
+    return {'site_config': get_config()}
+
 # 初始化服务
 cache_service = CacheService(CACHE_DIR, CACHE_EXPIRE_DAYS)

--- a/static/js/main.js
+++ b/static/js/main.js
@@ -23,6 +23,14 @@ document.getElementById('uploadForm').addEventListener('submit', async function(
        return;
    }
    
+    // 检查文件大小
+    const maxSizeMB = parseInt(document.getElementById('submitBtn').dataset.maxSize) || 50;
+    const fileSizeMB = file.size / (1024 * 1024);
+    if (fileSizeMB > maxSizeMB) {
+        alert(`文件大小超出限制（最大${maxSizeMB}MB，当前${fileSizeMB.toFixed(1)}MB）`);
+        return;
+    }
+    
    // 显示进度区域
    document.getElementById('progressSection').style.display = 'block';
    document.getElementById('resultSection').style.display = 'none';
--- a/templates/history.html
+++ b/templates/history.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>翻译历史 - PDF翻译助手</title>
+    <title>翻译历史 - {{ site_config.site_name }}</title>
    <link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
@@ -11,7 +11,7 @@
 <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
-            <a class="navbar-brand" href="/">📄 PDF翻译助手</a>
+            <a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
            <div class="navbar-nav ms-auto">
                <span class="nav-link text-light">👋 {{ user.username }}</span>
                <a class="nav-link" href="/logout">退出</a>
@@ -59,5 +59,12 @@
    </main>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
+    <!-- 页脚 -->
+    <footer class="bg-light py-4 mt-5">
+        <div class="container text-center">
+            {{ site_config.site_footer | safe }}
+        </div>
+    </footer>
 </body>
 </html>
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>PDF翻译助手 - 英文PDF翻译中文</title>
+    <title>{{ site_config.site_name }} - 英文PDF翻译中文</title>
    <link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
@@ -12,7 +12,7 @@
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
-            <a class="navbar-brand" href="/">📄 PDF翻译助手</a>
+            <a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
@@ -132,7 +132,7 @@
            <div class="card-body">
                <form id="uploadForm">
                    <div class="mb-3">
-                        <label class="form-label">选择PDF文件（最大{{ max_pages }}页）</label>
+                        <label class="form-label">选择PDF文件（最大{{ max_pages }}页，{{ site_config.max_file_size }}MB）</label>
                        <input type="file" class="form-control" id="pdfFile" name="file" accept=".pdf" required>
                        <div class="form-text">支持英文PDF翻译为中文</div>
                    </div>
@@ -145,7 +145,7 @@
                    </div>
                    {% endif %}
                    
-                    <button type="submit" class="btn btn-primary btn-lg w-100" id="submitBtn">
+                    <button type="submit" class="btn btn-primary btn-lg w-100" id="submitBtn" data-max-size="{{ site_config.max_file_size }}">
                        <span id="btnText">开始翻译</span>
                        <span id="btnSpinner" class="spinner-border spinner-border-sm" style="display:none"></span>
                    </button>
@@ -196,7 +196,7 @@
    <!-- 页脚 -->
    <footer class="bg-light py-4 mt-5">
        <div class="container text-center">
-            <p class="text-muted">PDF翻译助手 v1.0.0 | 基于本地LLM服务</p>
+            {{ site_config.site_footer | safe }}
        </div>
    </footer>

--- a/templates/login.html
+++ b/templates/login.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>登录 - PDF翻译助手</title>
+    <title>登录 - {{ site_config.site_name }}</title>
    <link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
@@ -11,7 +11,7 @@
 <body class="bg-light">
    <nav class="navbar navbar-dark bg-primary">
        <div class="container">
-            <a class="navbar-brand" href="/">📄 PDF翻译助手</a>
+            <a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
        </div>
    </nav>

@@ -77,5 +77,12 @@
            }
        });
    </script>
+
+    <!-- 页脚 -->
+    <footer class="bg-light py-4 mt-5">
+        <div class="container text-center">
+            {{ site_config.site_footer | safe }}
+        </div>
+    </footer>
 </body>
 </html>
--- a/templates/pricing.html
+++ b/templates/pricing.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>会员套餐 - PDF翻译助手</title>
+    <title>会员套餐 - {{ site_config.site_name }}</title>
    <link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
@@ -11,7 +11,7 @@
 <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
-            <a class="navbar-brand" href="/">📄 PDF翻译助手</a>
+            <a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
@@ -219,5 +219,12 @@
    </main>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
+    <!-- 页脚 -->
+    <footer class="bg-light py-4 mt-5">
+        <div class="container text-center">
+            {{ site_config.site_footer | safe }}
+        </div>
+    </footer>
 </body>
 </html>
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>个人中心 - PDF翻译助手</title>
+    <title>个人中心 - {{ site_config.site_name }}</title>
    <link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
@@ -15,7 +15,7 @@
 <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
-            <a class="navbar-brand" href="/">📄 PDF翻译助手</a>
+            <a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
@@ -624,5 +624,12 @@
            });
        }
    </script>
+
+    <!-- 页脚 -->
+    <footer class="bg-light py-4 mt-5">
+        <div class="container text-center">
+            {{ site_config.site_footer | safe }}
+        </div>
+    </footer>
 </body>
 </html>
--- a/templates/register.html
+++ b/templates/register.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>注册 - PDF翻译助手</title>
+    <title>注册 - {{ site_config.site_name }}</title>
    <link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
@@ -11,7 +11,7 @@
 <body class="bg-light">
    <nav class="navbar navbar-dark bg-primary">
        <div class="container">
-            <a class="navbar-brand" href="/">📄 PDF翻译助手</a>
+            <a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
        </div>
    </nav>

@@ -79,5 +79,12 @@
            }
        });
    </script>
+
+    <!-- 页脚 -->
+    <footer class="bg-light py-4 mt-5">
+        <div class="container text-center">
+            {{ site_config.site_footer | safe }}
+        </div>
+    </footer>
 </body>
 </html>
--- a/templates/translation.html
+++ b/templates/translation.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>翻译详情 - PDF翻译助手</title>
+    <title>翻译详情 - {{ site_config.site_name }}</title>
    <link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
@@ -11,7 +11,7 @@
 <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
-            <a class="navbar-brand" href="/">📄 PDF翻译助手</a>
+            <a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
            <div class="navbar-nav ms-auto">
                {% if user %}
                <span class="nav-link text-light">👋 {{ user.username }}</span>