DLUT-EDA 校园网状态监控面板

快速访问

已部署到大连理工大学开发区校区校园网内网服务器，可通过以下地址访问：

• http://172.20.30.3/

安装和运行

# 安装依赖
npm install

# 启动
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

# 运行代码检查
npm run lint

# 运行单元测试
npm test

部署说明

• 项目构建后是纯静态站点，不需要后端服务或数据库。
• 校园网状态、登录和注销依赖校内地址 172.20.30.1、172.20.30.2，应部署在校园网内可访问的位置。
• 页面运行时不依赖 CDN；React、Ant Design、Sakana Widget、背景图和 FAQ 资源均由本项目本地构建或随静态文件部署。
• public/background 中的图片会在开发和生产构建时自动写入背景索引，无需手工维护 JSON。

主要目录

• src/services：校园网状态请求、响应解析和认证地址构造。
• src/hooks：状态轮询和随机背景加载。
• src/components：状态表格、操作按钮、页脚和 Sakana Widget。
• src/utils：格式化与脱敏等纯函数。
• public：FAQ、修复脚本、背景图片及其他本地静态资源。
• test：Node.js 内置测试运行器执行的单元测试。

功能特性

• 实时显示网络连接状态
• 显示账户信息（学工号、姓名）
• 显示 IP 地址和 MAC 地址
• 显示剩余流量和账户余额
• 智能识别终端设备类型
• 一键快捷操作：
  • 校园网登录
  • 自助服务系统访问
  • 网络连接注销
  • 网费充值

使用说明

1. 连接到 DLUT-EDA 网络
2. 访问 http://172.20.30.3/
3. 界面将自动显示当前网络状态
4. 根据需要使用功能按钮：
   • 【跳转登录】：供设备无法自动弹出校园网登录页面时使用
   • 【自助服务】：手动进入用户自助服务系统查看余额
   • 【注销本机】：注销当前账号
   • 【网费充值】：氪金