Question

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

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

每30秒向（现有）网络服务发出HTTP请求。
然后，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

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

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

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

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

QJsonDocument

#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();
}

编辑：

由于您询问了如何使用每隔一分钟触发更新，请将上述代码中的按钮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只要您的窗口对象正在运行，它们就会保持活动状态。因此，您可以选择在堆中或作为类成员分配它们。

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

1 个答案:

编辑：