Skip to main content

Wio Terminal PC 监控教程 - 赛博朋克风格

项目概览​

使用 Wio Terminal 作为显示终端创建赛博朋克风格的 PC 监控系统，实时监控计算机的各种性能指标。

硬件需求​

  • Wio Terminal
  • USB-C 数据线
  • 一台运行 Windows 的计算机

软件需求​

  • VSCode + PlatformIO 插件
  • Python 3.x
  • Open Hardware Monitor（用于获取温度数据）

详细步骤​

1. 环境设置​

  • 安装 Python 包：

    pip install psutil pyserial GPUtil wmi pywin32

  • 安装 VSCode 插件：

    1. 安装 PlatformIO IDE 插件
    2. 安装并运行 OpenHardwareMonitor

2. 创建项目​

  • 创建 PlatformIO 项目：
    1. 打开 VSCode
    2. 点击 PlatformIO 图标
    3. 选择 "New Project"
    4. 配置：
      • Board: "Seeed Wio Terminal"
      • Framework: "Arduino"

3. 代码实现​

(a) 配置 platformio.ini​

[env:seeed_wio_terminal]
platform = atmelsam
board = seeed_wio_terminal
framework = arduino
lib_deps = 
    [email protected]

(b) 创建 PC 监控脚本 (pc_stats.py)​

import psutil
import serial
import time
import GPUtil
import socket
import wmi
from datetime import datetime

def get_cpu_temp():
    try:
        w = wmi.WMI(namespace="root\wmi")
        temperature_info = w.MSAcpi_ThermalZoneTemperature()[0]
        temp = float(temperature_info.CurrentTemperature) / 10.0 - 273.15
        return max(0, min(temp, 100))
    except Exception as e:
        print(f"[WARN] 无法读取 CPU 温度: {e}")
        return 0.0

# 配置串口（根据需要修改 COM 端口）
ser = serial.Serial('COM10', 115200)
while True:
    try:
        # 获取系统数据
        cpu_usage = psutil.cpu_percent()
        ram_usage = psutil.virtual_memory().percent
        cpu_temp = get_cpu_temp()
        disk_usage = psutil.disk_usage('/').percent
        
        # 获取 GPU 信息
        try:
            gpus = GPUtil.getGPUs()
            gpu_usage = gpus[0].load * 100
            gpu_temp = gpus[0].temperature
        except:
            gpu_usage = gpu_temp = 0
            
        # 发送数据到 Wio Terminal
        data = f"{cpu_usage},{ram_usage},{cpu_temp},{gpu_usage},{gpu_temp},{disk_usage},{socket.gethostbyname(socket.gethostname())}\n"
        ser.write(data.encode())
        time.sleep(0.5)
        
    except KeyboardInterrupt:
        ser.close()
        break

(c) 创建 Wio Terminal 代码 (main.cpp)​

#include <Arduino.h>
#include "TFT_eSPI.h"

TFT_eSPI tft;
int currentPage = 0;

// 定义按钮
const int BTN_1 = WIO_KEY_A;
const int BTN_2 = WIO_KEY_B;
const int BTN_3 = WIO_KEY_C;

// PC 状态结构
struct PCStats {
    int cpuUsage = 0;
    int ramUsage = 0;
    float cpuTemp = 0.0;
    int diskUsage = 0;
    int gpuUsage = 0;
    float gpuTemp = 0.0;
    char ipAddress[16] = "0.0.0.0";
    unsigned long lastUpdate = 0;
} pcStats;

// 绘制函数
void drawBox(int x, int y, int w, int h) {
    tft.drawRect(x, y, w, h, TFT_GREEN);
}

void drawTitle(const char* title) {
    tft.drawString("<<", 10, 10);
    tft.drawString(title, 40, 10);
    tft.drawString(">>", 270, 10);
    drawBox(5, 5, 310, 230);
    tft.drawLine(10, 30, 300, 30, TFT_GREEN);
}

// [其他绘制函数...]

void setup() {
    Serial.begin(115200);
    tft.begin();
    tft.setRotation(3);
    tft.setTextSize(2);
    
    pinMode(BTN_1, INPUT_PULLUP);
    pinMode(BTN_2, INPUT_PULLUP);
    pinMode(BTN_3, INPUT_PULLUP);
    
    drawPage(currentPage);
}

void loop() {
    // 接收和解析数据
    if (Serial.available()) {
        String data = Serial.readStringUntil('\n');
        // 解析数据...
    }
    
    // 按钮处理
    if (digitalRead(BTN_1) == LOW) {
        currentPage = 0;
        drawPage(currentPage);
        delay(200);
    }
    // [其他按钮处理...]

    // 更新显示
    if (currentPage == 0) {
        drawSystemStatus();
        delay(100);
    }
}

4. 运行项目​

  1. 将代码上传到 Wio Terminal
  2. 运行 OpenHardwareMonitor
  3. 运行 Python 脚本： 
    python pc_stats.py
  4. 使用 Wio Terminal 上的按钮切换页面：
    • 按钮 A： 系统状态
    • 按钮 B： 性能监控
    • 按钮 C： 网络信息

自定义建议​

  1. 调整显示样式： 修改颜色（例如 TFT_GREEN）、布局和字体大小。
  2. 添加动画效果： 添加动画效果以获得更强的赛博朋克感觉。
  3. 添加新功能：
    • 网络速度监控
    • 磁盘读写速度
    • 系统进程信息

故障排除​

  1. 串口连接问题：

    • 检查 COM 端口是否正确
    • 确认波特率设置（115200）

  2. 温度读取问题：

    • 确保 OpenHardwareMonitor 正在运行
    • 验证管理员权限

  3. 显示问题：

    • 检查显示坐标是否超出边界
    • 使用 clearArea 函数避免重影

高级优化​

  • 添加数据记录功能
  • 实现警告阈值
  • 自定义显示主题
  • 添加图表显示
  • 启用 WiFi 连接

这个项目非常适合初学者，并提供了大量扩展空间。从基本功能开始，逐步添加您想要的功能。

Cursor AI 开发教程 - 基于 Wio Terminal PC 监控器​

1. Cursor AI 基础​

1.1 项目初始化​

  1. 打开 Cursor 编辑器。
  2. 告诉 AI 您想要创建什么：

    "我想创建一个 Wio Terminal 项目，以赛博朋克风格显示 PC 系统信息。"

  3. AI 将帮助您：
    • 建议项目结构
    • 创建必要文件
    • 提供初始代码

1.2 协作模式​

  • 描述清晰具体： 一次专注于一个功能。
  • 及时提供反馈： 遇到问题时让 AI 知道。

2. 实际案例研究​

2.1 创建基本显示功能​

好的提示：

"帮我创建一个 Wio Terminal 显示程序来显示 CPU 使用率、内存使用率和温度信息。"

  • AI 将提供：
    • 必要的头文件
    • 基本代码结构
    • 显示函数的实现

2.2 解决具体问题​

示例： 修复温度读取问题
好的提示：

"CPU 温度读取为 0。我该如何修复这个问题？"

  • AI 的响应：
    1. 分析可能的原因
    2. 提供多种解决方案
    3. 显示实现示例

2.3 优化显示效果​

好的提示：

"我如何优化显示以获得更强的赛博朋克风格？"

  • AI 将：
    • 提供设计建议
    • 实现具体代码

3. 调试技巧​

3.1 处理代码错误​

  • 遇到编译错误时，将错误信息复制给 AI：

    "我在编译时遇到了这个错误：[错误信息]"

  • AI 将：

    • 分析错误原因
    • 提供修复方案
    • 解释解决方案

3.2 处理逻辑问题​

好的描述：

"屏幕上的数字更新时有重影。我该如何修复？"

  • AI 的过程：
    1. 理解根本原因
    2. 建议清除区域函数
    3. 提供完整解决方案

4. 最佳实践​

4.1 提出正确的问题​

  1. 具体明确：
    • "我想实现 [具体功能]。"
  2. 提供上下文：
    • "我已经实现了 [A 功能]，现在想添加 [B 功能]。"
  3. 清楚描述问题：
    • "我遇到了 [具体问题]，错误信息是 [错误内容]。"

4.2 代码优化​

  1. 请求代码审查：
    • "您能审查这段代码并建议改进吗？"
  2. 性能优化：
    • "这段代码运行缓慢。我该如何优化？"
  3. 代码风格改进：
    • "我如何让这段代码更易读和可维护？"

4.3 功能扩展​

  1. 渐进式开发：
    • "我想添加 [新功能]。我应该如何开始？"
  2. 模块化请求：
    • "我如何将这个功能模块化以便将来扩展？"

5. 常见陷阱​

5.1 应该避免的做法​

  • 问题描述不清楚：
    • ❌ "代码不工作。我该怎么办？"
  • 信息不完整：
    • ❌ "有一个错误。帮我修复它。"
  • 范围过于宽泛：
    • ❌ "帮我完成整个项目。"

5.2 推荐做法​

  • 清楚的问题描述：
    • ✅ "CPU 使用率值始终为 0。我该如何修复这个问题？"
  • 提供完整信息：
    • ✅ "我遇到了这个错误：[完整错误信息]。使用的库版本：..."
  • 合理的任务划分：
    • ✅ "让我们先实现基本显示功能，然后逐步添加其他功能。"

6. 结论​

  • 渐进式开发： 从基本功能开始，然后添加新功能。
  • 及时解决问题： 遇到问题时及时处理。
  • 有效沟通： 清楚地描述你的需求并提供上下文。
  • 持续优化： 定期审查和改进你的代码。

通过开发这个项目，你可以看到 Cursor AI 如何显著提高开发效率。关键是学会如何与 AI 有效协作。清楚的问题和明确定义的需求将帮助你获得更好的结果。

Loading Comments...