2. NodeSeek
  3. ServerStatus Refined-给老牌探针换套简约前端

ServerStatus Refined-给老牌探针换套简约前端

Alloon 2026-07-24 09:15 1

ServerStatus Refined — 简约监控面板美化


用了很久 cppla/ServerStatus，功能稳定、协议成熟，但默认前端确实不太适合我。


于是用天才程序员做了一套前端美化。服务端 Go 代码、Agent 协议、Docker 构建、API 接口全保留，只动 web/ 展示层。



和原项目什么关系



  • 服务端 server/ = stock 原项目，一行没改

  • 客户端 clients/ = stock 原项目，一行没改

  • Dockerfile / CI = 和原项目一致，镜像双平台发布

  • 只改了 web/（CSS + JS + HTML）


所以功能 100% 兼容，配置文件、客户端账号、API 调用方式全部通用。



改了什么


视觉层



  • 暖色极简配色，全站楷体，分层圆角

  • 卡片 / 表格双布局一键切换，支持亮色 / 暗色主题

  • 月流量左入绿 / 右出暖褐，配色协调统一，不再靠红绿区分方向


交互层



  • 表格 table-layout: fixed + 固定列宽，排序切换时列宽不再跳动

  • 增量 DOM 更新 + requestAnimationFrame 批量渲染，数据刷新平滑无闪烁

  • 排序标记圆点化，当前排序字段用圆点标识，更克制



面板告警颜色说明


表格行 / 卡片边框的颜色代表节点健康状态：



























颜色 含义 触发条件（任意一项）
🔴 红色 Critical（严重） 离线、CPU ≥ 90%、内存 ≥ 90%、硬盘 ≥ 90%、任一网络丢包 ≥ 40%、三网全丢包（被墙）
🟡 黄色 Warning（警告） CPU ≥ 75%、内存 ≥ 80%、硬盘 ≥ 85%、任一网络丢包 30%–40%
⚪ 白色 正常 以上均不满足

丢包率来自客户端对三网探测节点的 ping 统计，非延迟值。



项目地址



  • 原项目：cppla/ServerStatus — 感谢 cppla 提供稳定可靠的探针

  • 美化版：aoomee/ServerStatus-Refined — 前端由 AI 辅助生成，可能存在疏漏。




最新回复 (5)
  • hungry-pig 07-24 09:22
    1楼

    只改 web 展示层、保留服务端和 Agent 协议这一点很好，老配置可以直接迁移。建议后面补一张表格/卡片模式的移动端截图，再标注一下最低兼容版本，部署前会更容易判断。

  • Alloon 楼主 07-24 09:29
    2楼

    @hungry-pig #1 好的 谢谢指导 ^-^

  • xq772 07-24 09:56
    3楼

    感觉还不够简约

  • Leeplog 07-24 12:41
    4楼

    https://github.com/zdz/ServerStatus-Rust


    这有一个轮子啊，直接弄个前端就可以

  • Yuna 07-24 13:34
    5楼

    ^-^

* 帖子来源NodeSeek
附近帖子
返回
飞读
随机推荐