Hallo zusammen! Ich zeige Ihnen, wie Sie eine App erstellen, die auf dem Flask-Python-Webframework läuft und die Hauptstadt jedes Landes basierend auf in Python geschriebenen Benutzereingaben ermittelt.
Zuerst müssen Sie einen neuen Ordner erstellen, nennen wir ihn „country_capital_finder“ und erstellen eine TXT-Datei mit dem Namen (app). Ändern Sie dann die Erweiterung in „app.py“, das ist die Python-Datei, die den Python-Code enthält, und erstellen Sie dann in diesem Ordner Erstellen Sie einen weiteren Ordner mit dem Namen (Vorlagen) und erstellen Sie im Ordner „Vorlagen“ eine weitere TXT-Datei mit dem Namen „Index“. Ändern Sie deren Erweiterung in „index.html“. Es ist sehr wichtig, die Ordnerstruktur und den Ordnernamen „Vorlagen“ genau zu erstellen als Vorlagen, sonst kann Flask nicht ausgeführt werden.
Der spaßige Teil hier ist der Python-Code für die app.py-Datei:
from flask import Flask, render_template, request
from countryinfo import CountryInfo
app = Flask(__name__)
# Function to get the capital of a country
def get_country_capital(country_name):
country = CountryInfo(country_name)
try:
capital = country.capital()
return capital
except:
return None
@app.route('/', methods=['GET', 'POST'])
def index():
capital_info = None
if request.method == 'POST':
country_name = request.form.get('country_name')
capital = get_country_capital(country_name)
if capital:
capital_info = f"The capital of {country_name} is {capital}."
else:
capital_info = f"Sorry, we couldn't find the capital for {country_name}."
return render_template('index.html', capital_info=capital_info)
if __name__ == '__main__':
app.run(debug=True)
Sobald Sie mit der Python-Datei app.py fertig sind, gehen Sie zu index.html und schreiben Sie diesen HTML- und CSS-Code hinein:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Länderhauptstadt-Finder</title>
<Stil>
Körper {
Schriftfamilie: Arial, serifenlos;
Rand: 50px;
}
bilden {
Rand unten: 20px;
}
Eingabe[Typ="Text"] {
Polsterung: 10px;
Rand rechts: 10px;
Schriftgröße: 16px;
}
Taste {
Polsterung: 10px 20px;
Schriftgröße: 16px;
}
.Ergebnis {
Rand oben: 20px;
Schriftgröße: 18px;
Schriftstärke: fett;
}
</style>
</head>
<Körper>
<h1>Finden Sie die Hauptstadt eines Landes</h1>
<form method="POST">
<label for="country_name">Geben Sie den Ländernamen ein:</label>
<input type="text">
<p>Nachdem Sie nun den gesamten Code erstellt haben, müssen wir zunächst Flask auf Ihrem Computer installieren, falls es nicht mit diesem Befehl installiert wurde, indem Sie CMD oder Powershell in Windows öffnen:</p>
<p>pip install flask </p>
<p>Stellen Sie sicher, dass die Ordnerstruktur wie folgt aussieht:<br>
Der Hauptordner „country_capital_finder“ enthält eine Datei mit dem Namen „app.py“ und einen Ordner mit dem Namen „templates“. Im Ordner „templates“ gibt es dann nur eine Datei namens „index.html“.</p>
<p>Navigieren Sie dann über CMD oder Powershell in Windows zum Ordner „country_capital_finder“ und stellen Sie sicher, dass Sie den folgenden Befehl ausführen, während Sie sich in diesem Pfad befinden:</p>
<p>Kolbenlauf </p>
<p>Kopieren Sie dann die Adresse unten, öffnen Sie eine Webbrowser-Seite und fügen Sie sie in die Webseite ein:</p>
<p>http://127.0.0.1:5000</p>
<p>Um die IP-Adresse beispielsweise in die IP Ihres Computers zu ändern, geben Sie diesen Befehl ein:<br>
flask run --host=0.0.0.0</p>
<p>Um die Portnummer anzugeben, geben Sie Folgendes ein:<br>
Kolbenlauf --port=8080</p><p>Sie sollten ein Feld sehen können, in das Sie den Namen eines beliebigen Landes eingeben und auf „Hauptstadt suchen“ klicken können. Daraufhin sollte die Hauptstadt des Landes angezeigt werden, das Sie eingegeben haben, wie im folgenden Screenshot dargestellt:</p>
<p><img src="https://img.php.cn/upload/article/000/000/000/173268733393471.jpg" alt="Any Country"></p>
<p>Genieße es und vielen Dank. </p>
Das obige ist der detaillierte Inhalt vonFinden Sie die Hauptstadt jedes Landes in Python. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
