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

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

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

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

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

•        pyuic  -o  WeatherWin.py  WeatherWin.ui
  

  下面是转换后的py文件

1. # -*- coding: utf-8 -*-
   
2. 
   
3. # Form implementation generated from reading ui file 'WeatherWin.ui'
   
4. #
   
5. # Created by: PyQt5 UI code generator 5.11.3
   
6. #
   
7. # WARNING! All changes made in this file will be lost!
   
8. 
   
9. from PyQt5 import QtCore, QtGui, QtWidgets
   
10. 
    
11. class Ui_Form(object):
    
12.     def setupUi(self, Form):
    
13.         Form.setObjectName("Form")
    
14.         Form.resize(554, 396)
    
15.         self.clearBtn = QtWidgets.QPushButton(Form)
    
16.         self.clearBtn.setGeometry(QtCore.QRect(320, 320, 75, 23))
    
17.         self.clearBtn.setObjectName("clearBtn")
    
18.         self.groupBox = QtWidgets.QGroupBox(Form)
    
19.         self.groupBox.setGeometry(QtCore.QRect(60, 30, 421, 251))
    
20.         self.groupBox.setObjectName("groupBox")
    
21.         self.label = QtWidgets.QLabel(self.groupBox)
    
22.         self.label.setGeometry(QtCore.QRect(80, 39, 51, 21))
    
23.         self.label.setObjectName("label")
    
24.         self.weatherComboBox = QtWidgets.QComboBox(self.groupBox)
    
25.         self.weatherComboBox.setGeometry(QtCore.QRect(140, 40, 221, 22))
    
26.         self.weatherComboBox.setObjectName("weatherComboBox")
    
27.         self.weatherComboBox.addItem("")
    
28.         self.weatherComboBox.addItem("")
    
29.         self.weatherComboBox.addItem("")
    
30.         self.weatherComboBox.addItem("")
    
31.         self.resultText = QtWidgets.QTextEdit(self.groupBox)
    
32.         self.resultText.setGeometry(QtCore.QRect(70, 100, 291, 131))
    
33.         self.resultText.setObjectName("resultText")
    
34.         self.queryBtn = QtWidgets.QPushButton(Form)
    
35.         self.queryBtn.setGeometry(QtCore.QRect(150, 320, 75, 23))
    
36.         self.queryBtn.setObjectName("queryBtn")
    
37. 
    
38.         self.retranslateUi(Form)
    
39. 
    
40.         QtCore.QMetaObject.connectSlotsByName(Form)
    
41. 
    
42.     def retranslateUi(self, Form):
    
43.         _translate = QtCore.QCoreApplication.translate
    
44.         Form.setWindowTitle(_translate("Form", "Form"))
    
45.         self.clearBtn.setText(_translate("Form", "清空"))
    
46.         self.groupBox.setTitle(_translate("Form", "查询城市天气"))
    
47.         self.label.setText(_translate("Form", "城市"))
    
48.         self.weatherComboBox.setItemText(0, _translate("Form", "北京"))
    
49.         self.weatherComboBox.setItemText(1, _translate("Form", "西安"))
    
50.         self.weatherComboBox.setItemText(2, _translate("Form", "上海"))
    
51.         self.weatherComboBox.setItemText(3, _translate("Form", "天津"))
    
52.         self.queryBtn.setText(_translate("Form", "查询"))

复制代码

第三步： 数据传递

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

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

            这是我在网上随便找的。

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

1. import sys
   
2. from PyQt5.QtWidgets import *
   
3. from WeatherWin import Ui_Form
   
4. import requests
   
5. 
   
6. class MainWindow(QMainWindow):
   
7.     def __init__(self, parent=None):
   
8.         super(MainWindow, self).__init__(parent)
   
9.         self.ui = Ui_Form()
   
10.         self.ui.setupUi(self)
    
11. 
    
12.         self.ui.clearBtn.clicked.connect(self.clearResult)
    
13.         self.ui.queryBtn.clicked.connect(self.queryWeather)
    
14.     def queryWeather(self):
    
15. 
    
16.         print('* queryWeather')
    
17.         cityName = self.ui.weatherComboBox.currentText()
    
18.         cityCode = self.transCityName(cityName)
    
19.         web = 'http://www.weather.com.cn/data/sk/' + cityCode + '.html'
    
20.         rep = requests.get(web)
    
21.         rep.encoding = 'utf-8'
    
22.         # print(rep.json())
    
23. 
    
24.         msg1 = '城市: %s' % rep.json()['weatherinfo']['city'] + '\n'
    
25.         msg2 = '风向: %s' % rep.json()['weatherinfo']['WD'] + '\n'
    
26.         msg3 = '温度: %s' % rep.json()['weatherinfo']['temp'] + '\n'
    
27.         msg4 = '风力: %s' % rep.json()['weatherinfo']['WS'] + '\n' + '度'
    
28.         msg5 = '湿度: %s' % rep.json()['weatherinfo']['SD'] + '\n'
    
29.         result = msg1 + msg2 + msg3 + msg4 + msg5
    
30.         self.ui.resultText.setText(result)
    
31. 
    
32.     def transCityName(self, cityName):
    
33.         cityCode = ''
    
34. 
    
35.         if cityName == '北京':
    
36.             cityCode = '101010100'
    
37.         elif cityName == '天津':
    
38.             cityCode = '101030100'
    
39.         elif cityName == '上海':
    
40.             cityCode = '101020100'
    
41.         elif cityName == '西安':
    
42.             cityCode = '101110101'
    
43. 
    
44.         return cityCode
    
45. 
    
46.     def clearResult(self):
    
47.         print('* clearResult')
    
48.         self.ui.resultText.clear()
    
49. 
    
50. if __name__ == '__main__':
    
51. 
    
52.     app = QApplication(sys.argv)
    
53.     win = MainWindow()
    
54.     win.setObjectName("MainWindow")  # 为主窗口设置对象名 为了在下面设置背景颜色  
    
55.     win.setStyleSheet("#MainWindow{border-image:url(./images/python.jpg);}")  # 这个图片路径是我自己的，你可以这一张你自己的图片。或者把这两行都给注释掉
    
56.     win.show()
    
57.     sys.exit(app.exec_())

复制代码

最后的界面：

  

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

看一下功能

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