v1.0.0提交

index.php

@@ -0,0 +1,94 @@
+<?php
+/**
+ * PerToolBox Front - 首页
+ * 
+ * Copyright (C) 2024 Sea Network Technology Studio
+ * Author: Canglan <admin@sea-studio.top>
+ * License: AGPL v3
+ */
+
+require_once 'config.php';
+include_once 'header.php';
+include_once 'sidebar.php';
+?>
+
+<div class="main-content">
+    <div class="text-center mb-8">
+        <h1 class="text-4xl font-bold text-gray-800 mb-2"><?php echo SITE_NAME; ?></h1>
+        <p class="text-gray-600">实用工具集 · 即开即用</p>
+    </div>
+    
+    <!-- 工具网格 -->
+    <div class="tool-grid" id="toolGrid">
+        <a href="/pages/todos.php" class="tool-card" data-tool="todos">
+            <div class="tool-icon">✅</div>
+            <div class="tool-title">待办事项</div>
+            <div class="tool-desc">管理任务，提高效率</div>
+            <div class="tool-stats" id="stats-todos">加载中...</div>
+        </a>
+        
+        <a href="/pages/notes.php" class="tool-card" data-tool="notes">
+            <div class="tool-icon">📝</div>
+            <div class="tool-title">便签本</div>
+            <div class="tool-desc">记录灵感和想法</div>
+            <div class="tool-stats" id="stats-notes">加载中...</div>
+        </a>
+        
+        <a href="/pages/password.php" class="tool-card" data-tool="password">
+            <div class="tool-icon">🔑</div>
+            <div class="tool-title">密码生成器</div>
+            <div class="tool-desc">生成强密码</div>
+            <div class="tool-stats" id="stats-password">加载中...</div>
+        </a>
+        
+        <a href="/pages/qrcode.php" class="tool-card" data-tool="qrcode">
+            <div class="tool-icon">📱</div>
+            <div class="tool-title">二维码生成</div>
+            <div class="tool-desc">快速分享链接</div>
+            <div class="tool-stats" id="stats-qrcode">加载中...</div>
+        </a>
+        
+        <a href="/pages/crypto.php" class="tool-card" data-tool="crypto_hash">
+            <div class="tool-icon">🔒</div>
+            <div class="tool-title">加密工具</div>
+            <div class="tool-desc">哈希、Base64、AES等</div>
+            <div class="tool-stats" id="stats-crypto_hash">加载中...</div>
+        </a>
+        
+        <a href="/pages/json.php" class="tool-card" data-tool="json">
+            <div class="tool-icon">📋</div>
+            <div class="tool-title">JSON校验</div>
+            <div class="tool-desc">验证并格式化JSON</div>
+            <div class="tool-stats" id="stats-json">加载中...</div>
+        </a>
+    </div>
+</div>
+
+<script>
+// 加载热度统计
+async function loadStats() {
+    try {
+        const stats = await apiRequest('/tool/stats');
+        
+        // 更新每个工具的统计显示
+        for (const [toolName, data] of Object.entries(stats)) {
+            const el = document.getElementById(`stats-${toolName}`);
+            if (el) {
+                el.innerHTML = `今日访问 ${data.today} | 总访问 ${data.total}`;
+            }
+        }
+    } catch (error) {
+        console.error('加载统计失败:', error);
+        document.querySelectorAll('.tool-stats').forEach(el => {
+            el.innerHTML = '加载失败';
+        });
+    }
+}
+
+// 页面加载时上报首页访问（可选）
+// recordUsage('home');
+
+loadStats();
+</script>
+
+<?php include_once 'footer.php'; ?>