AI 运维面板 · 服务器工作台 真机运行截图企业服务 / 内部系统
企业服务 / 内部系统Web 网站后台系统数据看板AI 应用已交付

AI 运维面板 · 服务器工作台

CPU、内存、磁盘、服务状态与历史监控汇成一屏,文件管理、终端、防火墙、审计日志都在同一个界面里,另配一个能读懂这台机器的对话助手。

交付周期
待补录
代码库起止时间待补 —— 本次只做了功能与规模盘点,未取版本历史
预算区间
还不确定
我的角色
独立承接:面板交互设计、后端采集与管理接口实现
客户
某企业(已脱敏)
真机运行截图项目实跑后截取
取图说明

图源hlhsMB/frontend

说明界面真实跑起来后所截,但当时只启动了前端:Spring Boot 后台未运行,顶部的「后端连接失败」提示与各面板的 0.0% 都是当时的真实状态,未作遮挡

取图2026-10-07

成果与数据
8 个(含终端与审计)
功能模块
61 个
业务接口
31 个 ts / tsx
前台规模
查看状态SSH + 面板 + 日志三处来回切一屏看全
操作留痕散在各人手上的 SSH 会话统一进审计日志
后台规模—61 个映射 · 11 个 Controller

以上为上线后的实测对比。数据来自客户现有业务的日常记录(订单系统、排班表、财务流水等), 由客户方业务负责人确认。没有可靠量化口径的项目,这里只写周期、迭代次数这类过程指标。

客户当时的处境

看服务器状态要同时开着 SSH、面板和日志三个窗口,出问题靠人拼

想知道「上个月这台机器发生了什么」,日志翻得到,但没人愿意翻

装了什么、开了哪些端口、谁改过配置,没有一处能一眼看全

怎么做的,为什么这么做

一屏装下机器的主要状态

CPU / 内存 / 磁盘 / 服务 / 系统信息收在工作台,历史监控可在 1 小时到 7 天之间切换,先看趋势再决定要不要登机器。

把高危操作关进一个界面

终端、文件管理、防火墙改动都在同一处执行,动作统一进审计日志 —— 比散在各人手上的 SSH 会话多一层留痕。

用对话代替记命令

配了对话入口,把「这个端口被谁占了」这类问题直接交给助手,省掉现查命令的过程。

界面与演示

该项目界面受客户保密要求约束,对外只展示结构示意。如果你需要看实际界面,可以在沟通时申请一次在线演示。

Next.jsReactTypeScriptSpring BootJava

前后端分离。前端是 Next.js 控制台,按功能切路由,工作台只做呈现与发起;后端是 Spring Boot 服务,11 个 Controller、61 个映射承担指标采集、服务与文件管理、终端会话与审计落库。对话能力挂在同一后端上,读的是这台机器自己的状态,而不是通用问答。

有类似需求?

先聊清楚你要解决的那件事

不用把需求想得很完整。说清楚现在是怎么运转的、最卡的是哪一步, 剩下的功能清单和报价我来整理,你确认就行。

这类项目通常落在「标准版」这一档。 金额我不在页面上写 —— 同样的系统,多一个端、多一项对接, 成本就差一截,写出来一定不准。
说说我的需求