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 语义化**: 使用 `
`, `