|
|
<!DOCTYPE html>
|
|
|
<html lang="zh-CN">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>GitHub 用户管理系统测试</title>
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<style>
|
|
|
.test-result { margin: 10px 0; padding: 10px; border-radius: 5px; }
|
|
|
.test-success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
|
|
|
.test-error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
|
|
|
.test-info { background-color: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container mt-4">
|
|
|
<h1>🧪 GitHub 用户管理系统测试</h1>
|
|
|
<p class="text-muted">此页面测试新的基于GitHub的用户数据同步功能</p>
|
|
|
|
|
|
<div id="test-results"></div>
|
|
|
|
|
|
<div class="mt-4">
|
|
|
<h3>🔧 测试操作</h3>
|
|
|
<div class="row">
|
|
|
<div class="col-md-6">
|
|
|
<div class="card">
|
|
|
<div class="card-header">
|
|
|
<h5>📊 加载GitHub用户数据</h5>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<button class="btn btn-primary" onclick="testLoadUsers()">测试从GitHub加载用户</button>
|
|
|
<div id="load-users-result" class="mt-2"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-6">
|
|
|
<div class="card">
|
|
|
<div class="card-header">
|
|
|
<h5>✅ 登录状态检查</h5>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<button class="btn btn-success" onclick="checkLoginStatus()">检查当前登录状态</button>
|
|
|
<div id="login-status-result" class="mt-2"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="row mt-3">
|
|
|
<div class="col-md-12">
|
|
|
<div class="card">
|
|
|
<div class="card-header">
|
|
|
<h5>🔐 测试用户注册功能</h5>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-4">
|
|
|
<input type="text" class="form-control" id="test-username" placeholder="测试用户名">
|
|
|
</div>
|
|
|
<div class="col-md-4">
|
|
|
<input type="password" class="form-control" id="test-password" placeholder="测试密码">
|
|
|
</div>
|
|
|
<div class="col-md-4">
|
|
|
<button class="btn btn-warning" onclick="testRegister()">测试注册</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="register-result" class="mt-2"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="mt-4">
|
|
|
<h3>📋 系统说明</h3>
|
|
|
<div class="alert alert-info">
|
|
|
<h5>🔄 新的GitHub用户管理特性：</h5>
|
|
|
<ul>
|
|
|
<li><strong>实时同步：</strong> 每次登录都从GitHub仓库加载最新用户数据</li>
|
|
|
<li><strong>数据持久化：</strong> 用户数据存储在 <code>system/users.json</code> 文件中</li>
|
|
|
<li><strong>多实例同步：</strong> 多个部署实例间自动共享用户数据</li>
|
|
|
<li><strong>安全性：</strong> 密码使用 PHP password_hash() 加密存储</li>
|
|
|
<li><strong>无缝迁移：</strong> 保持与原有环境变量用户系统的兼容性</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
function showResult(elementId, message, type = 'info') {
|
|
|
const element = document.getElementById(elementId);
|
|
|
element.innerHTML = `<div class="test-result test-${type}">${message}</div>`;
|
|
|
}
|
|
|
|
|
|
async function testLoadUsers() {
|
|
|
showResult('load-users-result', '正在测试从GitHub加载用户数据...', 'info');
|
|
|
|
|
|
try {
|
|
|
const response = await fetch('user-manager.php', {
|
|
|
method: 'POST',
|
|
|
headers: {
|
|
|
'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
},
|
|
|
body: 'action=get_user_list'
|
|
|
});
|
|
|
|
|
|
const result = await response.json();
|
|
|
|
|
|
if (result.success) {
|
|
|
let message = `✅ 成功从GitHub加载 ${result.users.length} 个用户<br>`;
|
|
|
result.users.forEach(user => {
|
|
|
message += ` - ${user.username} (${user.created})<br>`;
|
|
|
});
|
|
|
showResult('load-users-result', message, 'success');
|
|
|
} else {
|
|
|
showResult('load-users-result', `❌ 加载失败: ${result.message}`, 'error');
|
|
|
}
|
|
|
} catch (error) {
|
|
|
showResult('load-users-result', `❌ 网络错误: ${error.message}`, 'error');
|
|
|
}
|
|
|
}
|
|
|
|
|
|
async function checkLoginStatus() {
|
|
|
showResult('login-status-result', '正在检查登录状态...', 'info');
|
|
|
|
|
|
try {
|
|
|
const response = await fetch('user-manager.php', {
|
|
|
method: 'POST',
|
|
|
headers: {
|
|
|
'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
},
|
|
|
body: 'action=check_login'
|
|
|
});
|
|
|
|
|
|
const result = await response.json();
|
|
|
|
|
|
if (result.logged_in) {
|
|
|
showResult('login-status-result', `✅ 已登录用户: ${result.username}`, 'success');
|
|
|
} else {
|
|
|
showResult('login-status-result', '❌ 当前未登录', 'info');
|
|
|
}
|
|
|
} catch (error) {
|
|
|
showResult('login-status-result', `❌ 检查失败: ${error.message}`, 'error');
|
|
|
}
|
|
|
}
|
|
|
|
|
|
async function testRegister() {
|
|
|
const username = document.getElementById('test-username').value;
|
|
|
const password = document.getElementById('test-password').value;
|
|
|
|
|
|
if (!username || !password) {
|
|
|
showResult('register-result', '❌ 请填写用户名和密码', 'error');
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
showResult('register-result', '正在测试注册功能...', 'info');
|
|
|
|
|
|
try {
|
|
|
const response = await fetch('user-manager.php', {
|
|
|
method: 'POST',
|
|
|
headers: {
|
|
|
'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
},
|
|
|
body: `action=register&username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}&email=test@example.com`
|
|
|
});
|
|
|
|
|
|
const result = await response.json();
|
|
|
|
|
|
if (result.success) {
|
|
|
showResult('register-result', `✅ 注册成功: ${result.message}`, 'success');
|
|
|
} else {
|
|
|
showResult('register-result', `❌ 注册失败: ${result.message}`, 'error');
|
|
|
}
|
|
|
} catch (error) {
|
|
|
showResult('register-result', `❌ 网络错误: ${error.message}`, 'error');
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
window.onload = function() {
|
|
|
checkLoginStatus();
|
|
|
};
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
