LabEx
LoginBeitreten

Erste Schritte mit dem Flask-Webframework

Beginner

This tutorial is from open-source community. Access the source code

Einführung

In diesem Lab werden Sie durch den Prozess des Einstiegs in Flask, einen leichten Webanwendungsrahmen für Python, geführt. Sie werden lernen, wie Sie eine einfache Flask-Anwendung erstellen, lokal ausführen und die grundlegenden Konzepte von Routen und Vorlagenrendering verstehen.

Hinweis: Sie müssen die Code-Datei selbst erstellen und in der Umgebung ausführen. Sie können den Status des Flask-Diensts auf Web 5000 vorab anzeigen.

Flask einrichten

Um mit Flask zu beginnen, müssen Sie es installieren und ein neues Projekt einrichten. Befolgen Sie die folgenden Anweisungen:

  1. Installieren Sie Flask, indem Sie den folgenden Befehl in Ihrem Terminal oder der Befehlszeile ausführen:

    pip install flask

  2. Öffnen Sie eine neue Datei und speichern Sie sie als app.py.

    cd ~/project
touch app.py

  3. Importieren Sie das Flask-Modul und erstellen Sie eine Instanz der Flask-Klasse:

    from flask import Flask

app = Flask(__name__)

Ein einfachen Route erstellen

Routes in Flask definieren die URL-Muster für Ihre Anwendung. Lassen Sie uns einen einfachen Route erstellen, der eine "Hello, World!"-Nachricht anzeigt.

  1. Fügen Sie den folgenden Code in Ihre app.py-Datei hinzu:

    @app.route("/")
def hello_world():
    return "Hello, World!"

  2. Speichern Sie die Datei.

Ausführen der Anwendung

Jetzt, nachdem Sie Ihre Flask-Anwendung eingerichtet und einen einfachen Route erstellt haben, können wir die Anwendung ausführen und sehen, wie sie funktioniert.

  1. Navigieren Sie in Ihrem Terminal oder der Befehlszeile zum Verzeichnis, in dem sich Ihre app.py-Datei befindet.

  2. Führen Sie den folgenden Befehl aus, um den Flask-Entwicklungsserver zu starten:

    flask run --host=0.0.0.0

--host=0.0.0.0 wird verwendet, um die Anwendung öffentlich zugänglich zu machen. Wenn Sie dies nicht angeben, ist die Anwendung nur auf Ihrem lokalen Computer verfügbar.

Wechseln Sie dann zur Registerkarte Web 5000 und aktualisieren Sie die Seite.

Hinzufügen von HTML-Vorlagen

Flask verwendet Jinja2-Vorlagen, um HTML-Inhalte zu generieren. Lassen Sie uns eine Vorlagen-Datei erstellen und sie in unserem Route rendern.

  1. Erstellen Sie im Projekt ein neues Verzeichnis namens templates.

  2. Erstellen Sie im Verzeichnis templates eine neue Datei namens index.html.

  3. Öffnen Sie die Datei index.html und fügen Sie den folgenden HTML-Code hinzu:

    <!doctype html>
<html>
  <head>
    <title>Flask Quickstart</title>
  </head>
  <body>
    <h1>Hello, Flask!</h1>
  </body>
</html>

  4. Ändern Sie Ihre app.py-Datei, um die index.html-Vorlage zu rendern:

    from flask import render_template

@app.route("/")
def hello_world():
    return render_template("index.html")

Wiederholtes Ausführen der Anwendung

Jetzt, nachdem wir eine HTML-Vorlage hinzugefügt haben, können wir die Anwendung erneut ausführen und die gerenderte Vorlage ansehen.

  1. Stoppen Sie den Flask-Entwicklungsserver, wenn er noch läuft (drücken Sie Strg+C).

  2. Führen Sie den folgenden Befehl aus, um den Server erneut zu starten:

    flask run --host=0.0.0.0

Sie sollten jetzt die "Hello, Flask!"-Nachricht im HTML-Template sehen.

Hello, Flask!

Hinzufügen von dynamischem Inhalt

Flask ermöglicht es uns, dynamischen Inhalt an unsere Vorlagen zu übergeben. Lassen Sie uns unseren Route ändern, um einen Namenparameter zu übergeben und einen persönlichen Gruß anzuzeigen.

  1. Ändern Sie Ihre app.py-Datei, um einen Namenparameter im Route zu akzeptieren:

    @app.route("/<name>")
def hello(name):
    return render_template("index.html", name=name)

  2. Öffnen Sie die Datei index.html und ändern Sie das <h1>-Tag, um den persönlichen Gruß anzuzeigen:

    <h1>Hello, {{ name }}!</h1>

Wiederholtes Ausführen der Anwendung

Lassen Sie uns die Anwendung erneut ausführen und die Funktion für dynamischen Inhalt testen.

  1. Stoppen Sie den Flask-Entwicklungsserver, wenn er noch läuft (drücken Sie Strg+C).

  2. Führen Sie den folgenden Befehl aus, um den Server erneut zu starten:

    flask run --host=0.0.0.0

  3. Kopieren Sie die URL der Registerkarte Web 5000 und fügen Sie sie in eine neue Registerkarte Ihres Browsers ein.

Kopieren der Web 5000-URL

  1. Fügen Sie /LabEx am Ende der URL hinzu und drücken Sie die Eingabetaste.

Hello LabEx-Webseite

  1. Ändern Sie den Wert des name-Parameters in der URL und drücken Sie die Eingabetaste.

Zusammenfassung

In diesem Lab haben Sie gelernt, wie Sie mit Flask beginnen, indem Sie ein neues Projekt einrichten, Routen erstellen, Vorlagen rendern und dynamischen Inhalt übergeben. Flask ist ein leistungsstarkes Werkzeug zum Erstellen von Webanwendungen, und dieses Lab bietet eine solide Grundlage für weitere Erkundungen und Entwicklungen.