94 lines
3.3 KiB
PHP
94 lines
3.3 KiB
PHP
<?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'; ?>
|