qt6 通过http查询天气的实现

已于 2024-07-03 19:27:55 修改
阅读量1.3k 收藏 16
点赞数 10
文章标签： http 网络协议 网络
于 2024-07-03 19:20:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wh_xia_jun/article/details/140160251
版权

步骤如下： 

  1. cmakelist 当中，增加如下配置
  2.  引入包
  3.  访问远端api
  4.  解析返回的数据

  1. cmakelist 当中，增加如下配置，作用是引入Network库。
    2.  引入包

 3、访问远端api

void Form1::on_pushButton_clicked()
{
    //根据URL(http://t.weather.itboy.net/api/weather/city/101010100)http请求查询温度信息
    QNetworkAccessManager *manager = new QNetworkAccessManager(this);   //网络管理器
    QNetworkRequest request;   //请求
    request.setUrl(QUrl("http://t.weather.itboy.net/api/weather/city/101010100"));   //设置url
    QNetworkReply *reply = manager->get(request); //发送get请求
    connect(reply, &QNetworkReply::finished, [=](){   //请求完成后的处理
        if(reply->error() == QNetworkReply::NoError)  
        {
            QByteArray data = reply->readAll();
            QJsonParseError json_error;
            QJsonDocument doc = QJsonDocument::fromJson(data, &json_error);  //解析json数据
            if(json_error.error == QJsonParseError::NoError)  
            {
                if(doc.isObject())  
                {
                    QJsonObject obj = doc.object();  //获取json对象
                    if(obj.contains("data"))  //判断是否包含data
                    {
                        QJsonValue value = obj.value("data");  //获取data数据
                        if(value.isObject())
                        {
                            QJsonObject data = value.toObject();  //获取data对象
                            if(data.contains("wendu"))   //判断是否包含wendu
                            {
                                QJsonValue wendu = data.value("wendu");   //获取温度
                                ui->label->setText("温度：" + wendu.toString());  //显示温度
                            }
                        }
                    }
                }
            }
        }
        reply->deleteLater();  //释放资源  这个很重要！！！
    });


}

这段代码是在Qt框架中，特别是使用Qt Network模块，来实现一个HTTP GET请求以查询指定城市的天气温度信息。这里详细解释每一步的作用和目的：

  1. 创建QNetworkAccessManager实例：

  2. QNetworkAccessManager *manager = new QNetworkAccessManager(this);

    QNetworkAccessManager是Qt中用于发送网络请求的类。这里创建了一个QNetworkAccessManager的实例，并将this（假设是某个QWidget或QObject的子类，如Form1）作为父对象。这样做可以确保当Form1被销毁时，QNetworkAccessManager也会被正确地销毁。

  3. 设置请求：

  4. QNetworkRequest request; 
request.setUrl(QUrl("http://t.weather.itboy.net/api/weather/city/101010100"));

    创建一个QNetworkRequest对象并设置其URL为需要查询的天气API的URL。这里假设URL是正确的，并且服务器会返回JSON格式的天气数据。

  5. 发送GET请求：

  6. QNetworkReply *reply = manager->get(request);

    通过QNetworkAccessManager的get方法发送GET请求。这个方法返回一个QNetworkReply对象的指针，该对象将用于后续处理HTTP响应。

  7. 处理响应：
    使用connect函数将QNetworkReply的finished信号连接到一个lambda表达式，该表达式在请求完成时执行。

    • 检查错误：首先检查响应中是否有错误。如果没有错误（QNetworkReply::NoError），则继续处理数据。
    • 读取并解析JSON数据：使用readAll方法读取响应数据，然后尝试使用QJsonDocument::fromJson方法解析这些数据为QJsonDocument对象。解析过程中，QJsonParseError对象用于捕获任何可能的解析错误。
    • 遍历JSON对象：解析成功后，检查JSON文档是否是一个对象，并遍历它以查找包含温度信息的data字段。如果找到data字段，并且它是一个对象，则进一步查找wendu（温度）字段。
    • 显示温度：如果找到wendu字段，将其值转换为字符串，并设置到UI的某个标签（假设为ui->label）上。

  8. 资源释放：

  9. reply->deleteLater();

    在lambda表达式的末尾调用deleteLater方法。这是为了确保在lambda表达式执行完毕后，QNetworkReply对象能够被正确地删除。这是因为QNetworkReply对象在响应完成后仍然占用内存，直接删除可能会导致问题，而deleteLater会将其放入事件循环中稍后删除。

注意：

  • 我们图形化界面中 ui->label。
  • 这段代码API返回的数据格式是已知的，
{
    "message": "success感谢又拍云(upyun.com)提供CDN赞助",
    "status": 200,
    "date": "20240703",
    "time": "2024-07-03 19:15:24",
    "cityInfo": {
        "city": "北京市",
        "citykey": "101010100",
        "parent": "北京",
        "updateTime": "15:46"
    },
    "data": {
        "shidu": "51%",
        "pm25": 31.0,
        "pm10": 42.0,
        "quality": "优",
        "wendu": "28.6",
        "ganmao": "各类人群可自由活动",
        "forecast": [
            {
                "date": "03",
                "high": "高温 31℃",
                "low": "低温 17℃",
                "ymd": "2024-07-03",
                "week": "星期三",
                "sunrise": "04:50",
                "sunset": "19:46",
                "aqi": 67,
                "fx": "南风",
                "fl": "2级",
                "type": "晴",
                "notice": "愿你拥有比阳光明媚的心情"
            },
            {
                "date": "04",
                "high": "高温 30℃",
                "low": "低温 21℃",
                "ymd": "2024-07-04",
                "week": "星期四",
                "sunrise": "04:51",
                "sunset": "19:46",
                "aqi": 85,
                "fx": "东南风",
                "fl": "2级",
                "type": "小雨",
                "notice": "雨虽小，注意保暖别感冒"
            },
            {
                "date": "05",
                "high": "高温 32℃",
                "low": "低温 22℃",
                "ymd": "2024-07-05",
                "week": "星期五",
                "sunrise": "04:51",
                "sunset": "19:46",
                "aqi": 94,
                "fx": "西南风",
                "fl": "2级",
                "type": "多云",
                "notice": "阴晴之间，谨防紫外线侵扰"
            },
            {
                "date": "06",
                "high": "高温 29℃",
                "low": "低温 23℃",
                "ymd": "2024-07-06",
                "week": "星期六",
                "sunrise": "04:52",
                "sunset": "19:45",
                "aqi": 84,
                "fx": "东北风",
                "fl": "2级",
                "type": "小雨",
                "notice": "雨虽小，注意保暖别感冒"
            },
            {
                "date": "07",
                "high": "高温 32℃",
                "low": "低温 23℃",
                "ymd": "2024-07-07",
                "week": "星期日",
                "sunrise": "04:53",
                "sunset": "19:45",
                "aqi": 84,
                "fx": "南风",
                "fl": "2级",
                "type": "阴",
                "notice": "不要被阴云遮挡住好心情"
            },
            {
                "date": "08",
                "high": "高温 35℃",
                "low": "低温 23℃",
                "ymd": "2024-07-08",
                "week": "星期一",
                "sunrise": "04:53",
                "sunset": "19:45",
                "aqi": 77,
                "fx": "西南风",
                "fl": "2级",
                "type": "晴",
                "notice": "愿你拥有比阳光明媚的心情"
            },
            {
                "date": "09",
                "high": "高温 34℃",
                "low": "低温 24℃",
                "ymd": "2024-07-09",
                "week": "星期二",
                "sunrise": "04:54",
                "sunset": "19:44",
                "aqi": 62,
                "fx": "东南风",
                "fl": "1级",
                "type": "大雨",
                "notice": "出门最好穿雨衣，勿挡视线"
            },
            {
                "date": "10",
                "high": "高温 34℃",
                "low": "低温 25℃",
                "ymd": "2024-07-10",
                "week": "星期三",
                "sunrise": "04:55",
                "sunset": "19:44",
                "aqi": 61,
                "fx": "东北风",
                "fl": "2级",
                "type": "小雨",
                "notice": "雨虽小，注意保暖别感冒"
            },
            {
                "date": "11",
                "high": "高温 34℃",
                "low": "低温 26℃",
                "ymd": "2024-07-11",
                "week": "星期四",
                "sunrise": "04:55",
                "sunset": "19:44",
                "aqi": 58,
                "fx": "东南风",
                "fl": "2级",
                "type": "多云",
                "notice": "阴晴之间，谨防紫外线侵扰"
            },
            {
                "date": "12",
                "high": "高温 30℃",
                "low": "低温 25℃",
                "ymd": "2024-07-12",
                "week": "星期五",
                "sunrise": "04:56",
                "sunset": "19:43",
                "aqi": 63,
                "fx": "东南风",
                "fl": "2级",
                "type": "阴",
                "notice": "不要被阴云遮挡住好心情"
            },
            {
                "date": "13",
                "high": "高温 35℃",
                "low": "低温 25℃",
                "ymd": "2024-07-13",
                "week": "星期六",
                "sunrise": "04:57",
                "sunset": "19:43",
                "aqi": 47,
                "fx": "东南风",
                "fl": "2级",
                "type": "阴",
                "notice": "不要被阴云遮挡住好心情"
            },
            {
                "date": "14",
                "high": "高温 35℃",
                "low": "低温 25℃",
                "ymd": "2024-07-14",
                "week": "星期日",
                "sunrise": "04:57",
                "sunset": "19:42",
                "aqi": 66,
                "fx": "东南风",
                "fl": "2级",
                "type": "多云",
                "notice": "阴晴之间，谨防紫外线侵扰"
            },
            {
                "date": "15",
                "high": "高温 32℃",
                "low": "低温 23℃",
                "ymd": "2024-07-15",
                "week": "星期一",
                "sunrise": "04:58",
                "sunset": "19:42",
                "aqi": 61,
                "fx": "东风",
                "fl": "2级",
                "type": "中雨",
                "notice": "记得随身携带雨伞哦"
            },
            {
                "date": "16",
                "high": "高温 30℃",
                "low": "低温 21℃",
                "ymd": "2024-07-16",
                "week": "星期二",
                "sunrise": "04:59",
                "sunset": "19:41",
                "aqi": 54,
                "fx": "东风",
                "fl": "2级",
                "type": "中雨",
                "notice": "记得随身携带雨伞哦"
            },
            {
                "date": "17",
                "high": "高温 35℃",
                "low": "低温 23℃",
                "ymd": "2024-07-17",
                "week": "星期三",
                "sunrise": "05:00",
                "sunset": "19:40",
                "aqi": 46,
                "fx": "西南风",
                "fl": "2级",
                "type": "多云",
                "notice": "阴晴之间，谨防紫外线侵扰"
            }
        ],
        "yesterday": {
            "date": "02",
            "high": "高温 25℃",
            "low": "低温 17℃",
            "ymd": "2024-07-02",
            "week": "星期二",
            "sunrise": "04:50",
            "sunset": "19:46",
            "aqi": 25,
            "fx": "北风",
            "fl": "2级",
            "type": "小雨",
            "notice": "雨虽小，注意保暖别感冒"
        }
    }
}
  • 由于网络请求是异步的，用户界面不会阻塞，这提供了更好的用户体验。槽函数在这里功不可没！另外 感谢哈工程大学通讯专业的同学，上面代码不是我写的：)

wh_xia_jun
关注
  • 10
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Qt之实现QQ天气预报窗体翻转效果
草上爬的博客
06-28 5681
目前据我所知，最新版的QQ有两个地方用到了窗体翻转特效，一个是登录，另一个是天气预报 下面是我实现的效果，只实现了翻转，其实天气预报功能也很简单，调用接口，解析数据然后贴图就行，关于天气预报详见下面章节 看梅花9，大家一定似曾相识，没错，素材来自Qt官方demo flipable，该demo是用QML实现的翻转效果，话说用QML实现特效比Widget要方便很多。这里是用Widget实现的，不同点是flipable翻转的是图片，这里翻转的是窗体，下面说说实现原理毫无疑问，这里用到了Qt的动画模块，关于Qt动画
Qt实现天气预报项目（资源文件）
08-17
该项目的系列介绍文章：https://blog.csdn.net/weixin_50964512/article/details/125710864
Qt项目天气预报(3) - qt的http编程获取天气数据
mx_jun的博客
06-15 779
Qt中的HTTP编程主要涉及使用Qt的网络模块来进行HTTP请求和处理HTTP响应。Qt提供了一系列类来处理网络通信，其中最常用的类是以及相关的支持类。创建一个 QNetworkAccessManager 对象，并使用它发送HTTP请求。QNetworkAccessManager 对象会异步地处理请求，并返回一个 QNetworkReply 对象。return;});
3_HTTP通信源码、Linux网络编程应用：教你如何从阿里云获取天气数据、快递物流数据（HTTP协议、C语言）.rar
09-11
Linux网络编程应用：教你如何从阿里云获取天气数据、快递物流数据（HTTP协议、C语言） 教程链接：https://blog.csdn.net/mbs520/article/details/108536218
使用HTTP协议在k780网站上获取天气-----天气预报
weixin_58016534的博客
05-30 1105
本期主要使用TCP网络编程实现天气预报的功能，这个项目旨在于增进对于TCP编程的掌握以及应用，在这个项目中页用到了一种常见的数据格式---cjson数据格式，能够在这个项目中学会使用cjson数据的解析和使用对日后的工作应该是非常有益的；那么不止这些，还有c语言哦，遇到的棘手的问题几乎都是出自于对于接收到数据的处理，那么从这个项目中处理这个问题（在一串长数据中解析出自己需要的数据）的能力也是需要有的；如果对自己字符串处理的能力不是很自信，那么大家可以尝试来做一下这个项目；
【安信可NB-IoT模组EC系列AT指令应用笔记③】使用Http协议获取知心天气
安信可科技
10-19 4256
文章目录一、前言二、心知天气控制台侧操作三、模组侧操作3.1 上电检查流程3.2 访问 HTTP 服务器 一、前言 本文描述了如何使用 HTTP AT 指令，实现客户的设备作为 HTTP 客户端，访问 HTTP 服务器，这里以访问心知天气获取天气信息为例。 二、心知天气控制台侧操作 第一次使用需要先注册，进入官网：https://www.seniverse.com。登陆控制台获取私钥 阅读心知天气API使用手册：https://seniverse.yuque.com/books/share/e52aa43
基于HTTP协议读取天气情况并通过短信发送
zidingyidingyi的博客
01-04 526
开发环境：Java开发环境和Java IDE 编程工具 ：Eclipse 基于HTTP协议读取天气情况 为了获取天气情况，我们可以爬取天气网页网页的内容。 网站为：http://www.weather.com.cn/weather1d/101040100.shtml 我们可以看到重庆市区当日的天气。 按F12进入开发者模式也可以右键点击网页源码，我们可以清楚看到网页代码。 我们处理就是上面的html，从中获得我们需要的信息。 我们可以上面信息对应找出当前天气、温度、风向风级。当我浏览文件时，突.
Qt6 QML Book/网络设置/HTTP请求
aggs1990的专栏
01-30 1275
HTTP Requests HTTP请求 An HTTP request is in Qt typically done usingQNetworkRequestandQNetworkReplyfrom the c++ site and then the response would be pushed using the Qt/C++ integration into the QML space. So we try to push the envelope here a little b...
Qt实战Qt项目(6)Qt实现天气预报
05-23
综上所述，使用Qt实现天气预报项目涉及了网络编程、JSON解析、GUI设计、动画效果以及错误处理等多个知识点。通过实践这个项目，开发者不仅能提升Qt编程技能，还能掌握如何整合各种技术来创建实用的桌面应用。
QT中通过网站访问天气数据
03-19
QT库提供了丰富的网络功能，使得开发者能够方便地实现从互联网获取数据，如天气预报。本文将深入探讨如何使用QT来实现这一目标。 首先，我们需要了解QT中的网络模块，尤其是`QNetworkAccessManager`类，它是QT中...
基于QT开发的天气查询源码.rar
07-09
【描述】"基于QT开发的天气查询源码"意味着这个压缩包包含了实现天气查询功能的所有源代码。源码是程序员编写的应用程序的原始代码，通过阅读和学习源码，开发者可以理解程序的工作原理，从而进行二次开发或者改进。...
基于QT的天气查询系统设计
08-27
1、用Qt的HTTP通信，获取天气API的内容，再进行解析，实现连续五天的天气查询显示 2、实现对多个城市的天气信息进行查询，下面提供城市的ID 博客链接：https://blog.csdn.net/qq_42449351/article/details/100088010
ESP32基础应用之http获取网络天气并使用cJSON解析数据
while（1）
05-05 4311
必填
【QT开发专题-天气预报】12. 完成界面布局
B站-大轮明王讲Qt
08-28 620
(1) 从零开始实现的一个 HTTP 天气预报 (2) 详细的开发笔记 (3) 提供项目源码
【QT开发专题-天气预报】8. HTTP 必知必会
B站-大轮明王讲Qt
08-27 882
(1) 从零开始实现的一个 HTTP 天气预报 (2) 详细的开发笔记 (3) 提供项目源码
HTTP 协议浅析
yimeixiaolangzai的博客
07-23 997
HTTP 是一种无状态的、基于请求和响应模式的应用层协议。无状态意味着每次请求都是独立的，不依赖于前后的请求。客户端（通常是浏览器）发起请求，服务器处理请求并返回响应。
HTTP模块(二）
weixin_45780818的博客
07-24 563
不仅可以接收字符串作为参数，发送文本数据给客户端，还能够接收 Buffer 对象来发送二进制数据，如图片、音频或视频文件等，需要注意的是使用 Buffer 时，确保你的内容类型（Content-Type）设置与实际数据类型相匹配，以便浏览器或客户端能够正确处理。这是由于响应报文均返回html所导致。会发现css样式和js点击功能失效。当结构为资源都在响应文件夹下时。
HTTP传输下载和P2P传输下载的区别？
最新发布
Nove1205的博客
07-25 287
HTTP传输下载和P2P（Peer-to-Peer）传输下载的区别
qt界面通过网络获取天气信息
06-23
### 回答1： Qt界面通过网络获取天气信息的过程，一般可以分为以下几个步骤： 第一步，创建请求对象。使用Qt提供的QNetworkRequest类创建一个请求对象，设置请求的URL地址以及请求的Header信息。 第二步，发送请求。使用Qt的QNetworkAccessManager类发送上述请求对象，调用其get()函数即可发送请求。 第三步，接收相应。Qt的QNetworkAccessManager类会自动接收到服务器的相应信息，可以通过其finished()信号捕捉到这个事件，回调函数中则可以读取响应的信息。 第四步，解析数据。一般天气信息返回的是Json格式数据，我们需要使用Qt的Json解析器Qt Json来解析数据，将其转换成相应的数据结构，例如用QJsonObject表示城市名、温度、天气状况等信息。 第五步，更新UI。将第四步中解析得到的数据结构，通过Qt界面的QLabel、QTextBrowser等控件，动态地更新显示在界面上。 需要注意在整个网络获取天气信息的过程中，需要添加相应的错误处理，例如网络连接失败、天气数据解析出错等等情况，以保证界面能够及时地响应用户的操作。 ### 回答2： Qt界面是一种基于C++的图形用户界面开发框架。这种框架可以帮助开发者创建出漂亮、易于使用、跨平台的应用程序界面。Qt界面中内置了许多通信和网络相关的类库，使得开发者可以很方便地利用网络进行数据的获取和传输。 获取天气信息通常需要连接到一个天气服务的API，通过发送HTTP请求来获取数据，再将数据解析回传给应用程序进行处理。在Qt界面中，可以使用QNetworkAccessManager等相关类库来实现这个过程。具体而言，可以通过下列步骤来实现： 1. 创建一个QNetworkAccessManager对象，该对象可以用于发送HTTP请求和接收响应数据。 2. 构造HTTP请求对象。对于获取天气信息，通常需要指定一个特定的URL，以及HTTP请求头部的一些参数，例如浏览器类型、语言等。 3. 发送HTTP请求，并等待响应。当响应数据到达时，QNetworkAccessManager对象会发出相应的信号，用于通知应用程序已经得到响应数据。 4. 按照天气API返回的格式，解析响应数据，并提取所需要的信息。这部分工作需要根据具体API的规定进行实现。 5. 将解析获得的天气信息显示在Qt界面上。这一过程中，可以利用Qt的控件和布局等功能，将获取到的信息以适当的方式进行展示。 综上所述，Qt界面通过网络获取天气信息可以利用QNetworkAccessManager等类库，通过发送HTTP请求、解析响应数据实现。这种方法具有可靠性高、代码清晰等优点，可以满足大多数天气API的调用需求。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值