Prantik400/lazpo23-terminal

# ⚡ LAZP023 终端仪表板 一个使用纯前端技术构建的未来**科幻风格终端仪表板 UI**。 旨在模拟实时系统监控，配备动画组件、告警系统和交互式控制。 ## 🧠 概述 LAZP023 终端是一个视觉丰富的仪表板，模拟**系统控制界面**，具备以下功能： - CPU 与 GPU 动画状态指示器 - 实时错误追踪 UI - 交互式命令终端面板 - 具备视觉与音频反馈的告警系统 - 实时错误图表可视化 本项目聚焦于 **UI 工程、动画与事件驱动行为**。 ## 🛠️ 技术栈 - **HTML5** – 结构 - **CSS3** – 布局、动画、霓虹 UI - **JavaScript (Vanilla)** – 逻辑与交互 - **Chart.js** – 错误图表可视化 ## ✨ 功能 ### ⚙️ 核心系统 UI - 使用 CSS 动画实现的 CPU 与 GPU 指示器 - 动态系统状态显示（错误、警告、成功） ### 🚨 错误检测系统 - 闪烁的霓虹红色错误指示器 - 检测到异常时持续播放告警音 - 关键告警时的全局屏幕辉光效果 - 在重新连接/关闭时自动清除 ### 🎛️ 命令控制面板 - **ON** → 建立连接（模拟） - **RECONNECT** → 重置系统状态 - **CLOSE** → 终止连接 - 带有视觉反馈的按钮动画 ### 📊 错误图表 - 使用 Chart.js 实现的实时折线图 - 通过 JavaScript 动态更新 ## 🖥️ UI 亮点 - 完全定制的**科幻霓虹设计** - 响应式三列布局（40% / 30% / 30%） - 像素对齐的带边框面板 - 平滑动画 + 辉光效果 ## 📁 项目结构 log-terminal/ │ ├── frontend/ │ ├── index.html │ ├── style.css │ ├── script.js │ ├── audio/ │ └── err_warning.wav │ └── README.md ## ⚠️ 当前状态 🚧 **开发中** - 计划接入后端（Node.js + MongoDB） - 将添加实时数据流 - 终端命令解析开发中 ## 🚀 后续增强 - 后端 API 集成 - 数据库日志系统 - 实时系统指标 - 基于命令的终端输入 - 认证层 ## 💡 灵感来源 灵感来自： - 系统监控仪表板 - 赛博朋克 / 科幻 UI 设计 - 实时可观测性工具 ## 👨‍💻 作者 **Prantik** B.Tech CSE 学生 ## ⭐ 如果你喜欢这个项目 在 GitHub 上给它一个 ⭐ — 这会很有帮助！

标签：Chart.js, CMS安全, CSS3, GNU通用公共许可证, HTML5, JavaScript, MITM代理, Node.js, SEO, 事件驱动, 前端动画, 可视化图表, 告警系统, 命令交互, 响应式布局, 实时日志分析, 异常检测, 数据可视化, 科幻UI, 终端界面, 自定义脚本, 进行中, 错误跟踪, 霓虹主题, 项目结构