Files
laoyang ee256adc4b 界面主题:5 套经典配色,按账号记住
系统设置里多一块「🎨 我的界面主题」,点卡片即时预览、保存后全站生效,不用重新登录。

- lib/theme.php(新增):主题注册表 ticket/indigo/forest/wine/midnight,
  分别是「复古票根(暖橙,默认)/ 靛蓝 / 松林 / 绛红 / 暗夜(深色)」。
  currentThemeKey() 以 session 为准,session 里没有就从 admins.theme 补读一次
  —— 升级前就已经登录着的会话也能立刻用上自己账号存的主题。库里是脏值时回落默认主题。
- css/themes.css(新增):5 套调色板,全部以 [data-theme="<key>"] 规则块给出,
  每套 16 个变量一个不少。**必须排在 css/style.css 之后加载**:两者优先级相同
  (都是 0,1,0),靠后出现者胜。另加 --primary-rgb("R, G, B" 三元组),
  页面里的淡色底/光晕一律 rgba(var(--primary-rgb), α),所以加一套主题只需动 CSS,
  页面与 JS 一行都不用改;每套还要声明 color-scheme,否则暗色主题下原生控件
  (日期选择器、下拉、滚动条)仍是刺眼的白底。
- css/style.css::root 保留默认主题那一份作兜底;导航底色改走 --nav-bg,
  滚动条改走变量,按钮光晕改走 --primary-rgb。
- lib/db.php / lib/auth.php:admins 增列 theme(幂等 ALTER,老库自动补,空值 = 默认主题);
  setAdminTheme() 校验 key、写库、同步 session。
- settings.php:主题卡片区。每张预览卡自己套一层 data-theme,用的就是那套主题真实的
  变量,因此「预览所见」与「换上去之后」必然一致,不必再抄一份色值;另有一小段 JS
  在点选时改 <html data-theme> 做即时预览(没脚本时选中后提交同样生效)。
- 14 个页面:<html> 上输出 data-theme,并在 style.css 之后引入 themes.css;
  内联样式里写死的橙色 rgba(230,126,34,…) 全部改走 rgba(var(--primary-rgb),…);
  影院/观影人色板选中态的描边由 #333 改为 var(--text-primary)(暗色主题下才看得见)。
- annual_report.php:报告本身仍是深色「海报」版式,但点缀色跟随主题;
  Chart.js 画在 canvas 上读不到 CSS 变量,改为运行时从 <html> 的计算样式取色。

顺手修的两个坑:
1. 注释里**不能**出现 PHP 起止标签。PHP 的结束标签在 // 注释里同样会关闭 PHP 模式,
   之后若再出现短标签就会被真的执行 —— lib/theme.php 的用法说明里写了完整标签示例,
   导致该文件被 require 时直接 Fatal error、整站白屏,而 php -l 查不出来(只看语法)。
   现在部署脚本里加了一道静态断言专门挡这个。
2. themesCssLink() 的返回值末尾补一个换行:PHP 会吃掉结束标签后面那一个换行,
   不补的话渲染结果里这一行会和下一行黏成一行。

回归:theme_e2e 111/111(含老库自动补列、脏值回落、5 个选项渲染、切换后落库+落 session+
立刻生效、跨账号隔离、非法 key 与注入被拒、themes.css 完整性、:root 与 ticket 一致、
无残留写死主色、无悬空 CSS 变量);reviews_e2e 84/84、fetch_movie 76/76、storage 196/196。
A/B 48 个响应:把「新增 head 行 / data-theme 属性 / 橙色→变量」三类等价替换归一化、
并把设置页新增区块整块删掉之后,**其余部分逐字节一致,零残留差异**。
线上 PHP 7.4.30 / 8.1.7 双版本冒烟全通过(迁移、5 套主题切换、跨账号隔离均验证,
写测试后已把 admin #1 的主题原样还原、其它账号一字未动)。
2026-09-22 20:33:47 +08:00

443 lines
17 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
// ============================================
// 文件: users.php (完整版,含编辑功能)
// ============================================
require_once 'config.php';
checkLogin();
$admin = getCurrentAdmin();
$db = getDB();
// 获取所有观影人
$stmt = $db->query("SELECT * FROM persons ORDER BY name");
$all_persons = $stmt->fetchAll();
$message = '';
$error = '';
// 处理关联观影人(当前用户)
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'link_person') {
$admin_id = (int)$_POST['admin_id'];
$person_id = !empty($_POST['person_id']) ? (int)$_POST['person_id'] : null;
if ($admin_id != $_SESSION['admin_id']) {
$error = '只能修改自己的关联';
} else {
if (updateAdminPersonId($admin_id, $person_id)) {
$message = '关联观影人更新成功';
$_SESSION['admin_id'] = $admin_id;
$admin = getCurrentAdmin();
} else {
$error = '更新失败';
}
}
}
// 处理添加用户
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'add') {
$new_user = trim($_POST['new_username'] ?? '');
$new_pass = $_POST['new_password'] ?? '';
$confirm = $_POST['confirm_password'] ?? '';
$person_id = !empty($_POST['person_id']) ? (int)$_POST['person_id'] : null;
if (empty($new_user)) {
$error = '用户名不能为空';
} elseif (strlen($new_pass) < 6) {
$error = '密码至少6位';
} elseif ($new_pass !== $confirm) {
$error = '两次密码不一致';
} else {
if (addAdmin($new_user, $new_pass, null, $person_id)) {
$message = "用户 {$new_user} 添加成功";
} else {
$error = '用户名已存在';
}
}
}
// 处理编辑用户
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'edit') {
$edit_id = (int)$_POST['id'];
$username = trim($_POST['username'] ?? '');
$new_password = $_POST['new_password'] ?? '';
$confirm_password = $_POST['confirm_password'] ?? '';
$person_id = !empty($_POST['person_id']) ? (int)$_POST['person_id'] : null;
if (empty($username)) {
$error = '用户名不能为空';
} else {
// 检查用户名是否已被其他用户使用
$stmt = $db->prepare("SELECT COUNT(*) FROM admins WHERE username = ? AND id != ?");
$stmt->execute([$username, $edit_id]);
if ($stmt->fetchColumn() > 0) {
$error = '用户名已被占用';
} else {
// 构建更新语句
$sql = "UPDATE admins SET username = ?, person_id = ?";
$params = [$username, $person_id];
if (!empty($new_password)) {
if (strlen($new_password) < 6) {
$error = '密码至少6位';
} elseif ($new_password !== $confirm_password) {
$error = '两次密码不一致';
} else {
$hashed = password_hash($new_password, PASSWORD_DEFAULT);
$sql .= ", password = ?";
$params[] = $hashed;
}
}
if (empty($error)) {
$sql .= " WHERE id = ?";
$params[] = $edit_id;
$stmt = $db->prepare($sql);
if ($stmt->execute($params)) {
$message = "用户 {$username} 更新成功";
// 如果编辑的是自己,刷新 session 信息
if ($edit_id == $_SESSION['admin_id']) {
$_SESSION['admin_id'] = $edit_id;
$admin = getCurrentAdmin();
}
} else {
$error = '更新失败';
}
}
}
}
}
// 处理删除用户
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'delete') {
$delete_id = (int)$_POST['delete_id'];
if (deleteAdmin($delete_id)) {
$message = '用户已删除';
} else {
$error = '无法删除该用户(可能是最后一个管理员或您自己)';
}
}
// 获取编辑数据
$edit_data = null;
if (isset($_GET['action']) && $_GET['action'] === 'edit' && isset($_GET['id'])) {
$edit_id = (int)$_GET['id'];
$stmt = $db->prepare("SELECT * FROM admins WHERE id = ?");
$stmt->execute([$edit_id]);
$edit_data = $stmt->fetch();
if (!$edit_data) {
header('Location: users.php');
exit;
}
}
$users = getAllAdmins();
?>
<!DOCTYPE html>
<html lang="zh-CN"<?= themeAttr() ?>>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户管理 - 电影日志</title>
<link rel="stylesheet" href="css/style.css">
<?= themesCssLink() ?>
<style>
.form-container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.card {
background: var(--card-bg);
border-radius: 16px;
padding: 28px 32px;
box-shadow: var(--shadow);
margin-bottom: 24px;
}
.card h2 {
font-size: 22px;
font-weight: 700;
margin: 0 0 8px;
color: var(--text-primary);
}
.card .sub {
color: var(--text-secondary);
font-size: 14px;
margin-bottom: 16px;
}
.form-group {
margin-bottom: 16px;
}
.form-group label {
display: block;
font-weight: 600;
font-size: 14px;
color: var(--text-primary);
margin-bottom: 4px;
}
.form-group input, .form-group select {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--border-color);
border-radius: 8px;
font-size: 15px;
box-sizing: border-box;
transition: border-color 0.2s;
}
.form-group input:focus, .form-group select:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 4px rgba(var(--primary-rgb),0.12);
}
.btn {
padding: 10px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
border: none;
cursor: pointer;
transition: var(--transition);
text-decoration: none;
display: inline-block;
}
.btn-primary {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: #fff;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(var(--primary-rgb),0.35);
}
.btn-danger {
background: #e74c3c;
color: #fff;
}
.btn-danger:hover {
background: #c0392b;
}
.btn-outline {
background: transparent;
color: var(--text-secondary);
border: 1px solid var(--border-color);
}
.btn-outline:hover {
background: var(--bg-secondary);
}
.btn-sm {
padding: 4px 12px;
font-size: 13px;
}
.user-list {
list-style: none;
padding: 0;
margin: 0;
}
.user-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid var(--border-color);
flex-wrap: wrap;
gap: 8px;
}
.user-list li:last-child {
border-bottom: none;
}
.user-list .username {
font-weight: 500;
}
.user-list .badge {
background: var(--bg-secondary);
color: var(--text-secondary);
font-size: 12px;
padding: 2px 10px;
border-radius: 12px;
margin-left: 8px;
}
.user-list .badge.self {
background: var(--primary);
color: #fff;
}
.user-list .badge.has-link {
background: #2ecc71;
color: #fff;
}
.error-box {
background: rgba(231,76,60,0.08);
border: 1px solid rgba(231,76,60,0.2);
color: #e74c3c;
padding: 10px 14px;
border-radius: 8px;
margin-bottom: 16px;
font-size: 14px;
}
.success-box {
background: rgba(39,174,96,0.08);
border: 1px solid rgba(39,174,96,0.2);
color: #27ae60;
padding: 10px 14px;
border-radius: 8px;
margin-bottom: 16px;
font-size: 14px;
}
.form-row {
display: flex;
gap: 12px;
align-items: flex-end;
flex-wrap: wrap;
}
.form-row .form-group {
flex: 1;
margin-bottom: 0;
min-width: 150px;
}
.link-form {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}
.link-form select {
flex: 1;
min-width: 150px;
}
@media (max-width: 600px) {
.form-row {
flex-direction: column;
}
.card {
padding: 20px 16px;
}
.link-form {
flex-direction: column;
align-items: stretch;
}
}
</style>
</head>
<body>
<?php include 'nav.php'; ?>
<main class="main-content">
<div class="form-container">
<!-- 当前用户关联设置 -->
<div class="card">
<h2>🔗 关联我的观影人身份</h2>
<p class="sub">设置你作为观影人的身份,用于年度报告等统计功能(排除自己)</p>
<?php if ($message): ?>
<div class="success-box"><?= h($message) ?></div>
<?php endif; ?>
<?php if ($error): ?>
<div class="error-box"><?= h($error) ?></div>
<?php endif; ?>
<form method="POST" class="link-form">
<input type="hidden" name="action" value="link_person">
<input type="hidden" name="admin_id" value="<?= $_SESSION['admin_id'] ?>">
<select name="person_id">
<option value="">-- 不关联 --</option>
<?php foreach ($all_persons as $p): ?>
<option value="<?= $p['id'] ?>" <?= ($admin['person_id'] == $p['id']) ? 'selected' : '' ?>>
<?= h($p['name']) ?>
</option>
<?php endforeach; ?>
</select>
<button type="submit" class="btn btn-primary">保存关联</button>
<?php if ($admin['person_id']): ?>
<span style="font-size:13px;color:#27ae60;">✅ 当前关联:<?= h($admin['person_name'] ?? '') ?></span>
<?php else: ?>
<span style="font-size:13px;color:var(--text-secondary);">⚠️ 未关联观影人,年度报告将无法排除你自己</span>
<?php endif; ?>
</form>
</div>
<!-- 添加/编辑用户 -->
<div class="card">
<h2><?= $edit_data ? '✏️ 编辑用户' : '➕ 添加新管理员' ?></h2>
<p class="sub"><?= $edit_data ? '修改用户信息' : '新增一个可登录系统的账户' ?></p>
<form method="POST">
<input type="hidden" name="action" value="<?= $edit_data ? 'edit' : 'add' ?>">
<?php if ($edit_data): ?>
<input type="hidden" name="id" value="<?= $edit_data['id'] ?>">
<?php endif; ?>
<div class="form-row">
<div class="form-group">
<label>用户名</label>
<input type="text" name="<?= $edit_data ? 'username' : 'new_username' ?>"
value="<?= $edit_data ? h($edit_data['username']) : '' ?>"
placeholder="如: manager" required>
</div>
<div class="form-group">
<label><?= $edit_data ? '新密码 (留空则不修改)' : '密码 (至少6位)' ?></label>
<input type="password" name="new_password" placeholder="<?= $edit_data ? '留空则不修改' : '输入密码' ?>">
</div>
<?php if ($edit_data): ?>
<div class="form-group">
<label>确认新密码</label>
<input type="password" name="confirm_password" placeholder="再次输入新密码">
</div>
<?php endif; ?>
<div class="form-group">
<label>关联观影人</label>
<select name="person_id">
<option value="">-- 不关联 --</option>
<?php foreach ($all_persons as $p): ?>
<option value="<?= $p['id'] ?>" <?= ($edit_data && $edit_data['person_id'] == $p['id']) ? 'selected' : '' ?>>
<?= h($p['name']) ?>
</option>
<?php endforeach; ?>
</select>
</div>
<div>
<button type="submit" class="btn btn-primary"><?= $edit_data ? '💾 保存修改' : '添加用户' ?></button>
<?php if ($edit_data): ?>
<a href="users.php" class="btn btn-outline">取消</a>
<?php endif; ?>
</div>
</div>
</form>
</div>
<!-- 用户列表 -->
<div class="card">
<h2>👥 现有管理员</h2>
<p class="sub">共 <?= count($users) ?> 个账户</p>
<?php if (count($users) > 0): ?>
<ul class="user-list">
<?php foreach ($users as $u): ?>
<li>
<span>
<span class="username"><?= h($u['username']) ?></span>
<?php if ($u['id'] == $_SESSION['admin_id']): ?>
<span class="badge self">当前登录</span>
<?php else: ?>
<span class="badge">管理员</span>
<?php endif; ?>
<?php if ($u['person_id']): ?>
<span class="badge has-link">👤 关联: <?= h($u['person_name']) ?></span>
<?php endif; ?>
</span>
<span>
<a href="?action=edit&id=<?= $u['id'] ?>" class="btn btn-outline btn-sm">✏️ 编辑</a>
<?php if ($u['id'] != $_SESSION['admin_id']): ?>
<form method="POST" style="display:inline;" onsubmit="return confirm('确定删除用户 <?= h($u['username']) ?> 吗?')">
<input type="hidden" name="action" value="delete">
<input type="hidden" name="delete_id" value="<?= $u['id'] ?>">
<button type="submit" class="btn btn-danger btn-sm">删除</button>
</form>
<?php else: ?>
<span style="color: var(--text-secondary); font-size:13px;">不可删除自己</span>
<?php endif; ?>
</span>
</li>
<?php endforeach; ?>
</ul>
<?php else: ?>
<p style="color: var(--text-secondary);">暂无其他管理员</p>
<?php endif; ?>
</div>
</div>
</main>
</body>
</html>