溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了python中如何使用Django實現(xiàn)天氣預(yù)報查詢網(wǎng)站，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)建項目
創(chuàng)建工程項目如下所示：
設(shè)置文件settings.py中的設(shè)置主要有兩個
1.注冊app
2.設(shè)置templates的路徑
前面的文章已經(jīng)介紹過多次如何設(shè)置了，此處不再做詳細贅述。
接口api為：http://api.map.baidu.com/telematics/v3/weather?location=%E9%83%91%E5%B7%9E&output=json&ak=TueGDhCvwI6fOrQnLM0qmXxY9N0OkOiQ&callback=?
主要流程分以下幾步：
1.從接口獲取數(shù)據(jù)，經(jīng)過urls.py文件傳送給index.html文件。
2.在index.html文件中做界面處理，使界面美觀好看。
3.添加查詢功能。
獲取數(shù)據(jù)和傳送數(shù)據(jù)在前面的電影查詢網(wǎng)站已經(jīng)講過 ，這里著重說一下添加查詢功能的原理。
本次仍然是用form表單實現(xiàn)查詢功能，form表單的method不做設(shè)置的話會默認get請求，當我們第一次傳送數(shù)據(jù)到界面之后，
可以在form表單設(shè)置個請求方式，然后在下次請求數(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;
}
h2{
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>
<h3>實時天氣</h3>
<img src="{{today.dayPictureUrl}}" alt="">
<h2>{{today.temperature}}</h2>
<div>
{{today.weather}}<br>
{{today.wind}}<br>
{{today.date}}<br>
</div>
</main>
<footer>
{% for weather in list %}
<section>
<h5>{{weather.date}}</h5>
<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 啟動服務(wù)器，在瀏覽器打開網(wǎng)址，即可看到效果：
在上面的查詢框中輸入城市名，即可查詢別的城市天氣信息：
感謝你能夠認真閱讀完這篇文章，希望小編分享的“python中如何使用Django實現(xiàn)天氣預(yù)報查詢網(wǎng)站”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼