Flask Installation und Routen

Ein bisschen Theorie 💤😴

Erstens, was ist Flask? Flask ist ein leichtgewichtiges Framework zum Erstellen von Webanwendungen. Obwohl es leichtgewichtig ist, bedeutet das nicht, dass es schlecht ist! Im Gegenteil, es ist tatsächlich das zweithäufigste Framework für Python im Bereich der Web-Frameworks. Den ersten Platz belegt Django.

Kurz gesagt: Flask gibt Ihnen die Möglichkeit, einen Webserver zu erstellen!

Als ihr letztes Jahr mit HTML/CSS/JavaScript gearbeitet habt, habt ihr die HTML-Seiten direkt im Browser „ausgeführt“. Entsprechend habt ihr beim Erstellen von Python-Programmen die Dateien einfach in VS Code ausgeführt.

Aber jetzt werden wir einen Webserver erstellen, also ein „Back-End“ (große Fachwörter, ich weiß 🤓). Dieser verwendet Python, um HTML-Webseiten an einen Benutzer „auszuliefern“.

Teil 1 - Installation

# imports
from flask import Flask

# erstelle einen Flask-Server
app = Flask(__name__)

# wir erstellen eine "Route" für die Hauptseite, die "/" ist
@app.route("/")
def hello():
    return "Hello World!"

# im Moment verwenden wir dies nur, um das Programm zu starten
if __name__ == "__main__":
    app.run(debug=True)

Teil 2 - Einfache Routen

Nun, da wir eine grundlegende App haben, wollen wir uns mit dem ersten Flask-Konzept befassen: “Routen”!

Aufgabe 1 - Basic Routes

Lasst uns eine einfache Route hinzufügen. Wir werden eine Route erstellen, die Ihnen einen Witz liefert, wenn Sie /joke in die Webseiten-URL eingeben.

Hier müssen wir ein neues Python-Konzept verwenden, das Sie noch nicht gesehen haben! Ein Decorator. Das ist eine spezielle Funktion, die die Funktionalität einer bereits existierenden Funktion modifiziert oder erweitert, ohne die Funktion selbst zu verändern.

Schauen Sie sich den folgenden Code an:

@app.route("/joke")
def joke():
    # Dette er en enkel rute som returnerer en vits.
    # Dies ist eine einfache Route, die einen Witz zurückgibt.
    return "Why did the chicken cross the road? Buck if I know!"

Hier können Sie sehen, dass wir @app.route("/joke") hinzugefügt haben. Dieser Decorator teilt unserer app mit, dass diese Funktion eine route mit dem Wert /joke sein soll.

Fügen Sie diesen Code nach @app.route("/") hinzu. Versuchen Sie, den Code auszuführen, was passiert? Im Moment nichts! Aber alles, was Sie benötigen, um den fantastisch lustigen Witz abzurufen, ist die Eingabe von http://127.0.0.1:5000/joke. Damit haben Sie dem Webserver mitgeteilt, dass Sie von /joke abrufen möchten.

# imports
from flask import Flask

# erstelle einen Flask-Server
app = Flask(__name__)

# wir erstellen eine "Route" für die Hauptseite, die "/" ist
@app.route("/")
def hello():
    return "Hallo Welt!"

# neue Route, um einen Witz abzurufen
@app.route("/joke")
def joke():
    return "Warum ist das Huhn über die Straße gegangen? Buck, wenn ich es wüsste!"

# im Moment verwenden wir dies nur, um das Programm zu starten
if __name__ == "__main__":
    app.run(debug=True)

Wir werden uns später ansehen, wie wir ganze Webseiten über diese in Level 2 senden können.

Aufgabe 2 - Routen mit Parametern

Routen müssen nicht statisch sein. Wir können tatsächlich etwas aufrufen, das wir Parameter nennen, an die Routen übergeben.

Als Beispiel erstellen wir eine Route auf der Webseite, die den eingegebenen Namen begrüßt.

Schauen Sie sich den folgenden Code an:

@app.route("/hello/<name>")
def hello_name(name):
    # Dette er en enkel rute som hilser på brukeren.
    # Dies ist eine einfache Route, die den Benutzer begrüßt.
    return "Hello " + name

Hier verwenden wir Klammern, um anzugeben, dass dies ein Parameter sein soll. <name> kann in diesem Fall alle möglichen Werte annehmen.

Fügen Sie diesen Code in app.py ein, führen Sie den Code aus, gehen Sie zum Browser und versuchen Sie Folgendes:

http://127.0.0.1:5000/hello/Bob.

Was passiert? Probieren Sie auch andere Namen aus!

# imports
from flask import Flask

# erstelle einen Flask-Server
app = Flask(__name__)

# wir erstellen eine "Route" für die Hauptseite, die "/" ist
@app.route("/")
def hello():
    return "Hallo Welt!"

# neue Route, um einen Witz abzurufen
@app.route("/joke")
def joke():
    return "Warum ist das Huhn über die Straße gegangen? Buck, wenn ich es wüsste!"

# hallo zu dir!
@app.route("/hello/<name>")
def hello_name(name):
    return "Hallo " + name

# im Moment verwenden wir dies nur, um das Programm zu starten
if __name__ == "__main__":
    app.run(debug=True)

Aufgabe 3 - Parametertypen

Derzeit wird der Wert, wenn Sie einen Parameter mit <parameter> schreiben, immer als string-Typ, also Text, interpretiert.

anzahl_elefanten = 2
frucht = "apfel"

print(anzahl_elefanten + frucht) # DAS GEHT NICHT!!

Routenparameter haben mehrere Eigenschaften. Wir können den “Typ” des Parameters angeben!

Schauen Sie sich den folgenden Code an:

@app.route("/calculate/<int:num>")
def calculate(num):
    # Dette er en enkel rute som dobler et tall.
    # Dies ist eine einfache Route, die eine Zahl verdoppelt.
    return str(num * 2)

Dieser Code nimmt eine Zahl entgegen und multipliziert sie mit 2.

Fügen Sie diesen Code in app.py ein, führen Sie den Code aus, gehen Sie zum Browser und versuchen Sie Folgendes:

http://127.0.0.1:5000/calculate/3.

Welche Antwort erhalten Sie? Versuchen Sie auch andere Zahlen und sehen Sie, was passiert!

# imports
from flask import Flask

# erstelle einen Flask-Server
app = Flask(__name__)

# wir erstellen eine "Route" für die Hauptseite, die "/" ist
@app.route("/")
def hello():
    return "Hello World!"

# neue Route, um einen Witz abzurufen
@app.route("/joke")
def joke():
    return "Why did the chicken cross the road? Buck if I know!"

# hallo zu dir!
@app.route("/hello/<name>")
def hello_name(name):
    return "Hello " + name

# Rechner!
@app.route("/calculate/<int:num>")
def calculate(num):
    return str(num * 2)

# im Moment verwenden wir dies nur, um das Programm zu starten
if __name__ == "__main__":
    app.run(debug=True)

Aufgabe 4 - Einfacher Rechner

Lassen Sie uns unsere calculate Route ein wenig verbessern! Sie können auch mehrere Parameter in einer Route einfügen! Versuchen Sie, zwei Parameter zur calculate Route hinzuzufügen, einen namens num1 und einen namens num2. Addieren Sie dann die Zahlen und geben Sie sie an die Webseite zurück.

@app.route("/calculate/<int:num1>/<int:num2>")
def calculate(num1, num2):
    return str(num1 + num2)

Aufgabe 5 - Erweiterter Taschenrechner

Zuletzt versuchen Sie, einen Taschenrechner zu erstellen, bei dem Sie +, -, *, / verwenden können.

Sie können entweder Wörter wie add, subtract oder Zeichen verwenden.

Versuchen Sie, es mit nur einer Route zu lösen! (Sie könnten def add(num1, num2) erstellen, aber hier geht es darum, dass Sie es mit nur def calculate tun).

Zusätzlich: Achten Sie darauf, dass die Division durch Null fehlschlägt.

@app.route("/calculate/<int:num1>/<string:op>/<int:num2>")
def calculate(num1, op, num2):
    if op == "add":
        return str(num1 + num2)
    elif op == "subtract":
        return str(num1 - num2)
    elif op == "multiply":
        return str(num1 * num2)
    elif op == "divide":
        # Ekstra, kult hvis du husket dette! 😎
        if num2 == 0:
            return "Can't divide by zero!!"
        return str(num1 / num2)

# imports
from flask import Flask

# erstelle einen Flask-Server
app = Flask(__name__)

# wir erstellen eine "Route" für die Hauptseite, die "/" ist
@app.route("/")
def hello():
    return "Hello World!"

# neue Route, um einen Witz abzurufen
@app.route("/joke")
def joke():
    return "Why did the chicken cross the road? Buck if I know!"

# hallo zu dir!
@app.route("/hello/<name>")
def hello_name(name):
    return "Hello " + name

# Rechner!
@app.route("/calculate/<int:num1>/<string:op>/<int:num2>")
def calculate(num1, op, num2):
    if op == "add":
        return str(num1 + num2)
    elif op == "subtract":
        return str(num1 - num2)
    elif op == "multiply":
        return str(num1 * num2)
    elif op == "divide":
        # Extra, cool, wenn du dich daran erinnerst! 😎
        if num2 == 0:
            return "Can't divide by zero!!"
        return str(num1 / num2)

# im Moment verwenden wir dies nur, um das Programm zu starten
if __name__ == "__main__":
    app.run(debug=True)

Zusätzliche Aufgaben

Aufgabe E1 - Hallo hallo hallo hallo

Ändern Sie die /hello Route so, dass sie eine eindeutige Nachricht basierend darauf ausgibt, wer Hallo sagt.

Aufgabe E2 - Zufälliger Witz

Ändern Sie die /joke Route so, dass sie einen zufälligen Witz aus einer Liste von Witzen abruft. (Sie brauchen nicht viele, zeigen Sie nur, dass es funktioniert)

Aufgabe E3 - (Noch mehr) Erweiterter Taschenrechner

Fügen Sie Ihrem Taschenrechner noch weitere Funktionen hinzu, wie zum Beispiel Potenzieren, Sinus, Cosinus, Flächenberechner oder was Ihnen sonst noch einfällt.

Aufgabe E4 - Was ist der Sinn?

Erweitere die /joke Route noch weiter, um eine “Kategorie” von Witzen entgegennehmen zu können, wobei du /joke/<category> schreibst, um einen Witz dieser Art zu erhalten. Wenn du nur /joke schreibst, erhältst du einen zufälligen Witz aus jeder Kategorie.