用Django寫天氣預報查詢網站

更新時間：2018年10月21日 14:11:49 作者：回憶不說話

今天小編就為大家分享一篇關于用Django寫天氣預報查詢網站的文章，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

創(chuàng)建項目

創(chuàng)建工程項目如下所示：

設置文件settings.py中的設置主要有兩個

1.注冊app

2.設置templates的路徑

前面的文章已經介紹過多次如何設置了，此處不再做詳細贅述。

接口api為：http://api.map.baidu.com/telematics/v3/weather?location=%E9%83%91%E5%B7%9E&output=json&ak=TueGDhCvwI6fOrQnLM0qmXxY9N0OkOiQ&callback=?

主要流程分以下幾步：

1.從接口獲取數(shù)據(jù)，經過urls.py文件傳送給index.html文件。

2.在index.html文件中做界面處理，使界面美觀好看。

3.添加查詢功能。

獲取數(shù)據(jù)和傳送數(shù)據(jù)在前面的電影查詢網站已經講過，這里著重說一下添加查詢功能的原理。

本次仍然是用form表單實現(xiàn)查詢功能，form表單的method不做設置的話會默認get請求，當我們第一次傳送數(shù)據(jù)到界面之后，

可以在form表單設置個請求方式，然后在下次請求數(shù)據(jù)的時候，添加一個判斷，判斷的時候把form表單輸入的城市信息更改

為下次請求的時候的城市信息即可。

下附代碼：

視圖文件views.py文件中的代碼如下：

from django.shortcuts import render
import requests
# Create your views here.
def index(request):
  if request.method == 'POST':
    city = request.POST['city']
    url = 'http://api.map.baidu.com/telematics/v3/weather?location={}&output=json&ak=TueGDhCvwI6fOrQnLM0qmXxY9N0OkOiQ&callback=?'.format(city)
  else:
    url = 'http://api.map.baidu.com/telematics/v3/weather?location=%E9%83%91%E5%B7%9E&output=json&ak=TueGDhCvwI6fOrQnLM0qmXxY9N0OkOiQ&callback=?'
  json_data = requests.get(url).json()
  weather = json_data['results'][0]['weather_data']
  today_weather = weather[0]
  t_weather = weather[1]
  tt_weather = weather[2]
  ttt_weather =weather[3]
  city = json_data['results'][0]['currentCity']
  context = {
    'today':today_weather,
    'city':city,
    'list':[t_weather,tt_weather,ttt_weather]
  }
  return render(request,'index.html',context)

urls.py文件中的代碼如下：

from django.contrib import admin
from django.urls import path
from myApp import views
urlpatterns = [
  path('admin/', admin.site.urls),
  path('index/',views.index),
  path('select/',views.index),
]

index.html界面文件代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{city}}天氣信息</title>
  <style>
    html,body{
      height:100%;
      margin:0;
      color: white;
      text-align: center;
    }
    body{
      /*漸變色*/
      background: linear-gradient(#1078c7,#7196b4);
    }
    form{
      text-align: center;
    }
    main img{
      width: 80px;
    }
    h1{
      margin:5px;
    }
    footer{
      display: flex;
    }
    section{
      flex-grow: 1;
      border-right:1px solid greenyellow;
    }
    section:nth-child(3){
      border:none;
    }
  </style>
</head>
<body>
  <form action="/select/" method="POST">
    {% csrf_token %}
    <input name="city" type="text" placeholder="請輸入城市">
    <button type="submit">查詢</button>
  </form>
  <main>
    <h2>實時天氣</h2>
    <img src="{{today.dayPictureUrl}}" alt="">
    <h1>{{today.temperature}}</h1>
    <div>
      {{today.weather}}<br>
      {{today.wind}}<br>
      {{today.date}}<br>
    </div>
  </main>
  <footer>
    {% for weather in list %}
      <section>
        <h4>{{weather.date}}</h4>
        <img src="{{weather.dayPictureUrl}}" alt="">
        <div>
          {{weather.temperature}}<br>
          {{weather.weather}}<br>
          {{weather.wind}}<br>
        </div>
      </section>
    {% endfor %}
  </footer>
</body>
</html>

python manage.py runserver 啟動服務器，在瀏覽器打開網址，即可看到效果：

在上面的查詢框中輸入城市名，即可查詢別的城市天氣信息：

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接

您可能感興趣的文章:

不到20行代碼用Python做一個智能聊天機器人
小編先向大家介紹一下本次運用到的python庫，本次項目主要運用到的庫有wxpy和chatterbot。對Python做一個智能聊天機器人的相關知識感興趣的朋友跟隨小編一起看看吧
2019-04-04
Python numpy實現(xiàn)二維數(shù)組和一維數(shù)組拼接的方法
今天小編就為大家分享一篇Python numpy實現(xiàn)二維數(shù)組和一維數(shù)組拼接的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-06-06
pycharm運行出現(xiàn)ImportError:No module named的解決方法
今天小編就為大家分享一篇pycharm運行出現(xiàn)ImportError:No module named的解決方法。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-10-10
python函數(shù)形參用法實例分析
這篇文章主要介紹了python函數(shù)形參用法,較為詳細的講述了Python函數(shù)形參的功能、定義及使用技巧,需要的朋友可以參考下
2015-08-08
Python中三元運算符的簡潔性及多用途實例探究
這篇文章主要為大家介紹了Python中三元運算符的簡潔性及多用途實例探究,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2024-01-01
Python裝飾器重載內置的使用
本文主要介紹了Python裝飾器重載內置的使用,詳細介紹如何創(chuàng)建裝飾器,如何使用裝飾器來重載內置函數(shù),具有一定的參考價值,感興趣的可以了解一下
2024-01-01
Python超越函數(shù)積分運算以及繪圖實現(xiàn)代碼
今天小編就為大家分享一篇Python超越函數(shù)積分運算以及繪圖實現(xiàn)代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
對Python函數(shù)設計規(guī)范詳解
今天小編就為大家分享一篇對Python函數(shù)設計規(guī)范詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-07-07
用scikit-learn和pandas學習線性回歸的方法
這篇文章主要介紹了用scikit-learn和pandas學習線性回歸的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-06-06
wxpython多線程防假死與線程間傳遞消息實例詳解
今天小編就為大家分享一篇wxpython多線程防假死與線程間傳遞消息實例詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-12-12