modified: app.py
modified: templates/index.html
This commit is contained in:
SimolZimol
71
app.py
71
app.py
@@ -5,40 +5,57 @@ from flask import Flask, render_template
|
||||
|
||||
app = Flask(__name__)
|
||||
|
||||
# URL der DWD-OpenData JSON-Datei
|
||||
# DWD-Daten URL
|
||||
DWD_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"
|
||||
|
||||
def download_and_parse_dwd_data():
|
||||
# Funktion zum Laden und Entpacken der Wetterdaten
|
||||
def load_weather_data():
|
||||
# Hole die komprimierten Daten von der DWD-URL
|
||||
response = requests.get(DWD_URL)
|
||||
|
||||
# Die Daten mit bz2 entpacken und dekodieren
|
||||
# Dekomprimieren der bz2-Daten
|
||||
decompressed_data = bz2.decompress(response.content)
|
||||
weather_data = json.loads(decompressed_data)
|
||||
|
||||
# Daten nach stationNumber sortieren
|
||||
sorted_weather_data = {}
|
||||
for message in weather_data['messages']:
|
||||
for subset in message[1]:
|
||||
station_number = subset[0]["value"]
|
||||
station_data = {}
|
||||
|
||||
for entry in subset:
|
||||
key = entry["key"]
|
||||
value = entry.get("value")
|
||||
station_data[key] = value
|
||||
|
||||
# Speichere die Daten sortiert nach stationNumber
|
||||
sorted_weather_data[station_number] = station_data
|
||||
|
||||
return sorted_weather_data
|
||||
|
||||
@app.route('/')
|
||||
def home():
|
||||
# Daten von DWD herunterladen und parsen
|
||||
weather_data = download_and_parse_dwd_data()
|
||||
# Parsen der JSON-Daten
|
||||
data = json.loads(decompressed_data.decode('utf-8'))
|
||||
|
||||
# Daten an die HTML-Seite übergeben
|
||||
# Extrahieren der relevanten Wetterdaten
|
||||
weather_data = []
|
||||
|
||||
for message in data["messages"]:
|
||||
# Jede Nachricht kann mehrere Wetterstationen enthalten
|
||||
for station_data in message[1:]:
|
||||
station_info = {}
|
||||
# Extrahiere wichtige Informationen wie Stationnummer, Name, Temperatur, Windgeschwindigkeit usw.
|
||||
for info in station_data:
|
||||
if info["key"] == "stationNumber":
|
||||
station_info["stationNumber"] = info["value"]
|
||||
elif info["key"] == "stationOrSiteName":
|
||||
station_info["stationName"] = info["value"]
|
||||
elif info["key"] == "airTemperature":
|
||||
station_info["temperature"] = round(info["value"] - 273.15, 2) # Umwandlung von K in °C
|
||||
elif info["key"] == "windSpeed":
|
||||
station_info["windSpeed"] = info["value"]
|
||||
elif info["key"] == "pressureReducedToMeanSeaLevel":
|
||||
station_info["pressure"] = info["value"]
|
||||
|
||||
# Füge nur Daten hinzu, wenn sie vollständig sind
|
||||
if "stationNumber" in station_info:
|
||||
weather_data.append(station_info)
|
||||
|
||||
# Sortiere nach stationNumber
|
||||
weather_data.sort(key=lambda x: x["stationNumber"])
|
||||
|
||||
return weather_data
|
||||
|
||||
# Flask Route für die Hauptseite
|
||||
@app.route('/')
|
||||
def index():
|
||||
# Lade und verarbeite die Wetterdaten
|
||||
weather_data = load_weather_data()
|
||||
|
||||
# Render die HTML-Seite mit den Wetterdaten
|
||||
return render_template('index.html', weather_data=weather_data)
|
||||
|
||||
if __name__ == '__main__':
|
||||
app.run(debug=True, host='0.0.0.0', port=5000)
|
||||
app.run(host='0.0.0.0', port=5000)
|
||||
|
||||
@@ -3,25 +3,63 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Wetterdaten nach Station</title>
|
||||
<link rel="stylesheet" href="/static/style.css">
|
||||
<title>Wetterstationen in Deutschland</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
h1 {
|
||||
color: #333;
|
||||
margin: 20px 0;
|
||||
}
|
||||
table {
|
||||
margin: 0 auto;
|
||||
border-collapse: collapse;
|
||||
width: 90%;
|
||||
}
|
||||
th, td {
|
||||
border: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
}
|
||||
th {
|
||||
background-color: #007BFF;
|
||||
color: white;
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
tr:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Wichtige Wetterdaten sortiert nach Station</h1>
|
||||
|
||||
{% for station, data in weather_data.items() %}
|
||||
<div class="station">
|
||||
<h2>Station Nummer: {{ station }}</h2>
|
||||
<ul>
|
||||
<li><strong>Station Name:</strong> {{ data.get('stationOrSiteName', 'N/A') }}</li>
|
||||
<li><strong>Latitude:</strong> {{ data.get('latitude', 'N/A') }}</li>
|
||||
<li><strong>Longitude:</strong> {{ data.get('longitude', 'N/A') }}</li>
|
||||
<li><strong>Luftdruck:</strong> {{ data.get('pressureReducedToMeanSeaLevel', 'N/A') }} Pa</li>
|
||||
<li><strong>Temperatur:</strong> {{ data.get('airTemperature', 'N/A') }} K</li>
|
||||
<li><strong>Windgeschwindigkeit:</strong> {{ data.get('windSpeed', 'N/A') }} m/s</li>
|
||||
<li><strong>Windrichtung:</strong> {{ data.get('windDirection', 'N/A') }} °</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<h1>Wetterdaten von Deutschen Wetterstationen</h1>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Stationsnummer</th>
|
||||
<th>Stationsname</th>
|
||||
<th>Temperatur (°C)</th>
|
||||
<th>Windgeschwindigkeit (m/s)</th>
|
||||
<th>Luftdruck (Pa)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for station in weather_data %}
|
||||
<tr>
|
||||
<td>{{ station.stationNumber }}</td>
|
||||
<td>{{ station.stationName }}</td>
|
||||
<td>{{ station.temperature }}</td>
|
||||
<td>{{ station.windSpeed }}</td>
|
||||
<td>{{ station.pressure }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user