Dashboard 仪表盘
Dashboard 是管理后台的首页,实时展示系统核心数据和运营状况。
页面概览
Dashboard 主要包含三大区域:
- 关键指标卡片 - 6个核心业务指标
- 数据统计图表 - 收入、用户、流量三大统计图
- 赞助商展示 - 显示支持 PPanel 的赞助商
关键指标卡片
顶部展示 6 个关键业务指标卡片:
在线用户数
- 显示内容: 当前系统在线用户数量
- 副标题: "Currently Online"
- 点击跳转:
/dashboard/user用户管理页面 - 图标: 蓝色用户图标
今日流量
- 显示内容: 今日上传+下载总流量
- 副标题: 显示上传/下载流量明细
- ↑ 上传流量
- ↓ 下载流量
- 图标: 紫色交换图标
- 格式: 自动转换为合适单位 (KB/MB/GB/TB)
本月流量
- 显示内容: 本月上传+下载总流量
- 副标题: 显示本月上传/下载流量明细
- 图标: 橙色云数据图标
- 格式: 自动转换为合适单位
服务器总数
- 显示内容: 在线服务器数 + 离线服务器数
- 副标题: 显示在线/离线服务器数量明细
- "在线 X 离线 Y"
- 点击跳转:
/dashboard/servers服务器管理页面 - 图标: 绿色服务器图标
待回复工单
- 显示内容: 等待管理员回复的工单数量
- 副标题: "Pending"
- 点击跳转:
/dashboard/ticket工单管理页面 - 图标: 红色工单图标
系统版本信息
- 显示内容:
- 后端服务版本号
- Web 管理端版本号
- 版本更新状态
- 操作功能:
- 检查更新
- 一键更新(如有新版本)
- 重启系统
- 查看更新日志
提示
点击有链接的卡片可以快速跳转到对应的管理页面。
数据统计图表
收入统计图表 (Revenue Statistics)
展示系统收入数据,支持三个时间维度切换:
时间维度:
- 今日 (Today): 今日收入数据
- 本月 (Month): 本月每日收入趋势
- 累计 (Total): 历史累计收入数据
今日数据 - 饼图展示:
- 新购收入: 新用户购买订单金额
- 续费收入: 老用户续费订单金额
- 中心数字: 今日总收入
本月数据 - 柱状图展示:
- X轴: 每日日期
- Y轴: 收入金额
- 显示本月每日收入柱状图
- 支持鼠标悬停查看详细数据
累计数据 - 面积图展示:
- 新购订单数: 累计新购订单数量
- 续费订单数: 累计续费订单数量
- 订单总数: 累计订单总数
- 趋势面积图展示长期变化
底部汇总:
- 新购金额 / 订单数
- 续费金额 / 订单数
- 总金额 / 总订单数
用户统计图表 (User Statistics)
展示用户相关数据,支持三个时间维度切换:
时间维度:
- 今日 (Today): 今日用户数据
- 本月 (Month): 本月每日用户趋势
- 累计 (Total): 历史累计用户数据
今日数据 - 饼图展示:
- 注册用户: 今日新注册用户数
- 新购用户: 今日首次购买用户数
- 续费用户: 今日续费用户数
- 中心数字: 今日总用户数(注册+新购+续费)
本月数据 - 柱状图展示:
- X轴: 每日日期
- Y轴: 用户数量
- 三种颜色柱状图:
- 注册用户 (蓝色)
- 新购用户 (绿色)
- 续费用户 (橙色)
累计数据 - 面积图展示:
- 注册用户: 累计注册用户趋势
- 新购用户: 累计新购用户趋势
- 续费用户: 累计续费用户趋势
- 三条面积曲线展示长期变化
底部汇总:
- 注册用户总数
- 新购用户总数
- 续费用户总数
流量排名图表 (Traffic Rank)
展示节点或用户的流量使用排名:
时间切换 (右上角标签):
- 今日 (Today): 今日流量排名
- 昨日 (Yesterday): 昨日流量排名
类型切换 (下拉选择):
- 节点流量 (Nodes): 显示各服务器节点的流量消耗排名
- 用户流量 (Users): 显示用户流量使用排名
图表展示 - 横向柱状图:
- Y轴: 排名序号(1, 2, 3...)
- X轴: 流量大小(自动转换单位)
- 柱状图: 流量大小可视化
- 柱内标签: 显示节点名称或用户ID
交互功能:
- 鼠标悬停: 显示详细流量数据
- 节点模式: 显示节点名称和流量
- 用户模式: 显示用户订阅详情(ID、套餐、到期时间等)
空数据处理:
- 无数据时显示空状态提示
流量计算
流量 = 上传流量 + 下载流量,自动换算为 KB/MB/GB/TB 单位。
赞助商展示
页面底部显示支持 PPanel 项目的赞助商:
显示内容:
- 赞助商 Logo
- 赞助商名称
- 简要描述
数据来源:
- 从 GitHub 仓库获取最新赞助商列表
- CDN 加速访问
- 自动过滤已过期的赞助
交互:
- 点击卡片跳转到赞助商网站
- 新窗口打开,不影响当前页面
支持 PPanel
赞助帮助 PPanel 持续发布更新! 点击赞助商卡片可访问他们的服务。
数据刷新
- 自动刷新: 页面数据根据查询配置自动更新
- 手动刷新: 刷新浏览器页面可立即更新所有数据
- 实时性: 关键指标实时获取最新数据
使用建议
- 每日查看: 建议每天查看 Dashboard 了解运营状况
- 关注指标: 重点关注在线用户、待回复工单等实时指标
- 趋势分析: 定期查看图表趋势,分析业务变化
- 异常处理: 发现数据异常及时点击卡片跳转处理
- 版本更新: 有新版本提示时及时更新系统
常见问题
数据不准确怎么办?
- 刷新浏览器页面重新获取数据
- 检查服务器时间是否正确
- 查看系统日志是否有错误
图表显示为空?
可能原因:
- 时间段内确实没有数据
- 数据统计服务异常
- 刷新页面重试
赞助商不显示?
可能原因:
- 网络连接问题,无法访问 CDN
- 当前没有有效期内的赞助商
- 浏览器拦截了外部资源