coder/pdf-translate-web
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加后台管理功能

Browse Source 
功能:
- 数据概览仪表盘
- 用户管理(列表/编辑/删除)
- 翻译记录管理
- 缓存管理
- 统计报表(图表)
- 操作日志

管理员账号: admin / admin123
后台地址: /admin/
This commit is contained in:
coder
2026-04-07 23:08:49 +08:00
parent be1e01a8c6
commit 236b202e3e
17 changed files with 1896 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/admin/cache.html
+140
View File
@@ -0,0 +1,140 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>缓存管理 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<!-- 统计卡片 -->
<div class="row mb-4">
<div class="col-md-4">
<div class="card">
<div class="card-body text-center">
<h6 class="text-muted">缓存总数</h6>
<h2>{{ caches.total }}</h2>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body text-center">
<h6 class="text-muted">缓存大小</h6>
<h2>{{ (total_size / 1024 / 1024)|round(2) }} MB</h2>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body text-center">
<h6 class="text-muted">总命中次数</h6>
<h2>{{ total_hits }}</h2>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header d-flex justify-content-between">
<h5 class="mb-0"><i class="bi bi-database"></i> 缓存列表</h5>
<button class="btn btn-danger btn-sm" onclick="clearCache()">
<i class="bi bi-trash"></i> 清空缓存
</button>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>文件哈希</th>
<th>页数</th>
<th>大小</th>
<th>命中次数</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for c in caches.items %}
<tr>
<td><code>{{ c.file_hash[:16] }}...</code></td>
<td>{{ c.page_count }}</td>
<td>{{ (c.file_size / 1024)|round(1) }}KB</td>
<td><span class="badge bg-info">{{ c.hit_count }}</span></td>
<td>{{ c.created_at.strftime('%m-%d %H:%M') }}</td>
<td>
<button class="btn btn-sm btn-outline-danger" onclick="deleteCache({{ c.id }})">
<i class="bi bi-trash"></i>
</button>
</td>
</tr>
{% else %}
<tr><td colspan="6" class="text-center text-muted py-4">暂无缓存</td></tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="card-footer">
<nav>
<ul class="pagination mb-0">
{% if caches.has_prev %}
<li class="page-item"><a class="page-link" href="?page={{ caches.prev_num }}">上一页</a></li>
{% endif %}
<li class="page-item disabled"><span class="page-link">{{ caches.page }} / {{ caches.pages }}</span></li>
{% if caches.has_next %}
<li class="page-item"><a class="page-link" href="?page={{ caches.next_num }}">下一页</a></li>
{% endif %}
</ul>
</nav>
</div>
</div>
</main>
<script>
function deleteCache(id) {
if (!confirm('确定删除此缓存？')) return;
fetch(`/admin/cache/${id}/delete`, { method: 'POST' })
.then(r => r.json())
.then(d => { if (d.success) location.reload(); });
}
function clearCache() {
if (!confirm('确定清空所有缓存？此操作不可恢复！')) return;
fetch('/admin/cache/clear', { method: 'POST' })
.then(r => r.json())
.then(d => {
if (d.success) {
alert('已删除 ' + d.deleted + ' 个缓存');
location.reload();
}
});
}
</script>
</body>
</html>
templates/admin/dashboard.html
+294
View File
@@ -0,0 +1,294 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>后台管理 - PDF翻译助手</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 250px;
background: #343a40;
padding-top: 60px;
z-index: 1000;
}
.sidebar .nav-link {
color: #adb5bd;
padding: 12px 20px;
border-left: 3px solid transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
color: #fff;
background: rgba(255,255,255,0.1);
border-left-color: #0d6efd;
}
.sidebar .nav-link i { margin-right: 10px; }
.main-content {
margin-left: 250px;
padding: 20px;
}
.stat-card {
border-radius: 10px;
border: none;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.stat-card .icon {
width: 60px;
height: 60px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
.stat-card .icon.blue { background: rgba(13, 110, 253, 0.1); color: #0d6efd; }
.stat-card .icon.green { background: rgba(25, 135, 84, 0.1); color: #198754; }
.stat-card .icon.orange { background: rgba(253, 126, 20, 0.1); color: #fd7e14; }
.stat-card .icon.purple { background: rgba(111, 66, 193, 0.1); color: #6f42c1; }
</style>
</head>
<body>
<!-- 侧边栏 -->
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0">
<i class="bi bi-gear-fill"></i> 后台管理
</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link active" href="{{ url_for('admin.dashboard') }}">
<i class="bi bi-speedometer2"></i> 数据概览
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('admin.users') }}">
<i class="bi bi-people"></i> 用户管理
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('admin.translations') }}">
<i class="bi bi-file-text"></i> 翻译记录
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('admin.cache_list') }}">
<i class="bi bi-database"></i> 缓存管理
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('admin.stats') }}">
<i class="bi bi-bar-chart"></i> 统计报表
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('admin.logs') }}">
<i class="bi bi-list-check"></i> 操作日志
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('admin.settings') }}">
<i class="bi bi-sliders"></i> 系统配置
</a>
</li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100">
<i class="bi bi-house"></i> 返回前台
</a>
</div>
</nav>
<!-- 主内容区 -->
<main class="main-content">
<!-- 统计卡片 -->
<div class="row mb-4">
<div class="col-md-3">
<div class="card stat-card">
<div class="card-body d-flex align-items-center">
<div class="icon blue me-3"><i class="bi bi-people-fill"></i></div>
<div>
<div class="text-muted small">总用户数</div>
<div class="fs-4 fw-bold">{{ total_users }}</div>
<div class="text-success small">今日 +{{ new_users_today }}</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card stat-card">
<div class="card-body d-flex align-items-center">
<div class="icon green me-3"><i class="bi bi-file-earmark-text"></i></div>
<div>
<div class="text-muted small">总翻译次数</div>
<div class="fs-4 fw-bold">{{ total_translations }}</div>
<div class="text-success small">今日 +{{ today_translations }}</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card stat-card">
<div class="card-body d-flex align-items-center">
<div class="icon orange me-3"><i class="bi bi-crown"></i></div>
<div>
<div class="text-muted small">VIP用户</div>
<div class="fs-4 fw-bold">{{ vip_users }}</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card stat-card">
<div class="card-body d-flex align-items-center">
<div class="icon purple me-3"><i class="bi bi-database-fill"></i></div>
<div>
<div class="text-muted small">缓存数量</div>
<div class="fs-4 fw-bold">{{ total_cache }}</div>
<div class="text-info small">命中 {{ total_cache_hits }} 次</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- 每日翻译趋势 -->
<div class="col-md-8 mb-4">
<div class="card">
<div class="card-header">
<h6 class="mb-0"><i class="bi bi-graph-up"></i> 每日翻译趋势（最近7天）</h6>
</div>
<div class="card-body">
<canvas id="trendChart" height="100"></canvas>
</div>
</div>
</div>
<!-- 快捷操作 -->
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header">
<h6 class="mb-0"><i class="bi bi-lightning"></i> 快捷操作</h6>
</div>
<div class="card-body">
<a href="{{ url_for('admin.users') }}" class="btn btn-outline-primary w-100 mb-2">
<i class="bi bi-person-plus"></i> 添加用户
</a>
<a href="{{ url_for('admin.cache_list') }}" class="btn btn-outline-warning w-100 mb-2">
<i class="bi bi-trash"></i> 清理缓存
</a>
<a href="{{ url_for('admin.settings') }}" class="btn btn-outline-secondary w-100">
<i class="bi bi-gear"></i> 系统配置
</a>
</div>
</div>
</div>
</div>
<div class="row">
<!-- 最近翻译 -->
<div class="col-md-6 mb-4">
<div class="card">
<div class="card-header d-flex justify-content-between">
<h6 class="mb-0"><i class="bi bi-clock-history"></i> 最近翻译</h6>
<a href="{{ url_for('admin.translations') }}" class="small">查看全部</a>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead>
<tr>
<th>文件名</th>
<th>状态</th>
<th>时间</th>
</tr>
</thead>
<tbody>
{% for t in recent_translations %}
<tr>
<td>{{ t.original_filename[:30] }}{% if t.original_filename|length > 30 %}...{% endif %}</td>
<td>
<span class="badge bg-{% if t.status == 'completed' %}success{% elif t.status == 'processing' %}warning{% else %}danger{% endif %}">
{{ t.status }}
</span>
</td>
<td><small>{{ t.created_at.strftime('%H:%M') }}</small></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<!-- 最近用户 -->
<div class="col-md-6 mb-4">
<div class="card">
<div class="card-header d-flex justify-content-between">
<h6 class="mb-0"><i class="bi bi-person-lines-fill"></i> 最近注册</h6>
<a href="{{ url_for('admin.users') }}" class="small">查看全部</a>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead>
<tr>
<th>用户名</th>
<th>类型</th>
<th>注册时间</th>
</tr>
</thead>
<tbody>
{% for u in recent_users %}
<tr>
<td>{{ u.username }}</td>
<td>
<span class="badge bg-{% if u.user_type == 'free' %}secondary{% elif 'vip' in u.user_type %}warning{% else %}primary{% endif %}">
{{ u.user_type }}
</span>
</td>
<td><small>{{ u.created_at.strftime('%m-%d %H:%M') }}</small></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
// 绘制趋势图
const ctx = document.getElementById('trendChart').getContext('2d');
const data = {{ daily_stats | tojson }};
new Chart(ctx, {
type: 'line',
data: {
labels: data.map(d => d.date),
datasets: [{
label: '翻译次数',
data: data.map(d => d.count),
borderColor: '#0d6efd',
backgroundColor: 'rgba(13, 110, 253, 0.1)',
fill: true,
tension: 0.3
}]
},
options: {
responsive: true,
plugins: { legend: { display: false } },
scales: { y: { beginAtZero: true } }
}
});
</script>
</body>
</html>
templates/admin/logs.html
+103
View File
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>操作日志 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col"><h5 class="mb-0"><i class="bi bi-list-check"></i> 操作日志</h5></div>
<div class="col-auto">
<form method="get" class="d-flex gap-2">
<select class="form-select" name="action">
<option value="">全部操作</option>
<option value="login" {% if action == 'login' %}selected{% endif %}>登录</option>
<option value="translate" {% if action == 'translate' %}selected{% endif %}>翻译</option>
<option value="register" {% if action == 'register' %}selected{% endif %}>注册</option>
<option value="edit_user" {% if action == 'edit_user' %}selected{% endif %}>编辑用户</option>
<option value="delete_user" {% if action == 'delete_user' %}selected{% endif %}>删除用户</option>
</select>
<button class="btn btn-primary"><i class="bi bi-filter"></i> 筛选</button>
</form>
</div>
</div>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>ID</th>
<th>操作者</th>
<th>操作类型</th>
<th>操作对象</th>
<th>IP地址</th>
<th>时间</th>
</tr>
</thead>
<tbody>
{% for log in logs.items %}
<tr>
<td>{{ log.id }}</td>
<td>{{ log.username or '系统' }}</td>
<td>
<span class="badge bg-{% if log.action == 'login' %}info{% elif log.action == 'translate' %}success{% elif 'delete' in log.action %}danger{% else %}secondary{% endif %}">
{{ log.action }}
</span>
</td>
<td>{{ log.target or '-' }}</td>
<td><code>{{ log.ip_address or '-' }}</code></td>
<td>{{ log.created_at.strftime('%Y-%m-%d %H:%M:%S') }}</td>
</tr>
{% else %}
<tr><td colspan="6" class="text-center text-muted py-4">暂无日志</td></tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="card-footer">
<nav>
<ul class="pagination mb-0">
{% if logs.has_prev %}
<li class="page-item"><a class="page-link" href="?page={{ logs.prev_num }}&action={{ action }}">上一页</a></li>
{% endif %}
<li class="page-item disabled"><span class="page-link">{{ logs.page }} / {{ logs.pages }}</span></li>
{% if logs.has_next %}
<li class="page-item"><a class="page-link" href="?page={{ logs.next_num }}&action={{ action }}">下一页</a></li>
{% endif %}
</ul>
</nav>
</div>
</div>
</main>
</body>
</html>
templates/admin/settings.html
+114
View File
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>系统配置 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-sliders"></i> 用户权限配置</h6></div>
<div class="card-body">
<table class="table table-sm">
<thead class="table-light">
<tr>
<th>用户类型</th>
<th>每日次数</th>
<th>最大页数</th>
</tr>
</thead>
<tbody>
{% for type, limits in user_limits.items() %}
<tr>
<td>{{ type }}</td>
<td>{{ limits.daily_translations if limits.daily_translations > 0 else '无限' }}</td>
<td>{{ limits.max_pages if limits.max_pages > 0 else '无限' }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<small class="text-muted">权限配置需修改 config.py 文件</small>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-credit-card"></i> 会员套餐配置</h6></div>
<div class="card-body">
<table class="table table-sm">
<thead class="table-light">
<tr>
<th>套餐</th>
<th>价格</th>
<th>周期</th>
</tr>
</thead>
<tbody>
{% for key, plan in membership_plans.items() %}
<tr>
<td>{{ plan.name }}</td>
<td>¥{{ plan.price }}</td>
<td>{{ plan.period }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<small class="text-muted">套餐配置需修改 config.py 文件</small>
</div>
</div>
</div>
</div>
<div class="card mt-3">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-info-circle"></i> 系统信息</h6></div>
<div class="card-body">
<div class="row">
<div class="col-md-4">
<p><strong>应用名称:</strong> PDF翻译助手</p>
<p><strong>版本:</strong> 1.0.0</p>
<p><strong>框架:</strong> Flask + SQLAlchemy</p>
</div>
<div class="col-md-4">
<p><strong>LLM模型:</strong> qwen/qwen3.5-35b-a3b</p>
<p><strong>API地址:</strong> http://192.168.2.5:1234/v1</p>
</div>
<div class="col-md-4">
<p><strong>缓存有效期:</strong> 30天</p>
<p><strong>最大文件:</strong> 50MB</p>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
templates/admin/stats.html
+160
View File
@@ -0,0 +1,160 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>统计报表 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<div class="row mb-4">
<!-- 用户增长趋势 -->
<div class="col-md-6">
<div class="card">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-people"></i> 用户增长趋势（30天）</h6></div>
<div class="card-body">
<canvas id="userChart" height="150"></canvas>
</div>
</div>
</div>
<!-- 翻译量趋势 -->
<div class="col-md-6">
<div class="card">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-file-text"></i> 翻译量趋势（30天）</h6></div>
<div class="card-body">
<canvas id="transChart" height="150"></canvas>
</div>
</div>
</div>
</div>
<div class="row mb-4">
<!-- 用户类型分布 -->
<div class="col-md-4">
<div class="card">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-pie-chart"></i> 用户类型分布</h6></div>
<div class="card-body">
<canvas id="userTypeChart" height="200"></canvas>
</div>
</div>
</div>
<!-- 翻译状态分布 -->
<div class="col-md-4">
<div class="card">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-pie-chart"></i> 翻译状态分布</h6></div>
<div class="card-body">
<canvas id="statusChart" height="200"></canvas>
</div>
</div>
</div>
<!-- Top用户 -->
<div class="col-md-4">
<div class="card">
<div class="card-header"><h6 class="mb-0"><i class="bi bi-trophy"></i> 活跃用户Top10</h6></div>
<div class="card-body p-0">
<table class="table table-sm mb-0">
<thead class="table-light">
<tr><th>排名</th><th>用户</th><th>翻译数</th></tr>
</thead>
<tbody>
{% for name, count in top_users %}
<tr>
<td>{{ loop.index }}</td>
<td>{{ name }}</td>
<td><span class="badge bg-primary">{{ count }}</span></td>
</tr>
{% else %}
<tr><td colspan="3" class="text-center text-muted">暂无数据</td></tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</main>
<script>
// 用户增长趋势
new Chart(document.getElementById('userChart'), {
type: 'line',
data: {
labels: {{ user_growth | map(attribute='date') | list | tojson }},
datasets: [{
label: '新增用户',
data: {{ user_growth | map(attribute='count') | list | tojson }},
borderColor: '#0d6efd',
backgroundColor: 'rgba(13, 110, 253, 0.1)',
fill: true, tension: 0.3
}]
},
options: { responsive: true, plugins: { legend: { display: false } } }
});
// 翻译量趋势
new Chart(document.getElementById('transChart'), {
type: 'bar',
data: {
labels: {{ translation_growth | map(attribute='date') | list | tojson }},
datasets: [{
label: '翻译次数',
data: {{ translation_growth | map(attribute='count') | list | tojson }},
backgroundColor: 'rgba(25, 135, 84, 0.7)'
}]
},
options: { responsive: true, plugins: { legend: { display: false } } }
});
// 用户类型分布
new Chart(document.getElementById('userTypeChart'), {
type: 'doughnut',
data: {
labels: {{ user_distribution | map(attribute=0) | list | tojson }},
datasets: [{
data: {{ user_distribution | map(attribute=1) | list | tojson }},
backgroundColor: ['#6c757d', '#ffc107', '#fd7e14', '#0d6efd', '#198754']
}]
}
});
// 翻译状态分布
new Chart(document.getElementById('statusChart'), {
type: 'doughnut',
data: {
labels: {{ status_distribution | map(attribute=0) | list | tojson }},
datasets: [{
data: {{ status_distribution | map(attribute=1) | list | tojson }},
backgroundColor: ['#198754', '#ffc107', '#dc3545', '#6c757d']
}]
}
});
</script>
</body>
</html>
templates/admin/translation_detail.html
+113
View File
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>翻译详情 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.main-content { margin-left: 250px; padding: 20px; }
.translation-content { max-height: 500px; overflow-y: auto; background: #fff; padding: 20px; border-radius: 5px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<div class="card">
<div class="card-header d-flex justify-content-between">
<h5 class="mb-0"><i class="bi bi-file-text"></i> 翻译详情</h5>
<div>
<a href="/api/download/{{ translation.id }}" class="btn btn-success btn-sm">
<i class="bi bi-download"></i> 下载结果
</a>
<a href="{{ url_for('admin.translations') }}" class="btn btn-outline-secondary btn-sm">
返回列表
</a>
</div>
</div>
<div class="card-body">
<div class="row mb-3">
<div class="col-md-6">
<p><strong>文件名:</strong> {{ translation.original_filename }}</p>
<p><strong>页数:</strong> {{ translation.page_count }}</p>
<p><strong>大小:</strong> {{ (translation.file_size / 1024)|round(1) }} KB</p>
</div>
<div class="col-md-6">
<p><strong>状态:</strong>
<span class="badge bg-{% if translation.status == 'completed' %}success{% elif translation.status == 'processing' %}warning{% else %}danger{% endif %}">
{{ translation.status }}
</span>
{% if translation.from_cache %}
<span class="badge bg-info">来自缓存</span>
{% endif %}
</p>
<p><strong>用户:</strong> {% if user %}{{ user.username }}{% else %}访客{% endif %}</p>
<p><strong>时间:</strong> {{ translation.created_at.strftime('%Y-%m-%d %H:%M:%S') }}</p>
</div>
</div>
{% if translation.status == 'completed' %}
<hr>
<h6>翻译结果</h6>
<div id="resultContent" class="translation-content border">
加载中...
</div>
{% elif translation.status == 'failed' %}
<div class="alert alert-danger">
<strong>错误信息:</strong> {{ translation.error_message or '未知错误' }}
</div>
{% endif %}
{% if translation.translate_params %}
<hr>
<h6>翻译参数</h6>
<pre class="bg-light p-2 rounded">{{ translation.translate_params }}</pre>
{% endif %}
</div>
</div>
</main>
<script>
// 加载翻译结果
fetch('/api/result/{{ translation.id }}')
.then(r => r.json())
.then(data => {
if (data.content) {
// 简单Markdown渲染
let html = data.content
.replace(/^## (.*)$/gm, '<h3>$1</h3>')
.replace(/^# (.*)$/gm, '<h2>$1</h2>')
.replace(/^---$/gm, '<hr>')
.replace(/\n\n/g, '</p><p>');
document.getElementById('resultContent').innerHTML = '<p>' + html + '</p>';
} else {
document.getElementById('resultContent').innerHTML = '<p class="text-muted">无翻译结果</p>';
}
})
.catch(err => {
document.getElementById('resultContent').innerHTML = '<p class="text-danger">加载失败: ' + err + '</p>';
});
</script>
</body>
</html>
templates/admin/translations.html
+122
View File
@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>翻译记录 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.sidebar .nav-link i { margin-right: 10px; }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col"><h5 class="mb-0"><i class="bi bi-file-text"></i> 翻译记录</h5></div>
<div class="col-auto">
<form method="get" class="d-flex gap-2">
<input type="text" class="form-control" name="search" value="{{ search }}" placeholder="搜索文件名">
<select class="form-select" name="status">
<option value="">全部状态</option>
<option value="pending" {% if status == 'pending' %}selected{% endif %}>等待中</option>
<option value="processing" {% if status == 'processing' %}selected{% endif %}>处理中</option>
<option value="completed" {% if status == 'completed' %}selected{% endif %}>已完成</option>
<option value="failed" {% if status == 'failed' %}selected{% endif %}>失败</option>
</select>
<button class="btn btn-primary"><i class="bi bi-search"></i></button>
</form>
</div>
</div>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>ID</th>
<th>文件名</th>
<th>用户</th>
<th>页数</th>
<th>大小</th>
<th>状态</th>
<th>缓存</th>
<th>时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for t in translations.items %}
<tr>
<td>{{ t.id }}</td>
<td>{{ t.original_filename[:25] }}{% if t.original_filename|length > 25 %}...{% endif %}</td>
<td>{% if t.user_id %}ID:{{ t.user_id }}{% else %}访客{% endif %}</td>
<td>{{ t.page_count }}</td>
<td>{{ (t.file_size / 1024)|round(1) }}KB</td>
<td>
<span class="badge bg-{% if t.status == 'completed' %}success{% elif t.status == 'processing' %}warning{% elif t.status == 'failed' %}danger{% else %}secondary{% endif %}">
{{ t.status }}
</span>
</td>
<td>{% if t.from_cache %}<i class="bi bi-check-circle text-success"></i>{% else %}-{% endif %}</td>
<td>{{ t.created_at.strftime('%m-%d %H:%M') }}</td>
<td>
<a href="{{ url_for('admin.translation_detail', trans_id=t.id) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a>
<button class="btn btn-sm btn-outline-danger" onclick="deleteTrans({{ t.id }})"><i class="bi bi-trash"></i></button>
</td>
</tr>
{% else %}
<tr><td colspan="9" class="text-center text-muted py-4">暂无数据</td></tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="card-footer">
<nav>
<ul class="pagination mb-0">
{% if translations.has_prev %}
<li class="page-item"><a class="page-link" href="?page={{ translations.prev_num }}&status={{ status }}&search={{ search }}">上一页</a></li>
{% endif %}
<li class="page-item disabled"><span class="page-link">{{ translations.page }} / {{ translations.pages }}</span></li>
{% if translations.has_next %}
<li class="page-item"><a class="page-link" href="?page={{ translations.next_num }}&status={{ status }}&search={{ search }}">下一页</a></li>
{% endif %}
</ul>
</nav>
</div>
</div>
</main>
<script>
function deleteTrans(id) {
if (!confirm('确定删除此记录？')) return;
fetch(`/admin/translation/${id}/delete`, { method: 'POST' })
.then(r => r.json())
.then(d => { if (d.success) location.reload(); });
}
</script>
</body>
</html>
templates/admin/user_detail.html
+180
View File
@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户详情 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.sidebar .nav-link i { margin-right: 10px; }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<div class="row">
<!-- 用户信息 -->
<div class="col-md-4">
<div class="card">
<div class="card-header">
<h6 class="mb-0"><i class="bi bi-person"></i> 用户信息</h6>
</div>
<div class="card-body">
<form id="userForm">
<div class="mb-3">
<label class="form-label">用户名</label>
<input type="text" class="form-control" name="username" value="{{ user.username }}">
</div>
<div class="mb-3">
<label class="form-label">邮箱</label>
<input type="email" class="form-control" name="email" value="{{ user.email }}">
</div>
<div class="mb-3">
<label class="form-label">用户类型</label>
<select class="form-select" name="user_type">
<option value="free" {% if user.user_type == 'free' %}selected{% endif %}>免费用户</option>
<option value="vip_basic" {% if user.user_type == 'vip_basic' %}selected{% endif %}>基础会员</option>
<option value="vip_pro" {% if user.user_type == 'vip_pro' %}selected{% endif %}>专业会员</option>
<option value="vip_enterprise" {% if user.user_type == 'vip_enterprise' %}selected{% endif %}>企业会员</option>
<option value="admin" {% if user.user_type == 'admin' %}selected{% endif %}>管理员</option>
</select>
</div>
<div class="mb-3">
<label class="form-label">会员到期时间</label>
<input type="datetime-local" class="form-control" name="membership_expire"
value="{% if user.membership_expire %}{{ user.membership_expire.strftime('%Y-%m-%dT%H:%M') }}{% endif %}">
</div>
<div class="mb-3">
<label class="form-label">新密码（留空不修改）</label>
<input type="password" class="form-control" name="new_password" placeholder="输入新密码">
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" name="is_active" {% if user.is_active %}checked{% endif %}>
<label class="form-check-label">账号启用</label>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" name="is_admin" {% if user.is_admin %}checked{% endif %}>
<label class="form-check-label">管理员权限</label>
</div>
<button type="submit" class="btn btn-primary w-100">保存修改</button>
</form>
</div>
</div>
<!-- 统计信息 -->
<div class="card mt-3">
<div class="card-header">
<h6 class="mb-0"><i class="bi bi-bar-chart"></i> 统计信息</h6>
</div>
<div class="card-body">
<p>今日翻译: <strong>{{ user.daily_count }}</strong> 次</p>
<p>总翻译: <strong>{{ user.total_count }}</strong> 次</p>
<p>注册时间: {{ user.created_at.strftime('%Y-%m-%d %H:%M') }}</p>
<p>最后翻译: {% if user.last_translate_date %}{{ user.last_translate_date }}{% else %}无{% endif %}</p>
</div>
</div>
</div>
<!-- 翻译记录 -->
<div class="col-md-8">
<div class="card">
<div class="card-header">
<h6 class="mb-0"><i class="bi bi-file-text"></i> 翻译记录</h6>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>文件名</th>
<th>页数</th>
<th>状态</th>
<th>缓存</th>
<th>时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for t in translations %}
<tr>
<td>{{ t.original_filename[:30] }}{% if t.original_filename|length > 30 %}...{% endif %}</td>
<td>{{ t.page_count }}</td>
<td>
<span class="badge bg-{% if t.status == 'completed' %}success{% elif t.status == 'processing' %}warning{% else %}danger{% endif %}">
{{ t.status }}
</span>
</td>
<td>{% if t.from_cache %}<i class="bi bi-check-circle text-success"></i>{% else %}-{% endif %}</td>
<td>{{ t.created_at.strftime('%m-%d %H:%M') }}</td>
<td>
<a href="{{ url_for('admin.translation_detail', trans_id=t.id) }}" class="btn btn-sm btn-outline-primary">
<i class="bi bi-eye"></i>
</a>
</td>
</tr>
{% else %}
<tr><td colspan="6" class="text-center text-muted py-4">暂无翻译记录</td></tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</main>
<script>
document.getElementById('userForm').addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(this);
const data = {
username: formData.get('username'),
email: formData.get('email'),
user_type: formData.get('user_type'),
membership_expire: formData.get('membership_expire'),
new_password: formData.get('new_password'),
is_active: formData.get('is_active') === 'on',
is_admin: formData.get('is_admin') === 'on'
};
fetch('', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
})
.then(r => r.json())
.then(result => {
if (result.success) {
alert('保存成功');
location.reload();
} else {
alert('保存失败: ' + (result.error || '未知错误'));
}
});
});
</script>
</body>
</html>
templates/admin/users.html
+148
View File
@@ -0,0 +1,148 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户管理 - 后台管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; border-left: 3px solid transparent; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); border-left-color: #0d6efd; }
.sidebar .nav-link i { margin-right: 10px; }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<!-- 侧边栏 -->
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<!-- 主内容 -->
<main class="main-content">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h5 class="mb-0"><i class="bi bi-people"></i> 用户管理</h5>
</div>
<div class="col-auto">
<form method="get" class="d-flex gap-2">
<input type="text" class="form-control" name="search" value="{{ search }}" placeholder="搜索用户名/邮箱">
<select class="form-select" name="type">
<option value="">全部类型</option>
{% for t in user_types %}
<option value="{{ t }}" {% if user_type == t %}selected{% endif %}>{{ t }}</option>
{% endfor %}
</select>
<button class="btn btn-primary"><i class="bi bi-search"></i></button>
</form>
</div>
</div>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>ID</th>
<th>用户名</th>
<th>邮箱</th>
<th>类型</th>
<th>翻译次数</th>
<th>状态</th>
<th>注册时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for user in users.items %}
<tr>
<td>{{ user.id }}</td>
<td>
{{ user.username }}
{% if user.is_admin %}<span class="badge bg-danger">管理员</span>{% endif %}
</td>
<td>{{ user.email }}</td>
<td>
<span class="badge bg-{% if user.user_type == 'free' %}secondary{% elif 'vip' in user.user_type %}warning{% else %}primary{% endif %}">
{{ user.user_type }}
</span>
</td>
<td>
<span title="今日">{{ user.daily_count }}</span> /
<span title="总计">{{ user.total_count }}</span>
</td>
<td>
{% if user.is_active %}
<span class="badge bg-success">正常</span>
{% else %}
<span class="badge bg-danger">禁用</span>
{% endif %}
</td>
<td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
<td>
<a href="{{ url_for('admin.user_detail', user_id=user.id) }}" class="btn btn-sm btn-outline-primary">
<i class="bi bi-eye"></i>
</a>
<button class="btn btn-sm btn-outline-danger" onclick="deleteUser({{ user.id }}, '{{ user.username }}')">
<i class="bi bi-trash"></i>
</button>
</td>
</tr>
{% else %}
<tr><td colspan="8" class="text-center text-muted py-4">暂无数据</td></tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="card-footer">
<nav>
<ul class="pagination mb-0">
{% if users.has_prev %}
<li class="page-item"><a class="page-link" href="?page={{ users.prev_num }}&search={{ search }}&type={{ user_type }}">上一页</a></li>
{% endif %}
<li class="page-item disabled"><span class="page-link">{{ users.page }} / {{ users.pages }}</span></li>
{% if users.has_next %}
<li class="page-item"><a class="page-link" href="?page={{ users.next_num }}&search={{ search }}&type={{ user_type }}">下一页</a></li>
{% endif %}
</ul>
</nav>
</div>
</div>
</main>
<script>
function deleteUser(id, name) {
if (!confirm('确定删除用户 "' + name + '" 吗？此操作不可恢复！')) return;
fetch(`/admin/user/${id}/delete`, { method: 'POST' })
.then(r => r.json())
.then(data => {
if (data.success) {
alert('删除成功');
location.reload();
} else {
alert('删除失败: ' + data.error);
}
});
}
</script>
</body>
</html>