littlebot
Published on 2025-04-13 / 1 Visits
0

【源码】基于 JavaScript 和 Python 的服务器状态监控动态壁纸控件

项目简介

本项目是 ServerStatus 的客户端实现,主要作为动态壁纸的控件使用,能实时展示服务器状态信息,用户可通过悬浮窗直观查看。原项目是云探针、多服务器探针及云监控工具,本客户端在此基础上实现了与动态壁纸的结合。

项目的主要特性和功能

  1. 动态壁纸集成:可集成到网页类型的动态壁纸,如 ASUKA/Neon Genesis Evangelion 壁纸。
  2. 悬浮窗展示:通过 index.html 呈现悬浮窗展示服务器状态。
  3. 样式可定制:修改 css 文件可自定义悬浮窗样式。
  4. 数据实时更新:status.js 定时向服务器请求数据,实现数据实时更新。
  5. 悬浮窗拖动:mover.js 实现悬浮窗拖动操作,增强用户体验。

安装使用步骤

前提条件

假设用户已经下载了本项目的源码文件。

运行项目

  1. 进入项目文件夹 ServerStatus_Client
  2. 在地址栏执行 python -m http.server,启动一个 http 服务器,根目录为当前目录。
  3. 打开浏览器,访问 http://127.0.0.1:8000,即可看到示例程序。

修改请求网址

  1. 若使用默认设置,可使用作者的服务器进行测试。
  2. 若要调试,可修改 status.js 中的请求连接为 json/stats.json,并运行 getJson.py 程序,以解决跨域问题。

部署项目

  1. 嵌入动态壁纸:以 ASUKA/Neon Genesis Evangelion 壁纸为例,在 wallpaper engine 中订阅该壁纸后,选中它右键“在资源管理器中打开”,然后复制 Other/2298673278 文件夹里的内容覆盖过去;也可手动把 Other/asuka 文件夹里除 index.html 以外的内容替换过去,并按需复制代码到壁纸对应的 html 文件中。
  2. 部署到网站:可将项目修改后部署到自己的网站上。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】