CLIENTS_FEATURE.md 4.5 KB
DHCP 客户端列表功能
📋 功能说明
新增 DHCP 客户端列表页面，方便查看哪些客户端获取到了 IP 地址。
✨ 功能特性
1. 客户端列表
- ✅ MAC 地址显示
- ✅ IP 地址显示
- ✅ 主机名显示
- ✅ 租约剩余时间
- ✅ 过期时间显示
- ✅ 在线/过期状态
2. IP 地址池统计
- ✅ 地址池范围显示
- ✅ 已分配 IP 数量
- ✅ 可用 IP 数量
- ✅ 使用率百分比
- ✅ 可视化进度条
- 绿色：使用率 < 70%
- 橙色：使用率 70%-90%
- 红色：使用率 > 90%
3. 自动刷新
- ✅ 支持自动刷新功能
- ✅ 默认关闭，可手动开启
- ✅ 刷新间隔：10 秒
4. 仪表盘联动
- ✅ 点击"活跃租约"卡片跳转到客户端列表
🎯 使用方法
查看客户端列表
- 登录 Web 界面
- 点击导航栏"DHCP 客户端"
- 查看当前所有获取 IP 的客户端
自动刷新
- 点击"⏸️ 自动刷新: 关"按钮
- 变为"▶️ 自动刷新: 开"
- 每 10 秒自动刷新列表
查看地址池使用情况
- 在客户端列表页面底部查看
- 进度条显示使用率
- 颜色标识使用状态
📊 页面结构
DHCP 客户端列表
├── 已分配 IP 的客户端
│ ├── MAC 地址
│ ├── IP 地址
│ ├── 主机名
│ ├── 租约剩余
│ ├── 过期时间
│ └── 状态（在线/已过期）
└── IP 地址池使用情况
├── 地址池范围
├── 已分配数量
├── 可用数量
├── 使用率
└── 可视化进度条
🔧 技术实现
前端
- 新增客户端列表页面
- 自动刷新功能
- 地址池统计计算
- 状态颜色标识
后端
- 使用现有
/api/dhcp/leases接口 - 使用现有
/api/dhcp/config接口 - 无需额外 API 开发
样式
- 新增池统计样式
- 新增进度条样式
- 新增状态颜色样式
📱 响应式设计
- 支持桌面端
- 支持平板
- 支持手机端
🎨 界面预览
客户端列表
┌─────────────────────────────────────────────────────┐
│ DHCP 客户端列表 │
├─────────────────────────────────────────────────────┤
│ [🔄 刷新] [⏸️ 自动刷新: 关] │
├─────────────────────────────────────────────────────┤
│ MAC 地址 │ IP 地址 │ 主机名 │ 租约剩余 │ 状态│
├───────────────┼──────────────┼────────┼──────────┼─────┤
│ 00:11:22:33 │ 192.168.1.100│ PC-01 │ 23 小时 │ 在线 │
│ 44:55:66:77 │ 192.168.1.101│ Phone │ 12 小时 │ 在线 │
│ 88:99:AA:BB │ 192.168.1.102│ Laptop │ 已过期 │ 过期 │
└─────────────────────────────────────────────────────┘
地址池统计
┌─────────────────────────────────────────────────────┐
│ IP 地址池使用情况 │
├─────────────────────────────────────────────────────┤
│ 地址池范围：192.168.1.100 - 192.168.1.200 │
│ 已分配：2 可用：98 使用率：2% │
├─────────────────────────────────────────────────────┤
│ ████████████████████████████████████████████████ 2% │
└─────────────────────────────────────────────────────┘
🔄 更新日志
v0.2.2 (2026-04-23)
- ✅ 新增 DHCP 客户端列表页面
- ✅ 新增 IP 地址池统计
- ✅ 新增自动刷新功能
- ✅ 新增仪表盘联动
最后更新: 2026-04-23