一：PyQt5实践《做一个天气预报的查询》内附源码

超、凢脫俗 2022-03-11 16:54 206阅读 0赞

> 这里获取数据是从[中国天气官方网址][Link 1]获取的。本实验的代码下载：[博主github地址][github]

### 第一步： 设计界面，我们这里直接用Qtdesign设计。 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70][]

**为了大家比较容易设置，我们这里在把对象查看器中的内容贴出来**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 1][]

**                            简单的几个组件：一个窗口+两个按钮+一个下拉是的盒子+一个标签+一个返回文本显示的内容**

### 第二步：将ui文件转换为py文件 ###

*         pyuic  -o  WeatherWin.py  WeatherWin.ui

下面是转换后的py文件

# -*- coding: utf-8 -*-
    
    # Form implementation generated from reading ui file 'WeatherWin.ui'
    #
    # Created by: PyQt5 UI code generator 5.11.3
    #
    # WARNING! All changes made in this file will be lost!
    
    from PyQt5 import QtCore, QtGui, QtWidgets
    
    class Ui_Form(object):
        def setupUi(self, Form):
            Form.setObjectName("Form")
            Form.resize(554, 396)
            self.clearBtn = QtWidgets.QPushButton(Form)
            self.clearBtn.setGeometry(QtCore.QRect(320, 320, 75, 23))
            self.clearBtn.setObjectName("clearBtn")
            self.groupBox = QtWidgets.QGroupBox(Form)
            self.groupBox.setGeometry(QtCore.QRect(60, 30, 421, 251))
            self.groupBox.setObjectName("groupBox")
            self.label = QtWidgets.QLabel(self.groupBox)
            self.label.setGeometry(QtCore.QRect(80, 39, 51, 21))
            self.label.setObjectName("label")
            self.weatherComboBox = QtWidgets.QComboBox(self.groupBox)
            self.weatherComboBox.setGeometry(QtCore.QRect(140, 40, 221, 22))
            self.weatherComboBox.setObjectName("weatherComboBox")
            self.weatherComboBox.addItem("")
            self.weatherComboBox.addItem("")
            self.weatherComboBox.addItem("")
            self.weatherComboBox.addItem("")
            self.resultText = QtWidgets.QTextEdit(self.groupBox)
            self.resultText.setGeometry(QtCore.QRect(70, 100, 291, 131))
            self.resultText.setObjectName("resultText")
            self.queryBtn = QtWidgets.QPushButton(Form)
            self.queryBtn.setGeometry(QtCore.QRect(150, 320, 75, 23))
            self.queryBtn.setObjectName("queryBtn")
    
            self.retranslateUi(Form)
    
            QtCore.QMetaObject.connectSlotsByName(Form)
    
        def retranslateUi(self, Form):
            _translate = QtCore.QCoreApplication.translate
            Form.setWindowTitle(_translate("Form", "Form"))
            self.clearBtn.setText(_translate("Form", "清空"))
            self.groupBox.setTitle(_translate("Form", "查询城市天气"))
            self.label.setText(_translate("Form", "城市"))
            self.weatherComboBox.setItemText(0, _translate("Form", "北京"))
            self.weatherComboBox.setItemText(1, _translate("Form", "西安"))
            self.weatherComboBox.setItemText(2, _translate("Form", "上海"))
            self.weatherComboBox.setItemText(3, _translate("Form", "天津"))
            self.queryBtn.setText(_translate("Form", "查询"))

### 第三步： 数据传递 ###

第二步只是将界面绘制了出来并转换为py文件，接着我们会使用requests模块对网站发起请求，获取我们想要的数据，并显示到我们的窗口中。

首先我们试着访问一下该网址：http://www.weather.com.cn/data/sk/101010100.html  这个查的是北京的天气，是一个json格式的数据，而且还乱码了，没关系，我们等会改成utf-8就好了。 每个城市之间只是那红色的城市代码不同。 我这里只找了北京，天津，西安，上海的城市代码。所以只能查这些地区。。  如果想找你所在的城市，去网上找一下。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 2][]

这是我在网上随便找的。

**我们可以构造查询了连接，然后用requests进行请求。 返回json格式的数据，我们一步一步提取出来就可以了。 下面是调用的文件。**

import sys
    from PyQt5.QtWidgets import *
    from WeatherWin import Ui_Form
    import requests
    
    class MainWindow(QMainWindow):
        def __init__(self, parent=None):
            super(MainWindow, self).__init__(parent)
            self.ui = Ui_Form()
            self.ui.setupUi(self)
    
            self.ui.clearBtn.clicked.connect(self.clearResult)
            self.ui.queryBtn.clicked.connect(self.queryWeather)
        def queryWeather(self):
    
            print('* queryWeather')
            cityName = self.ui.weatherComboBox.currentText()
            cityCode = self.transCityName(cityName)
            web = 'http://www.weather.com.cn/data/sk/' + cityCode + '.html'
            rep = requests.get(web)
            rep.encoding = 'utf-8'
            # print(rep.json())
    
            msg1 = '城市: %s' % rep.json()['weatherinfo']['city'] + '\n'
            msg2 = '风向: %s' % rep.json()['weatherinfo']['WD'] + '\n'
            msg3 = '温度: %s' % rep.json()['weatherinfo']['temp'] + '\n'
            msg4 = '风力: %s' % rep.json()['weatherinfo']['WS'] + '\n' + '度'
            msg5 = '湿度: %s' % rep.json()['weatherinfo']['SD'] + '\n'
            result = msg1 + msg2 + msg3 + msg4 + msg5
            self.ui.resultText.setText(result)
    
        def transCityName(self, cityName):
            cityCode = ''
    
            if cityName == '北京':
                cityCode = '101010100'
            elif cityName == '天津':
                cityCode = '101030100'
            elif cityName == '上海':
                cityCode = '101020100'
            elif cityName == '西安':
                cityCode = '101110101'
    
            return cityCode
    
        def clearResult(self):
            print('* clearResult')
            self.ui.resultText.clear()
    
    if __name__ == '__main__':
    
        app = QApplication(sys.argv)
        win = MainWindow()
        win.setObjectName("MainWindow")  # 为主窗口设置对象名 为了在下面设置背景颜色  
        win.setStyleSheet("#MainWindow{border-image:url(./images/python.jpg);}")  # 这个图片路径是我自己的，你可以这一张你自己的图片。或者把这两行都给注释掉
        win.show()
        sys.exit(app.exec_())

最后的界面：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 3][]

背景是乱加的。。 大家可以自己加好看的背景。

看一下功能

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 4][]

有个下拉框  可以选择城市，然后点击查询就可以查到了。

[Link 1]: http://www.weather.com.cn/
[github]: https://github.com/shawroad/MinProject
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70]: /images/20220311/3b142cf40b2f43c2b749faf5a292d721.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 1]: /images/20220311/a00d2a8e6872481da47c5639d6ae0bdd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 2]: /images/20220311/80200554f0384dd78630db090486ad87.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 3]: /images/20220311/9d0cf1634fc14e07a676c0e535045c8e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoYXdyb2FkODg_size_16_color_FFFFFF_t_70 4]: /images/20220311/76cfef25fda54c0b8c3a15b399283209.png