From 5386db423a0a5f01b3778a4b8478a13afbd6fcfd Mon Sep 17 00:00:00 2001 From: flying-hero <462087392@qq.com> Date: Wed, 1 Apr 2026 20:48:44 +0800 Subject: [PATCH] Add complete frontend UI and update README - Complete HTML/CSS dashboard with lobster cards - Auto-refresh every 5 seconds - Statistics overview (total, healthy, error) - Updated README with project info --- README.md | 54 ++++++++ code/frontend/public/index.html | 212 ++++++++++++++++++++++++++++++++ 2 files changed, 266 insertions(+) create mode 100644 code/frontend/public/index.html diff --git a/README.md b/README.md index e69de29..76235a5 100644 --- a/README.md +++ b/README.md @@ -0,0 +1,54 @@ +# 龙虾舰队监控中心 + +> 基于 React + Django 的龙虾状态监控系统 + +## 🚀 快速开始 + +### 前端 +```bash +cd code/frontend +npm install +npm start +``` + +### 后端 +```bash +cd code/backend +python manage.py runserver +``` + +## 📁 项目结构 + +``` +monitoring-website/ +├── code/ +│ ├── frontend/ # React 前端 +│ │ └── src/ +│ │ ├── components/ +│ │ └── pages/ +│ └── backend/ # Django 后端 +├── docs/ # 文档 +└── README.md +``` + +## 🦞 龙虾列表 + +| 龙虾 | 端口 | 专长 | +|------|------|------| +| 飞行侠 | 18789 | 主力/通用 | +| 道童 | 18889 | 道德经注解 | +| 墨子 | 18689 | 代码专家 | +| 织网者 | 18589 | 网站制作 | +| 费曼 | 18989 | 物理研究 | +| 守望者 | 18080 | 舰队监控 | + +## 📊 功能 + +- ✅ 龙虾状态监控 +- 🟡 记忆日历查看 +- 🟡 全文检索 +- ✅ 工具列表 + +## 📝 开发日志 + +- 2026-04-01: 项目初始化,完成基础框架 diff --git a/code/frontend/public/index.html b/code/frontend/public/index.html new file mode 100644 index 0000000..bee7e42 --- /dev/null +++ b/code/frontend/public/index.html @@ -0,0 +1,212 @@ + + + + + + 🦞 龙虾舰队监控中心 + + + +
+
+

🦞 龙虾舰队监控中心

+

实时监控龙虾舰队运行状态

+
最后更新:-
+
+ +
+
+
6
+
龙虾总数
+
+
+
-
+
健康运行
+
+
+
-
+
异常
+
+
+ +
+ +
+
+ + + +