Initial commit: Telegram Management System
Some checks failed
Deploy / deploy (push) Has been cancelled
Some checks failed
Deploy / deploy (push) Has been cancelled
Full-stack web application for Telegram management - Frontend: Vue 3 + Vben Admin - Backend: NestJS - Features: User management, group broadcast, statistics 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
你的用户名
197
test-export.html
Normal file
197
test-export.html
Normal file
@@ -0,0 +1,197 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>测试TG账号导出功能</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
padding: 20px;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.test-section {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.test-button {
|
||||
padding: 10px 20px;
|
||||
margin: 5px;
|
||||
background: #4CAF50;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.test-button:hover {
|
||||
background: #45a049;
|
||||
}
|
||||
#console {
|
||||
background: #f5f5f5;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
.log-entry {
|
||||
margin: 2px 0;
|
||||
}
|
||||
.error { color: red; }
|
||||
.success { color: green; }
|
||||
.info { color: blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>TG账号导出功能测试</h1>
|
||||
|
||||
<div class="test-section">
|
||||
<h2>1. API测试</h2>
|
||||
<button class="test-button" onclick="testAPI()">测试后端API</button>
|
||||
<button class="test-button" onclick="testExportData()">测试导出数据格式</button>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h2>2. Excel导出测试</h2>
|
||||
<button class="test-button" onclick="testExcelExport()">测试Excel导出</button>
|
||||
<button class="test-button" onclick="testFullExport()">测试完整导出流程</button>
|
||||
</div>
|
||||
|
||||
<div class="test-section">
|
||||
<h2>3. 控制台输出</h2>
|
||||
<div id="console"></div>
|
||||
<button class="test-button" onclick="clearConsole()">清空控制台</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 日志函数
|
||||
function log(message, type = 'info') {
|
||||
const console = document.getElementById('console');
|
||||
const entry = document.createElement('div');
|
||||
entry.className = `log-entry ${type}`;
|
||||
entry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
|
||||
console.appendChild(entry);
|
||||
console.scrollTop = console.scrollHeight;
|
||||
}
|
||||
|
||||
function clearConsole() {
|
||||
document.getElementById('console').innerHTML = '';
|
||||
}
|
||||
|
||||
// 测试API
|
||||
async function testAPI() {
|
||||
log('开始测试后端API...');
|
||||
try {
|
||||
const response = await fetch('http://localhost:3000/tgAccount/test-all', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded'
|
||||
}
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP error! status: ${response.status}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
log(`API响应成功! 获取到 ${data.data.length} 条账号数据`, 'success');
|
||||
log(`第一条数据: ${JSON.stringify(data.data[0])}`, 'info');
|
||||
return data.data;
|
||||
} catch (error) {
|
||||
log(`API测试失败: ${error.message}`, 'error');
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// 测试导出数据格式
|
||||
async function testExportData() {
|
||||
log('测试导出数据格式...');
|
||||
const data = await testAPI();
|
||||
if (!data) return;
|
||||
|
||||
// 模拟前端的数据处理
|
||||
const exportData = data.map(item => ({
|
||||
phone: item.phone || '',
|
||||
password: item.password || '',
|
||||
firstname: item.firstname || '',
|
||||
lastname: item.lastname || '',
|
||||
usageId: item.usageId || '',
|
||||
session: item.session || ''
|
||||
}));
|
||||
|
||||
log(`准备导出的数据格式:`, 'info');
|
||||
log(JSON.stringify(exportData[0], null, 2), 'info');
|
||||
|
||||
return exportData;
|
||||
}
|
||||
|
||||
// 测试Excel导出（不使用XLSX库）
|
||||
function testExcelExport() {
|
||||
log('测试简单CSV导出...');
|
||||
|
||||
// 创建测试数据
|
||||
const testData = [
|
||||
{ phone: '12345678901', password: 'test123', firstname: '张', lastname: '三', usageId: 1, session: 'test_session_1' },
|
||||
{ phone: '12345678902', password: 'test456', firstname: '李', lastname: '四', usageId: 2, session: 'test_session_2' }
|
||||
];
|
||||
|
||||
// 转换为CSV
|
||||
const headers = ['phone', 'password', 'firstname', 'lastname', 'usageId', 'session'];
|
||||
const csvContent = [
|
||||
headers.join(','),
|
||||
...testData.map(row => headers.map(h => row[h] || '').join(','))
|
||||
].join('\n');
|
||||
|
||||
// 下载CSV
|
||||
const blob = new Blob(['\ufeff' + csvContent], { type: 'text/csv;charset=utf-8;' });
|
||||
const link = document.createElement('a');
|
||||
link.href = URL.createObjectURL(blob);
|
||||
link.download = `test_export_${new Date().getTime()}.csv`;
|
||||
link.click();
|
||||
|
||||
log('CSV文件已生成并下载', 'success');
|
||||
}
|
||||
|
||||
// 测试完整导出流程
|
||||
async function testFullExport() {
|
||||
log('开始完整导出流程测试...');
|
||||
|
||||
// 1. 获取数据
|
||||
const data = await testExportData();
|
||||
if (!data || data.length === 0) {
|
||||
log('没有数据可导出', 'error');
|
||||
return;
|
||||
}
|
||||
|
||||
// 2. 转换为CSV格式
|
||||
const headers = ['手机号', '密码', '姓', '名', '用途ID', 'Session'];
|
||||
const headerKeys = ['phone', 'password', 'firstname', 'lastname', 'usageId', 'session'];
|
||||
|
||||
const csvContent = [
|
||||
headers.join(','),
|
||||
...data.map(row => headerKeys.map(key => {
|
||||
const value = row[key] || '';
|
||||
// 如果值包含逗号或引号，需要用引号包裹
|
||||
if (value.toString().includes(',') || value.toString().includes('"')) {
|
||||
return `"${value.toString().replace(/"/g, '""')}"`;
|
||||
}
|
||||
return value;
|
||||
}).join(','))
|
||||
].join('\n');
|
||||
|
||||
// 3. 下载文件
|
||||
const blob = new Blob(['\ufeff' + csvContent], { type: 'text/csv;charset=utf-8;' });
|
||||
const link = document.createElement('a');
|
||||
link.href = URL.createObjectURL(blob);
|
||||
const fileName = `TG账号导出_${new Date().toLocaleString('zh-CN').replace(/[/:]/g, '-')}.csv`;
|
||||
link.download = fileName;
|
||||
link.click();
|
||||
|
||||
log(`成功导出 ${data.length} 条数据到文件: ${fileName}`, 'success');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user