获取Web服务请求，获取json响应并在Qt中更新GUI

Question

尝试使用Qt（使用Qt Creator 4.1.0）学习Web服务并将数据连接到GUI。我已经阅读了几个在线示例（最值得注意的是：1，2和3）但我的低编码级别以及我无法找到能够证明我的需求的完整示例这一事实让我在这里:)。

我创建了一个简单的示例，以便包含我的所有缺点：

• 每30秒向（现有的）Web服务发出一个HTTP get请求。
• 然后，Web服务通过发送我们接收和解析的json数据对象（请参阅下面的json示例格式）来响应。
• 然后，Qt将所有已解析的json数据显示在一个简单的GUI上（有关GUI的外观，请参见下文）。

json数据格式 - 示例：

{
    "city": "London",
    "time": "16:42",
    "unit_data": 
        [
            {
                "unit_data_id": "ABC123",
                "unit_data_number": "21"
            }
        ]
}

我的简单Qt GUI设计（在Qt Creator中制作）显示所有获取的解析数据：

我真的很感激任何完整的代码示例，它们展示了我们如何向Web服务发出请求，然后了解如何获取json响应。最后，如何在Qt中连接GUI以在收到数据后立即显示这些数据。

我刚刚开始研究这个领域，我需要一个简单的完整代码示例来帮助我。

Answer 1

以下是有关如何使用QNetworkAccessManager将带参数的GET请求发送到Web服务并使用QJsonDocument解析JSON响应的完整工作示例。

在示例中，我向http://uinames.com/发送请求，其响应以JSON编码，格式如下：

{
    "name":"John",
    "surname":"Doe",
    "gender":"male",
    "region":"United States"
}

我正在解析JSON响应并在GUI中显示它。

#include <QtWidgets>
#include <QtNetwork>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    //setup GUI (you could be doing this in the designer)
    QWidget widget;
    QFormLayout layout(&widget);
    QLineEdit lineEditName;
    QLineEdit lineEditGender;
    QLineEdit lineEditRegion;
    auto edits = {&lineEditName, &lineEditGender, &lineEditRegion};
    for(auto edit : edits) edit->setReadOnly(true);
    layout.addRow("Name:", &lineEditName);
    layout.addRow("Gender:", &lineEditGender);
    layout.addRow("Region:", &lineEditRegion);
    QPushButton button("Get Name");
    layout.addRow(&button);

    //send request to uinames API
    QNetworkAccessManager networkManager;
    QObject::connect(&networkManager, &QNetworkAccessManager::finished,
                     [&](QNetworkReply* reply){
        //this lambda is called when the reply is received
        //it can be a slot in your GUI window class
        //check for errors
        if(reply->error() != QNetworkReply::NoError){
            for(auto edit : edits) edit->setText("Error");
            networkManager.clearAccessCache();
        } else {
            //parse the reply JSON and display result in the UI
            QJsonObject jsonObject= QJsonDocument::fromJson(reply->readAll()).object();
            QString fullName= jsonObject["name"].toString();
            fullName.append(" ");
            fullName.append(jsonObject["surname"].toString());
            lineEditName.setText(fullName);
            lineEditGender.setText(jsonObject["gender"].toString());
            lineEditRegion.setText(jsonObject["region"].toString());
        }
        button.setEnabled(true);
        reply->deleteLater();
    });
    //url parameters
    QUrlQuery query;
    query.addQueryItem("amount", "1");
    query.addQueryItem("region", "United States");
    QUrl url("http://uinames.com/api/");
    url.setQuery(query);
    QNetworkRequest networkRequest(url);
    //send GET request when the button is clicked
    QObject::connect(&button, &QPushButton::clicked, [&](){
        networkManager.get(networkRequest);
        button.setEnabled(false);
        for(auto edit : edits) edit->setText("Loading. . .");
    });

    widget.show();
    return a.exec();
}

Edit:

由于您询问如何使用QTimer每隔一分钟触发更新，请将上面代码中的按钮connect信号的clicked调用替换为以下内容：

QTimer timer;
QObject::connect(&timer, &QTimer::timeout, [&](){
    networkManager.get(networkRequest);
    button.setEnabled(false);
    for(auto edit : edits) edit->setText("Loading. . .");
});
timer.start(60000); //60000 msecs = 60 secs

如注释中所述，如果您在窗口类的构造函数中使用它，则必须确保只要窗口对象正在运行，networkManager，networkRequest，GUI组件和timer就会保持活动状态。因此，您可以选择在堆中或作为类成员分配它们。