`,
'/register': `
`,
'/dashboard': `
最近交易
| 交易类型 |
金额 |
时间 |
状态 |
|
存款
|
+¥ 1,000.00 |
2024-01-15 14:30 |
成功
|
|
取款
|
-¥ 500.00 |
2024-01-14 09:15 |
成功
|
|
转账
|
-¥ 200.00 |
2024-01-13 16:45 |
成功
|
`,
'/forgot-password': `
`,
'/admin': `
`,
'/admin/users': `
用户管理
用户列表
| ID |
姓名 |
邮箱 |
角色 |
状态 |
操作 |
| 1 |
张三 |
zhangsan@example.com |
用户
|
活跃
|
|
| 2 |
李四 |
lisi@example.com |
管理员
|
活跃
|
|
`,
'/admin/transactions': `
交易管理
| 交易ID |
用户 |
类型 |
金额 |
时间 |
状态 |
操作 |
| tx123456 |
张三 |
存款
|
+¥1,000.00 |
2024-01-15 14:30 |
成功
|
|
| tx123457 |
李四 |
取款
|
-¥500.00 |
2024-01-14 09:15 |
成功
|
|
`,
'/admin/settings': `
`,
'/admin/stats': `
`
};
// 路由函数
function route() {
const path = window.location.pathname;
const app = document.getElementById('app');
// 检查是否有对应的页面
if (pages[path]) {
app.innerHTML = pages[path];
} else {
// 404页面
app.innerHTML = `
`;
}
}
// 监听路由变化
window.addEventListener('popstate', route);
// 处理链接点击
document.addEventListener('click', (e) => {
// 查找最接近的标签
let target = e.target;
while (target && target.tagName !== 'A') {
target = target.parentElement;
}
if (target && target.href && target.href.startsWith(window.location.origin)) {
e.preventDefault();
const path = new URL(target.href).pathname;
window.history.pushState({}, '', path);
route();
}
});
// 初始化路由
route();