企业官网建设流程全解析

V1.9.2 是一次以"实战运维"为主题的重要迭代。我们新增了两大核心模块——服务器实时监控和API 接口调试器，同时对全局 UI 框架进行了系统性瘦身，让整个工具箱更加紧凑高效。此外，我们移除了使用率较低的色彩工具，将侧边栏和标题栏的视觉密度提升到新的水平。

核心更新

一、服务器实时监控

V1.9.2 带来了全新的服务器监控面板，帮助运维工程师实时掌握多台服务器的运行状态。

监控能力：

• 通过 plink SSH 连接，每秒采集一次服务器指标数据
• CPU 使用率（百分比 + 进度条，三色预警：绿/橙/红）
• 内存使用（已用/总量 + 使用率进度条）
• 网络流量（上行/下行实时速率，自动切换 KB/s 和 MB/s）
• 磁盘使用率（支持多磁盘分区，自动识别最高使用率磁盘）
• 系统运行时间（自动解析"天+小时"格式）
• 当前登录用户

管理功能：

• 顶部统计栏：在线/异常/告警数量一目了然
• 四种筛选模式：全部 / 在线 / 异常 / 告警（CPU>80%、内存>90%、磁盘>=90%）
• 搜索框支持按服务器名称、IP 地址模糊匹配
• 自动刷新开关（3秒间隔），支持手动刷新
• 资源告警横幅：自动高亮异常服务器及具体告警原因
• CSV 导出：一键导出监控数据

交互体验：

• 点击任意服务器行，右侧弹出详情抽屉，展示完整监控数据
• 抽屉内提供 SSH 连接和 SFTP 传输快捷按钮
• 异常行自动标注红色背景 + 左侧红色竖条
• 服务器状态实时更新：未连接（灰）→ 连接中（橙）→ 已连接（绿）/ 失败（红）

二、API 接口调试器

V1.9.2 新增了内置的 API 调试工具，无需再打开浏览器插件即可快速测试接口。

请求能力：

• 支持 7 种 HTTP 方法：GET / POST / PUT / DELETE / PATCH / HEAD / OPTIONS
• 三种请求体格式：JSON、Form Data、Raw（纯文本）
• 自定义 Headers（支持添加多组键值对）
• 自动为 JSON 请求添加 Content-Type 头

认证支持：

• 无认证（No Auth）
• Bearer Token
• Basic Auth（用户名 + 密码）
• API Key（支持 Header 和 Query 两种传递方式）

响应展示：

• Body 视图：自动识别 JSON 并格式化展示，支持原始/格式化切换
• Headers 视图：响应头键值对列表
• Info 视图：状态码、耗时、响应大小等元信息
• 响应体一键复制

三、全局 UI 瘦身

本次更新对窗口框架进行了系统性的视觉压缩，释放更多内容空间。

标题栏重构：

• 高度从 40px 压缩到 36px
• 标题区拆分为：软件名（加粗）+ 版本号（灰色）+ 分隔点 + 副标题
• 最小化/最大化/关闭按钮尺寸同步缩小

侧边栏优化：

• 选中状态改为左侧 2px 蓝色竖条 + 极浅背景（取代原来的圆角色块）
• 分类标题字号从 12px 缩至 11px，内边距减小
• 图标字号从 18px 缩至 16px，整体更紧凑
• Hover 效果使用极低透明度背景，不抢焦点

色彩工具移除：

• 移除颜色选择器（ColorPickerPage）
• 移除渐变生成器（GradientPage）
• 移除 RGB 色表（RgbColorTablePage）
• 释放侧边栏空间，减少菜单层级

四、服务器详情抽屉

配合服务器监控模块，重新设计了侧边抽屉组件：

• 主题适配：完全跟随 Dark/Light 主题，不再硬编码白色背景
• 卡片化布局：基本信息、CPU、内存、网络、磁盘各一张卡片，圆角 + 浅色背景区分
• 磁盘表格：支持多分区展示，使用率颜色编码（绿/橙/红）
• 操作按钮：SSH 连接（主色调）+ SFTP 传输（描边风格），一键跳转
• 修复崩溃：解决了此前版本中点击服务器行直接闪退的问题（未初始化指针）

其他改进

• 标题栏版本号独立显示，不再混入长标题字符串
• 侧边栏"设计工具"分类标记为隐藏（false），待后续版本重新启用
• 主题切换时抽屉样式自动更新，Dark 模式下文字可读性优化
• 标题栏分隔点、版本号、副标题均独立样式控制，便于后续迭代