寒冬袭来,带你使用Flask开发一款天气查询软件吧

天气预报

获取天气预报数据,离不开中国天气网 http://www.weather.com.cn

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第1张图片

天气预报网

登陆网站,在搜索栏中输入城市名称点击搜索,即可获取该地区的天气预报。比如我搜索西安,完成后会跳转至下面的网址:

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第2张图片

西安天气

其他的都好说,但是这个地区编码怎么搞?F12看看网络请求…

爬虫思路

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第3张图片

网络请求

我们可以看到网站先通过get请求,访问urlhttp://toy1.weather.com.cn/search?cityname=%E8%A5%BF%E5%AE%89并传参cityname,获取到城市编码,再进行了相关跳转。有些young man 会问这个cityname怎么是这种格式…其实很简单:

知道了这些,我们就可以有针对性的获取每个城市最近7天的天气预报了,当然少不了一堆beautifulsoup的元素定位操作:

 寒冬袭来,带你使用Flask开发一款天气查询软件吧_第4张图片寒冬袭来,带你使用Flask开发一款天气查询软件吧_第5张图片

城市近期天气

1# 元素定位思路:
2id=7d --> class='clearfix' -->ul --> findAll(li)
3# 参数获取
4h1标签为日期
5class=wea 为天气
6class=tem 为温度
7

爬虫代码

确定了这些内容,我们的爬虫代码基本就OK了,但这个不是今天的重点,所以简单看下吧:

 1# -*- coding: utf-8 -*-
 2# @Author   : 王翔
 3# @公众号    : 清风Python
 4# @Date     : 2019/11/21 05:56
 5# @Software : PyCharm
 6# @version  :Python 3.7.3
 7# @File     : weather.py
 8
 9
10import requests
11from urllib.parse import quote
12import re
13from bs4 import BeautifulSoup
14
15
16class WeatherReport:
17    def __init__(self, city):
18        self.quote_city = quote(city, encoding='utf-8')
19        self.result_info = []
20
21    def get_city_code(self):
22        r = requests.get('http://toy1.weather.com.cn/search?cityname=%s' % self.quote_city)
23        response = eval(r.text)[0].get('ref')
24        try:
25            return re.search('[0-9]+', response).group()
26        except AttributeError:
27            return None
28
29    def get_weather(self, code):
30        r = requests.get('http://www.weather.com.cn/weather/%s.shtml' % code)
31        r.encoding = 'utf-8'
32        bs4 = BeautifulSoup(r.text, 'lxml')
33        days = bs4.find('div', {'id': '7d'}).find('ul', {"class": "clearfix"}).findAll('li')
34        for day in days:
35            date = day.h1.text
36            weather = day.find('p', {"class": "wea"}).text
37            tmp = day.find('p', {"class": 'tem'}).text.strip()
38            self.result_info.append("%s: %s %s" %(date,weather, tmp))
39        return self.result_info

Web界面

有了后台的数据,我们前台实现也就比较简单了,只需要提供一个城市的输入框和提交按钮,剩下就是城市天气的内容展示了。简单引入Bootstrap+jQuery即可完成,前台界面大概这样子,原谅屌丝的审美,哈哈…

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第6张图片

Web界面

 1
 2
 3
 4    
 5    
 6    
 7    清风python
 8    
 9    
10    
11    
12
13
14
15
16
17
18 天气查询软件 19
20
21
22
23
24 城市: 25
26 27 28
29 30
31
32 33
34

35 53
54
55 58
59 60 61

 Flask路由

Flask的路由比较简单,一个用来呈现首页,另外一个负责动态获取Ajax数据进行回传即可

 1from flask import Flask, render_template
 2from weather import WeatherReport as wr
 3
 4app = Flask(__name__)
 5
 6
 [email protected]('/')
 8def index():
 9    return render_template('index.html')
10
11
[email protected]('/weather/')
13def weather(city):
14    main_func = wr(city)
15    city_code = main_func.get_city_code()
16    if city_code:
17        info = main_func.get_weather(city_code)
18        return '
'.join(info) 19 else: 20 return "城市名称无效,请核查..."

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第7张图片

 

pipenv部署

代码我们已经开发完了,那么如何让大家快速部署呢?让我们看看项目目录:

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第8张图片

项目目录

首先我们将代码提交到github…

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第9张图片

Github

由于采用pipenv虚拟环境开发,所以使用起来更为方便,只需如下操作:

 1# 如果为安装pipenv,需要先进行安装操作
 2pip install pipenv
 3# 克隆代码
 4git clone https://github.com/KingUranus/WeatherForecast.git
 5# 进入代码目录
 6cd WeatherForecast
 7# 安装虚拟机及依赖模块
 8pipenv install
 9# 进入虚拟机
10pipenv shell
11# 启动flask
12flask run

 寒冬袭来,带你使用Flask开发一款天气查询软件吧_第10张图片寒冬袭来,带你使用Flask开发一款天气查询软件吧_第11张图片

pipenv导入项目

最后来看看克隆部署后的软件实现吧:

寒冬袭来,带你使用Flask开发一款天气查询软件吧_第12张图片

北京天气

作者:华为云享开发者 清风Python

 

你可能感兴趣的:(技术交流,程序员,Flask,开发,天气,Python)