将上述输出接收到的数据到ui界面

要将接收到的传感器数据显示在 UI 界面上，您需要将 UI 界面与串口通信代码集成在一起。以下是一个示例代码，演示了如何使用 Qt 的串口通信库将接收到的 DHT11 温湿度传感器数据显示在 Qt UI 界面上：

#include <QCoreApplication>
#include <QtSerialPort/QSerialPort>
#include <QDebug>
#include <QApplication>
#include <QPushButton>
#include <QLabel>
#include <QVBoxLayout>
#include <QTimer>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    // 创建 UI 界面
    QWidget w;
    QVBoxLayout *layout = new QVBoxLayout(&w);
    QLabel *tempLabel = new QLabel("Temperature:");
    QLabel *humLabel = new QLabel("Humidity:");
    layout->addWidget(tempLabel);
    layout->addWidget(humLabel);

    // 打开串口
    QSerialPort serial;
    serial.setPortName("/dev/ttyS3");
    serial.setBaudRate(QSerialPort::Baud9600);
    serial.setDataBits(QSerialPort::Data8);
    serial.setParity(QSerialPort::NoParity);
    serial.setStopBits(QSerialPort::OneStop);
    serial.setFlowControl(QSerialPort::NoFlowControl);
    if (!serial.open(QIODevice::ReadOnly)) {
        qDebug() << "Failed to open serial port";
        return -1;
    }

    // 定时器读取传感器数据并更新 UI 界面
    QTimer timer;
    QObject::connect(&timer, &QTimer::timeout, [&](){
        if (serial.waitForReadyRead(1000)) {
            QByteArray data = serial.readAll();
            if (!data.isEmpty()) {
                QString str(data);
                QStringList list = str.split(",");
                if (list.size() == 2) {
                    float temp = list[0].toFloat();
                    float hum = list[1].toFloat();
                    tempLabel->setText(QString("Temperature: %1").arg(temp));
                    humLabel->setText(QString("Humidity: %1").arg(hum));
                }
            }
        }
    });
    timer.start(1000);

    // 显示 UI 界面
    w.show();

    return a.exec();
}

在这个示例代码中，我们创建了一个简单的 UI 界面，其中包含两个 QLabel，分别用于显示温度和湿度数据。我们使用 `QTimer` 定时器来读取传感器数据，并在读取到数据后更新 QLabel 的文本。我们通过 `split` 函数将接收到的字符串数据分割成温度和湿度两个部分，并将它们转换为浮点数类型进行显示。最后，我们显示 UI 界面并进入 Qt 的事件循环中，以便处理 UI 事件。