From 5437409d80659cf805de7c28e1a99b6e6a69efde Mon Sep 17 00:00:00 2001 From: hnu202326010131 <2950457847@qq.com> Date: Fri, 31 Oct 2025 12:00:48 +0000 Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=87=8D=E6=9E=84=EF=BC=9A?= =?UTF-8?q?=E5=AE=9E=E7=8E=B0HTML5=E8=AF=AD=E4=B9=89=E5=8C=96=E6=A0=87?= =?UTF-8?q?=E7=AD=BE=E3=80=81BEM=E5=91=BD=E5=90=8D=E8=A7=84=E8=8C=83?= =?UTF-8?q?=E3=80=81=E6=A8=A1CSS=E6=9E=B6=E6=9E=84=E5=92=8C=E5=93=8D?= =?UTF-8?q?=E5=BA=94=E5=BC=8F=E8=AE=BE=E8=AE=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/fronted/README.md | 190 +++++ src/fronted/favicon.ico | Bin 0 -> 36086 bytes src/fronted/index.html | 549 +++++++++++++ src/fronted/styles/base/reset.css | 60 ++ src/fronted/styles/base/variables.css | 88 ++ src/fronted/styles/components/buttons.css | 299 +++++++ src/fronted/styles/components/dashboard.css | 263 ++++++ src/fronted/styles/components/header.css | 225 ++++++ src/fronted/styles/components/sidebar.css | 116 +++ src/fronted/styles/layouts/main.css | 282 +++++++ src/fronted/styles/layouts/responsive.css | 444 ++++++++++ src/fronted/styles/main.css | 119 +++ src/fronted/styles/utils/utilities.css | 564 +++++++++++++ src/fronted/utils/charts.js | 284 +++++++ src/fronted/utils/navigation.js | 357 ++++++++ src/fronted/utils/responsive.js | 355 ++++++++ src/frontend/README.md | 599 -------------- src/frontend/components/Layout/Header.html | 226 ------ src/frontend/components/Layout/Sidebar.html | 275 ------- src/frontend/favicon.ico | Bin 91137 -> 0 bytes src/frontend/index.html | 326 -------- src/frontend/js/app.js | 540 ------------- src/frontend/js/charts.js | 435 ---------- src/frontend/js/components.js | 690 ---------------- src/frontend/js/demo-data.js | 380 --------- src/frontend/styles/cluster-monitor.css | 634 --------------- src/frontend/styles/components.css | 519 ------------ src/frontend/styles/dark.css | 133 --- src/frontend/styles/fault-manage.css | 735 ----------------- src/frontend/styles/layout.css | 735 ----------------- src/frontend/styles/log-analysis.css | 759 ------------------ src/frontend/styles/login.css | 639 --------------- src/frontend/styles/main.css | 529 ------------ src/frontend/styles/responsive.css | 486 ----------- .../views/ClusterMonitor/ClusterMonitor.html | 490 ----------- .../views/FaultManage/FaultManage.html | 502 ------------ .../views/LogAnalysis/LogAnalysis.html | 541 ------------- src/frontend/views/Login/Login.html | 317 -------- 38 files changed, 4195 insertions(+), 10490 deletions(-) create mode 100644 src/fronted/README.md create mode 100644 src/fronted/favicon.ico create mode 100644 src/fronted/index.html create mode 100644 src/fronted/styles/base/reset.css create mode 100644 src/fronted/styles/base/variables.css create mode 100644 src/fronted/styles/components/buttons.css create mode 100644 src/fronted/styles/components/dashboard.css create mode 100644 src/fronted/styles/components/header.css create mode 100644 src/fronted/styles/components/sidebar.css create mode 100644 src/fronted/styles/layouts/main.css create mode 100644 src/fronted/styles/layouts/responsive.css create mode 100644 src/fronted/styles/main.css create mode 100644 src/fronted/styles/utils/utilities.css create mode 100644 src/fronted/utils/charts.js create mode 100644 src/fronted/utils/navigation.js create mode 100644 src/fronted/utils/responsive.js delete mode 100644 src/frontend/README.md delete mode 100644 src/frontend/components/Layout/Header.html delete mode 100644 src/frontend/components/Layout/Sidebar.html delete mode 100644 src/frontend/favicon.ico delete mode 100644 src/frontend/index.html delete mode 100644 src/frontend/js/app.js delete mode 100644 src/frontend/js/charts.js delete mode 100644 src/frontend/js/components.js delete mode 100644 src/frontend/js/demo-data.js delete mode 100644 src/frontend/styles/cluster-monitor.css delete mode 100644 src/frontend/styles/components.css delete mode 100644 src/frontend/styles/dark.css delete mode 100644 src/frontend/styles/fault-manage.css delete mode 100644 src/frontend/styles/layout.css delete mode 100644 src/frontend/styles/log-analysis.css delete mode 100644 src/frontend/styles/login.css delete mode 100644 src/frontend/styles/main.css delete mode 100644 src/frontend/styles/responsive.css delete mode 100644 src/frontend/views/ClusterMonitor/ClusterMonitor.html delete mode 100644 src/frontend/views/FaultManage/FaultManage.html delete mode 100644 src/frontend/views/LogAnalysis/LogAnalysis.html delete mode 100644 src/frontend/views/Login/Login.html diff --git a/src/fronted/README.md b/src/fronted/README.md new file mode 100644 index 0000000..e226995 --- /dev/null +++ b/src/fronted/README.md @@ -0,0 +1,190 @@ +# 集群管理系统前端项目 + +基于 Hadoop 的集群管理系统前端界面，提供集群状态监控、日志查询、故障诊断和自动修复功能。 + +## 项目结构 + +``` +src/fronted/ +├── index.html # 主页面文件（重构后） +├── 原型图.html # 原始原型文件（已优化） +├── assets/ # 静态资源目录 +│ ├── images/ # 图片资源 +│ ├── fonts/ # 字体文件 +│ └── icons/ # 图标文件 +├── components/ # 可复用组件 +│ ├── common/ # 通用组件 +│ ├── layout/ # 布局组件 +│ └── ui/ # UI 组件 +├── styles/ # 样式文件 +│ ├── base/ # 基础样式 +│ │ ├── reset.css # CSS 重置 +│ │ └── variables.css # CSS 变量 +│ ├── components/ # 组件样式 +│ │ ├── header.css # 头部样式 +│ │ ├── sidebar.css # 侧边栏样式 +│ │ ├── dashboard.css # 仪表板样式 +│ │ └── buttons.css # 按钮样式 +│ ├── layouts/ # 布局样式 +│ │ ├── main.css # 主布局 +│ │ └── responsive.css # 响应式布局 +│ ├── utils/ # 工具样式 +│ │ └── utilities.css # 原子类 +│ └── main.css # 主样式文件 +├── utils/ # 工具函数 +│ ├── charts.js # 图表管理 +│ ├── navigation.js # 导航管理 +│ └── responsive.js # 响应式交互 +└── views/ # 页面级组件 +``` + +## 功能特性 + +### 🎯 核心功能 +- **集群状态监控**: 实时显示节点状态、CPU、内存使用情况 +- **日志查询**: 支持多条件筛选的日志查询功能 +- **故障诊断**: 自动检测和诊断系统故障 +- **自动修复**: 提供故障修复建议和自动修复功能 + +### 🎨 设计规范 +- **HTML5 语义化**: 使用 `
`, `