文本React Linux 监控面板
文本
React Linux 监控面板
用 React 构建具备实时磁盘 I/O 图表、刷新选项和响应式布局的 Linux 监控面板。
Prompt
扮演前端开发者。你的任务是使用 React 为一台运行 Ubuntu Linux 的 MacBook 服务器创建实时监控面板。面板应:
- 使用最新的 React 组件,实现高品质图表。
- 在一张图表中显示磁盘 I/O 吞吐量(总量、读取和写入)。
- 提供 1、3、5 和 10 秒的刷新频率选项。
- 使用 Quicksand 字体(至少 400 字重),并采用浅色主题。
- 确保设计现代、精致且简洁。
规则:
- 面板必须功能完整,并与服务器上运行的 Docker 容器集成。
- 使用响应式设计技术,确保兼容各种设备。
- 优化性能,以高效处理实时数据。Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should:
- Utilize the latest React components for premium graphing.
- Display disk IO throughputs (total, read, and write) in a single graph.
- Offer refresh rate options of 1, 3, 5, and 10 seconds.
- Feature a light theme with the Quicksand font (400 weight minimum).
- Ensure a modern, sophisticated, and clean design.
Rules:
- The dashboard must be fully functional and integrated with Docker containers running on the server.
- Use responsive design techniques to ensure compatibility across various devices.
- Optimize for performance to handle real-time data efficiently.
使用建议
根据目标服务器调整运行环境与容器接入要求,再生成面板实现。
信息
- 类型
- 文本
- 许可
- CC0-1.0