Hallo zusammen, ich zeige euch heute, wie man einen einfachen Währungsumrechner in Python und Flask erstellt, um ihn im Web anzuzeigen.
Zuerst müssen wir sicherstellen, dass Flask ordnungsgemäß installiert ist. Öffnen Sie dazu Powershell oder CMD in Windows und stellen Sie sicher, dass Sie es als Administrator ausführen, indem Sie mit der rechten Maustaste darauf klicken und es dann als Administrator ausführen. Flask lässt sich einfach installieren, indem Sie Folgendes eingeben Befehl:
pip install flask
Nach der Installation von Python können Sie natürlich diesen Link zur Installation von Python unter Windows überprüfen:
(https://www.geeksforgeeks.org/how-to-install-python-on-windows/)
Nach der erfolgreichen Installation von Flask erstellen Sie einen Ordner mit dem Namen „currency_converter“ und erstellen in diesem Ordner eine TXT-Datei mit dem Namen „app.py“. Stellen Sie sicher, dass Sie die Erweiterung von „.txt“ in „.py“ ändern. Erstellen Sie dann im Ordner „currency_converter“ einen weiteren Ordner mit dem Namen „(templates)“ und erstellen Sie „make“. Stellen Sie sicher, dass dieser Ordner genau den Namen „Templates“ hat, sonst wird Flask nicht ausgeführt. Erstellen Sie dann im Ordner „Templates“ eine einzelne Datei mit dem Namen „index.html“. Sie können einfach eine TXT-Datei erstellen und diese dann umbenennen index.html und stellen Sie sicher, dass die Erweiterung .html
istHier ist der Code für die app.py-Datei:
from flask import Flask, render_template, request, redirect, url_for import requests app = Flask(__name__) API_URL = "https://api.exchangerate-api.com/v4/latest/{}" @app.route("/", methods=["GET", "POST"]) def index(): if request.method == "POST": from_currency = request.form["from_currency"].upper() to_currency = request.form["to_currency"].upper() amount = float(request.form["amount"]) # Fetch exchange rate data response = requests.get(API_URL.format(from_currency)) if response.status_code == 200: data = response.json() rates = data.get("rates", {}) if to_currency in rates: conversion_rate = rates[to_currency] converted_amount = amount * conversion_rate return render_template( "index.html", converted_amount=converted_amount, from_currency=from_currency, to_currency=to_currency, amount=amount, ) else: error = f"Currency '{to_currency}' not found." return render_template("index.html", error=error) else: error = f"Error fetching data for '{from_currency}'." return render_template("index.html", error=error) return render_template("index.html") if __name__ == "__main__": app.run(debug=True)
Und hier ist der Code für die HTML-Datei mit CSS:
<!DOCTYPE html> <html lang="de"> <Kopf> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Währungsumrechner</title> <Stil> /* Allgemeines Karosserie-Styling */ Körper { Schriftfamilie: „Arial“, serifenlos; Rand: 0; Polsterung: 0; Hintergrund: linear-gradient(135deg, #6dd5fa, #2980b9); Farbe: weiß; Anzeige: Flex; rechtfertigen-Inhalt: Mitte; align-items: center; Höhe: 100 Vh; } /* Zentrieren des Containers */ .container { Hintergrund: #ffffff10; /* Halbtransparentes Weiß */ Randradius: 10px; Polsterung: 20px 30px; maximale Breite: 400 Pixel; Breite: 100 %; Box-Shadow: 0 8px 16px rgba(0, 0, 0, 0,3); Textausrichtung: Mitte; } /* Header-Styling */ h1 { Schriftgröße: 28px; Rand unten: 20px; Farbe: #fff; Textschatten: 1px 1px 4px rgba(0, 0, 0, 0,8); } /* Eingabe- und Schaltflächenstil */ Eingabe, Taste { Anzeige: Block; Breite: 100 %; Rand: 10px 0; Polsterung: 12px; Schriftgröße: 16px; Grenze: keine; Randradius: 5px; } Eingabe { Hintergrund: #ffffff80; /* Halbtransparentes Weiß */ Farbe: #333; } Taste { Hintergrund: #2980b9; Farbe: #fff; Schriftstärke: fett; Cursor: Zeiger; Übergang: Hintergrund 0,3 s Leichtigkeit; } button:hover { Hintergrund: #1e5786; } /* Stil der Ergebnisnachricht */ .Ergebnis { Hintergrund: rot; Polsterung: 10px; Randradius: 5px; Rand oben: 20px; Textschatten: 1px 1px 2px rgba(0, 0, 0, 0,7); } .result p { Rand: 0; Schriftgröße: 18px; } /* Formatierung der Fehlermeldung */ .Fehler { Farbe: #ff4d4d; Rand: 10px 0; Schriftstärke: fett; } /* Responsives Design */ @media (maximale Breite: 480 Pixel) { .container { Polsterung: 15px 20px; } h1 { Schriftgröße: 22px; } Eingabe, Taste { Schriftgröße: 14px; } } </style> </head> <Körper> <div> <p>Öffnen Sie dann Powershell oder CMD, navigieren Sie zum Speicherort Ihres Währungskonverters und geben Sie Folgendes ein:<br> Kolbenlauf</p> <p>Dadurch wird auf Ihrem Computer ein Webserver mit folgender IP- und Portnummer erstellt:</p> <p>http://127.0.0.1:5000</p><p>Öffnen Sie einen Webbrowser, kopieren Sie dann diese Adresse, fügen Sie sie in Ihren Browser ein und probieren Sie den Währungsumrechner aus.</p> <p>Die Liste der Währungscodes finden Sie auf dieser Website:</p> <p>(https://taxsummaries.pwc.com/glossary/currency-codes)</p> <p>Viel Spaß und vielen Dank.</p>
Das obige ist der detaillierte Inhalt vonWährungsumrechner in Python. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!