modified: app.py
modified: templates/index.html
This commit is contained in:
SimolZimol
85
app.py
85
app.py
@@ -1,50 +1,59 @@
|
||||
import os
|
||||
import requests
|
||||
import bz2
|
||||
import json
|
||||
import requests
|
||||
from flask import Flask, render_template
|
||||
from flask import Flask, jsonify, render_template
|
||||
|
||||
app = Flask(__name__)
|
||||
|
||||
# Funktion zum Herunterladen und Entpacken der bz2-Datei
|
||||
def download_and_extract_data():
|
||||
url = 'https://opendata.dwd.de/weather/weather_reports/synoptic/germany/json/Z__C_EDZW_latest_bda01,synop_bufr_GER_999999_999999__MW_XXX.json.bz2'
|
||||
response = requests.get(url, stream=True)
|
||||
# URL zur Datei
|
||||
DATA_URL = "https://opendata.dwd.de/weather/weather_reports/synoptic/germany/json/Z__C_EDZW_latest_bda01%2Csynop_bufr_GER_999999_999999__MW_XXX.json.bz2"
|
||||
|
||||
# Funktion zum Abrufen und Entpacken der Daten
|
||||
def fetch_weather_data():
|
||||
response = requests.get(DATA_URL)
|
||||
if response.status_code == 200:
|
||||
# Entpacke die bz2-Datei
|
||||
compressed_file = bz2.BZ2File(response.raw)
|
||||
data = json.loads(compressed_file.read().decode('utf-8'))
|
||||
return data
|
||||
else:
|
||||
print(f"Fehler beim Abrufen der Daten: {response.status_code}")
|
||||
return None
|
||||
# Entpacken der BZ2-Datei
|
||||
decompressed_data = bz2.decompress(response.content)
|
||||
weather_data = json.loads(decompressed_data)
|
||||
|
||||
# Extrahieren der relevanten Informationen, sortiert nach stationNumber
|
||||
station_data = []
|
||||
for message in weather_data.get('messages', []):
|
||||
for subset in message[1]:
|
||||
station_info = {}
|
||||
for data_point in subset:
|
||||
if isinstance(data_point, list):
|
||||
# Suchen nach relevanten Schlüsseln und Werten
|
||||
for entry in data_point:
|
||||
if entry['key'] == 'stationNumber':
|
||||
station_info['stationNumber'] = entry['value']
|
||||
if entry['key'] == 'stationOrSiteName':
|
||||
station_info['stationName'] = entry['value']
|
||||
if entry['key'] == 'airTemperature':
|
||||
station_info['temperature'] = entry['value']
|
||||
if entry['key'] == 'dewpointTemperature':
|
||||
station_info['dewpoint'] = entry['value']
|
||||
if entry['key'] == 'relativeHumidity':
|
||||
station_info['humidity'] = entry['value']
|
||||
if entry['key'] == 'windSpeed':
|
||||
station_info['windSpeed'] = entry['value']
|
||||
station_data.append(station_info)
|
||||
|
||||
# Sortiere die Daten nach der StationNumber
|
||||
station_data = sorted(station_data, key=lambda x: x.get('stationNumber', 0))
|
||||
return station_data
|
||||
return []
|
||||
|
||||
# Route für die Homepage
|
||||
# Route für die Hauptseite
|
||||
@app.route('/')
|
||||
def home():
|
||||
weather_data = download_and_extract_data()
|
||||
def index():
|
||||
return render_template('index.html')
|
||||
|
||||
if weather_data is not None:
|
||||
# Sortiere die Daten nach stationNumber
|
||||
stations = {}
|
||||
for message in weather_data['messages']:
|
||||
for station_data in message[1:]:
|
||||
station_number = station_data[1]['value']
|
||||
station_name = station_data[2][0]['value']
|
||||
if station_number not in stations:
|
||||
stations[station_number] = {
|
||||
'station_name': station_name,
|
||||
'data': station_data
|
||||
}
|
||||
|
||||
# Sortiere die Stationen nach stationNumber
|
||||
sorted_stations = dict(sorted(stations.items()))
|
||||
|
||||
# Übergib die Daten an das Template
|
||||
return render_template('index.html', stations=sorted_stations)
|
||||
else:
|
||||
return "Fehler beim Abrufen der Wetterdaten"
|
||||
# API-Route, um die Wetterdaten abzurufen
|
||||
@app.route('/weather_data')
|
||||
def weather_data():
|
||||
data = fetch_weather_data()
|
||||
return jsonify(data)
|
||||
|
||||
if __name__ == '__main__':
|
||||
app.run(debug=True)
|
||||
app.run(host='0.0.0.0', port=5000)
|
||||
|
||||
@@ -3,43 +3,80 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Wetterdaten nach Station</title>
|
||||
<title>Wetterdaten nach Stationen</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 20px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
h1 {
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.station {
|
||||
border: 1px solid #ddd;
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.station h2 {
|
||||
margin: 0;
|
||||
}
|
||||
.weather-data {
|
||||
margin-left: 20px;
|
||||
|
||||
th {
|
||||
background-color: #007BFF;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Wetterdaten nach Station</h1>
|
||||
<h1>Wetterdaten nach Stationen</h1>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Station Nummer</th>
|
||||
<th>Station Name</th>
|
||||
<th>Temperatur (K)</th>
|
||||
<th>Taupunkt (K)</th>
|
||||
<th>Relative Luftfeuchtigkeit (%)</th>
|
||||
<th>Windgeschwindigkeit (m/s)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="weather-table-body">
|
||||
<!-- Daten werden hier geladen -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
{% for station_number, station_info in stations.items() %}
|
||||
<div class="station">
|
||||
<h2>Station {{ station_number }}: {{ station_info.station_name }}</h2>
|
||||
<div class="weather-data">
|
||||
<p><strong>Temperatur:</strong> {{ station_info.data[3][3]['value'] }} K</p>
|
||||
<p><strong>Windrichtung:</strong> {{ station_info.data[3][4]['value'] }}°</p>
|
||||
<p><strong>Windgeschwindigkeit:</strong> {{ station_info.data[3][5]['value'] }} m/s</p>
|
||||
<p><strong>Luftdruck auf Meereshöhe:</strong> {{ station_info.data[3][8]['value'] }} Pa</p>
|
||||
<p><strong>Sichtweite:</strong> {{ station_info.data[3][9]['value'] }} m</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<script>
|
||||
async function fetchWeatherData() {
|
||||
const response = await fetch('/weather_data');
|
||||
const data = await response.json();
|
||||
const tableBody = document.getElementById('weather-table-body');
|
||||
tableBody.innerHTML = ''; // Tabelle leeren
|
||||
|
||||
data.forEach(station => {
|
||||
const row = document.createElement('tr');
|
||||
|
||||
row.innerHTML = `
|
||||
<td>${station.stationNumber || 'N/A'}</td>
|
||||
<td>${station.stationName || 'N/A'}</td>
|
||||
<td>${station.temperature ? station.temperature.toFixed(2) : 'N/A'}</td>
|
||||
<td>${station.dewpoint ? station.dewpoint.toFixed(2) : 'N/A'}</td>
|
||||
<td>${station.humidity ? station.humidity.toFixed(2) : 'N/A'}</td>
|
||||
<td>${station.windSpeed ? station.windSpeed.toFixed(2) : 'N/A'}</td>
|
||||
`;
|
||||
|
||||
tableBody.appendChild(row);
|
||||
});
|
||||
}
|
||||
|
||||
// Wetterdaten laden, sobald die Seite geladen ist
|
||||
window.onload = fetchWeatherData;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user