更新首页样式及跨域

2026-01-28 23:01:54 +08:00
parent 89d7761887
commit aa2612bcb9
8 changed files with 303 additions and 197 deletions
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>后端运行状态</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+            background-color: #f5f5f5;
+        }
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+        p {
+            color: #666;
+            text-align: center;
+        }
+        #log-content {
+            background-color: #fff;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            padding: 20px;
+            margin: 20px auto;
+            max-width: 1200px;
+            max-height: 600px;
+            overflow-y: auto;
+        }
+        #log-content div {
+            padding: 5px 0;
+            border-bottom: 1px solid #eee;
+            font-size: 14px;
+            line-height: 1.4;
+        }
+        #log-content div:hover {
+            background-color: #f9f9f9;
+        }
+        #log-content p {
+            text-align: left;
+        }
+        .refresh-info {
+            text-align: center;
+            font-size: 12px;
+            color: #999;
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+    <h1>后端服务运行状态</h1>
+    <p>实时监控系统运行情况</p>
+    <div id="log-content">
+        <p>正在加载日志...</p>
+    </div>
+    <div class="refresh-info">
+        <span id="last-refresh">最后刷新: 从未</span>
+        <span> | </span>
+        <span>每5秒自动刷新</span>
+    </div>
+    
+    <script>
+        // 加载日志
+        function loadLogs() {
+            fetch('/getLogs')
+                .then(response => response.json())
+                .then(data => {
+                    const logContent = document.getElementById('log-content');
+                    if (data.code === 200) {
+                        logContent.innerHTML = '';
+                        if (data.data && data.data.length > 0) {
+                            data.data.forEach(log => {
+                                const logItem = document.createElement('div');
+                                logItem.textContent = log;
+                                logContent.appendChild(logItem);
+                            });
+                        } else {
+                            logContent.innerHTML = '<p>暂无日志记录</p>';
+                        }
+                    } else {
+                        logContent.innerHTML = '<p>加载日志失败: ' + (data.msg || '未知错误') + '</p>';
+                    }
+                    
+                    // 更新最后刷新时间
+                    const now = new Date();
+                    const timeStr = now.toLocaleString('zh-CN');
+                    document.getElementById('last-refresh').textContent = '最后刷新: ' + timeStr;
+                })
+                .catch(error => {
+                    console.error('加载日志失败:', error);
+                    const logContent = document.getElementById('log-content');
+                    logContent.innerHTML = '<p>加载日志失败: 网络错误</p>';
+                });
+        }
+        
+        // 初始加载日志
+        loadLogs();
+        
+        // 定时刷新日志，每5秒一次
+        setInterval(loadLogs, 5000);
+    </script>
+</body>
+</html>