From 217f457f5fff4238835a6f9c20c7a39771d9aac3 Mon Sep 17 00:00:00 2001 From: leokaka1 Date: Fri, 9 Jan 2026 10:38:04 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BA=86=E6=A8=A1=E5=9E=8B?= =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .claude/settings.local.json | 18 +- web/README.md | 95 ++++ web/{src => }/assets/logo/logo.png | Bin web/{src => }/css/login.css | 19 + web/{src => }/pages/login.html | 13 +- web/pages/main.html | 806 +++++++++++++++++++++++++++++ web/src/pages/main.html | 434 ---------------- web/start-http-server.sh | 36 ++ web/start.sh | 82 +++ 9 files changed, 1062 insertions(+), 441 deletions(-) create mode 100644 web/README.md rename web/{src => }/assets/logo/logo.png (100%) rename web/{src => }/css/login.css (85%) rename web/{src => }/pages/login.html (91%) create mode 100644 web/pages/main.html delete mode 100644 web/src/pages/main.html create mode 100755 web/start-http-server.sh create mode 100755 web/start.sh diff --git a/.claude/settings.local.json b/.claude/settings.local.json index 6ccee50..fa325c8 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -5,7 +5,23 @@ "Bash(npm install:*)", "Bash(tree:*)", "Bash(npm run)", - "Bash(npm run dev)" + "Bash(npm run dev)", + "Bash(curl:*)", + "Bash(sudo -E bash:*)", + "Bash(apt install:*)", + "Bash(node:*)", + "Bash(npm --version:*)", + "Bash(timeout 10 node:*)", + "Bash(chmod:*)", + "Bash(timeout:*)", + "Bash(pkill:*)", + "Bash(./start-background.sh:*)", + "Bash(cat:*)", + "Bash(./test-network.sh)", + "Bash(kill:*)", + "Bash(rm:*)", + "Bash(./start.sh:*)", + "Bash(lsof:*)" ] } } diff --git a/web/README.md b/web/README.md new file mode 100644 index 0000000..2b0e741 --- /dev/null +++ b/web/README.md @@ -0,0 +1,95 @@ +# 🔥 大模型微调平台 + +> **静态HTML页面，使用假数据模拟系统监控** + +## 🚀 快速启动 + +### 方式1: 直接打开文件（推荐） +```bash +cd web +./start.sh +``` +选择 `1` 直接打开文件 + +### 方式2: HTTP服务器（可通过IP访问） +```bash +cd web +./start.sh +``` +选择 `2` 启动HTTP服务器 + +或直接运行: +```bash +./start-http-server.sh +``` + +## 📊 访问应用 + +### 直接打开文件 +- **主页**: `file:///data/code/FT_Platform/YG_FT_Platform/web/pages/main.html` +- **登录**: `file:///data/code/FT_Platform/YG_FT_Platform/web/pages/login.html` + +### HTTP服务器访问（端口8000） +- **主页**: `http://10.10.10.77:8000/pages/main.html` +- **登录**: `http://10.10.10.77:8000/pages/login.html` + +## ✅ 模拟系统数据 + +现在显示的是**模拟数据**: +- ✅ **CPU使用率**: 随机模拟数据 +- ✅ **内存使用率**: 随机模拟数据 +- ✅ **GPU使用率**: 随机模拟数据 + +每2秒自动更新一次数据！ + +## 🔧 技术架构 + +- **前端**: HTML + CSS + JavaScript +- **图表**: Chart.js +- **样式**: Tailwind CSS +- **服务器**: Python HTTP服务器（可选） + +## 📱 特性 + +- 静态HTML页面，无需后端服务 +- 模拟数据自动更新 +- 响应式设计 (支持手机/平板) +- 20个数据点滚动显示 +- 彩色编码 (CPU红色, GPU绿色, 内存蓝色) + +## 🛑 停止服务器 + +### 停止HTTP服务器 +```bash +# 按 Ctrl+C +``` + +## 🐛 故障排除 + +### 问题: 找不到Python +**解决**: 安装Python或使用方式1直接打开文件 + +### 问题: 端口8000被占用 +**解决**: +```bash +# 找到占用端口的进程 +lsof -i :8000 +# 或使用其他端口 +python3 -m http.server 8001 +``` + +### 问题: IP地址无法访问 +**解决**: +1. 确保使用HTTP服务器方式启动 +2. 检查防火墙设置，确保端口8000开放 +3. 使用正确的IP地址 + +### 问题: 数据不更新 +**解决**: 刷新页面或重新启动 + +## 📞 获取帮助 + +如果遇到问题: +1. 首先尝试方式1直接打开文件 +2. 如果需要IP访问，使用方式2启动HTTP服务器 +3. 检查Python是否安装 diff --git a/web/src/assets/logo/logo.png b/web/assets/logo/logo.png similarity index 100% rename from web/src/assets/logo/logo.png rename to web/assets/logo/logo.png diff --git a/web/src/css/login.css b/web/css/login.css similarity index 85% rename from web/src/css/login.css rename to web/css/login.css index 6ad26fe..9534a99 100644 --- a/web/src/css/login.css +++ b/web/css/login.css @@ -114,6 +114,25 @@ body .svg-bottom { cursor: pointer; } +.container .wrapper .main-content .btn-primary { + background: linear-gradient(to right, #6065D9, #17D7FA); + border-radius: 50px; + font-size: 18px; + font-weight: 300; + color: #fff; + text-decoration: none; + display: inline-block; + padding: 12px 40px; + margin: 20px auto; + outline: none; + cursor: pointer; + transition: opacity 0.3s; +} + +.container .wrapper .main-content .btn-primary:hover { + opacity: 0.9; +} + .container .wrapper footer { display: flex; justify-content: space-between; diff --git a/web/src/pages/login.html b/web/pages/login.html similarity index 91% rename from web/src/pages/login.html rename to web/pages/login.html index 6593d48..180944d 100644 --- a/web/src/pages/login.html +++ b/web/pages/login.html @@ -63,18 +63,19 @@ diff --git a/web/pages/main.html b/web/pages/main.html new file mode 100644 index 0000000..1aee6e4 --- /dev/null +++ b/web/pages/main.html @@ -0,0 +1,806 @@ + + + + + + 大模型微调平台 - 主页 + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+
+

活跃模型

+

12

+
+ + +3个 +
+
+
+

训练中项目

+

5

+
+ + 运行中 +
+
+
+

完成任务

+

158

+
+ + 全部成功 +
+
+
+ + +
+ +
+
+

系统监控

+
+
+

实时监控

+
+
+ + +
+ +
+
+
+
+ CPU +
+ 45% +
+
+ +
+
+ + +
+
+
+
+ GPU +
+ 67% +
+
+ +
+
+ + +
+
+
+
+ 内存 +
+ 52% +
+
+ +
+
+
+
+
+ + +
+ +
+

训练进度

+
+ +
+
+ + +
+
+

模型类型分布

+
+
全部
+
+
+
+ +
+
+
+

GPT

+

8个

+
+
+

BERT

+

5个

+
+
+

LLaMA

+

3个

+
+
+
+
+ + +
+ +
+

当前训练任务

+
+
+
+

GPT-4微调

+

进行中

+
+
+
+
+

75%

+
+
+
+

BERT情感分析

+

队列中

+
+
+
+
+

0%

+
+
+
+

LLaMA对话模型

+

已完成

+
+
+
+
+

100%

+
+
+
+

图像分类模型

+

已完成

+
+
+
+
+

100%

+
+
+
+

推荐系统优化

+

已完成

+
+
+
+
+

100%

+
+
+
+ + +
+

最近活动

+
+
+
+

模型训练完成

+

成功

+
+

GPT-4微调任务已完成

+

2分钟前

+
+
+
+

新任务开始

+

进行中

+
+

BERT情感分析模型开始训练

+

5分钟前

+
+
+
+

模型部署

+

成功

+
+

LLaMA对话模型已部署到云端

+

10分钟前

+
+
+
+

数据集更新

+

已完成

+
+

训练数据集已更新

+

30分钟前

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + diff --git a/web/src/pages/main.html b/web/src/pages/main.html deleted file mode 100644 index f99419a..0000000 --- a/web/src/pages/main.html +++ /dev/null @@ -1,434 +0,0 @@ - - - - - - 大模型微调平台 - 主页 - - - - - - - - - - -
- - - - -
- -
-
-

活跃模型

-

12

-
- - +3个 -
-
-
-

训练中项目

-

5

-
- - 运行中 -
-
-
-

完成任务

-

158

-
- - 全部成功 -
-
-
-

成功率

-

98.5%

-
- - 优秀 -
-
-
- - -
- -
-
-
-

管理员

-

欢迎使用大模型微调平台！

-
-
- A -
-
-
- - - -
-

今日训练任务：8个

-
- - -
-

模型准确率

-
- - - - 95% - -
-
- - -
-

系统状态

-
-
-

运行正常

-
-
-

CPU: 45%

-

GPU: 67%

-

内存: 52%

-
-
-
- - -
- -
-

训练进度

-
- -
-
- - -
-
-

模型类型分布

-
-
全部
-
-
-
- -
-
-
-

GPT

-

8个

-
-
-

BERT

-

5个

-
-
-

LLaMA

-

3个

-
-
-
-
- - -
- -
-

当前训练任务

-
-
-
-

GPT-4微调

-

进行中

-
-
-
-
-

75%

-
-
-
-

BERT情感分析

-

队列中

-
-
-
-
-

0%

-
-
-
-

LLaMA对话模型

-

已完成

-
-
-
-
-

100%

-
-
-
-

图像分类模型

-

已完成

-
-
-
-
-

100%

-
-
-
-

推荐系统优化

-

已完成

-
-
-
-
-

100%

-
-
-
- - -
-

最近活动

-
-
-
-

模型训练完成

-

成功

-
-

GPT-4微调任务已完成

-

2分钟前

-
-
-
-

新任务开始

-

进行中

-
-

BERT情感分析模型开始训练

-

5分钟前

-
-
-
-

模型部署

-

成功

-
-

LLaMA对话模型已部署到云端

-

10分钟前

-
-
-
-

数据集更新

-

已完成

-
-

训练数据集已更新

-

30分钟前

-
-
-
-
-
-
- - - - - diff --git a/web/start-http-server.sh b/web/start-http-server.sh new file mode 100755 index 0000000..78e8788 --- /dev/null +++ b/web/start-http-server.sh @@ -0,0 +1,36 @@ +#!/bin/bash + +echo "🚀 启动 HTTP 服务器..." + +# 确保在正确的目录中 +SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)" +cd "$SCRIPT_DIR" + +echo "📂 当前目录: $SCRIPT_DIR" + +# 获取本机IP地址 +SERVER_IP=$(hostname -I | awk '{print $1}') +echo "🌐 本机 IP 地址: $SERVER_IP" + +# 检查Python是否可用 +if command -v python3 &> /dev/null; then + PYTHON_CMD="python3" +elif command -v python &> /dev/null; then + PYTHON_CMD="python" +else + echo "❌ 错误: 未找到 Python" + echo "请安装 Python 或手动打开文件" + exit 1 +fi + +echo "" +echo "📱 访问地址:" +echo " - 主页: http://$SERVER_IP:8000/pages/main.html" +echo " - 登录: http://$SERVER_IP:8000/pages/login.html" +echo "" +echo "⚠️ 服务器将在端口 8000 启动" +echo "按 Ctrl+C 停止服务器" +echo "" + +# 启动HTTP服务器 +$PYTHON_CMD -m http.server 8000 diff --git a/web/start.sh b/web/start.sh new file mode 100755 index 0000000..c57963e --- /dev/null +++ b/web/start.sh @@ -0,0 +1,82 @@ +#!/bin/bash + +echo "🚀 启动大模型微调平台..." +echo "" + +# 确保在正确的目录中 +SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)" +cd "$SCRIPT_DIR" + +echo "📂 当前目录: $SCRIPT_DIR" +echo "" + +# 获取本机IP地址 +SERVER_IP=$(hostname -I | awk '{print $1}') + +echo "请选择启动方式:" +echo "1) 直接打开文件（本地访问）" +echo "2) 启动HTTP服务器（可通过IP访问）" +echo "" + +read -p "请输入选择 (1-2): " choice + +case $choice in + 1) + echo "" + echo "🌐 打开本地文件..." + echo " - 主页: file://$SCRIPT_DIR/pages/main.html" + echo " - 登录: file://$SCRIPT_DIR/pages/login.html" + echo "" + + # 检测操作系统并打开浏览器 + if [[ "$OSTYPE" == "darwin"* ]]; then + # macOS + open "pages/main.html" + elif [[ "$OSTYPE" == "linux-gnu"* ]]; then + # Linux + xdg-open "pages/main.html" + elif [[ "$OSTYPE" == "msys" ]] || [[ "$OSTYPE" == "cygwin" ]]; then + # Windows (Git Bash or Cygwin) + start "pages/main.html" + else + echo "请手动打开以下文件:" + echo " $SCRIPT_DIR/pages/main.html" + fi + + echo "✅ 已在浏览器中打开主页" + ;; + + 2) + echo "" + echo "🌐 本机 IP 地址: $SERVER_IP" + echo "" + + # 检查Python是否可用 + if command -v python3 &> /dev/null; then + PYTHON_CMD="python3" + elif command -v python &> /dev/null; then + PYTHON_CMD="python" + else + echo "❌ 错误: 未找到 Python" + echo "请安装 Python 或使用方式 1 直接打开文件" + exit 1 + fi + + echo "📱 访问地址:" + echo " - 主页: http://$SERVER_IP:8000/pages/main.html" + echo " - 登录: http://$SERVER_IP:8000/pages/login.html" + echo "" + echo "⚠️ 服务器将在端口 8000 启动" + echo "按 Ctrl+C 停止服务器" + echo "" + + # 启动HTTP服务器 + $PYTHON_CMD -m http.server 8000 + ;; + + *) + echo "❌ 无效选择，请运行脚本重新选择" + exit 1 + ;; +esac +