Informatik
Flask-Kurs
Flask – 01 Erste Schritte

Flask – 01 Erste Schritte

Voraussetzungen

Bevor du mit diesem Modul startest, solltest du bereits vertraut sein mit:

Wichtig

Flask ist ein Python-Framework. Du brauchst Python-Grundkenntnisse, um Flask zu verstehen. Wenn du Python – 01 Kommentare Variablen Strings und Python – 02 Rechnen mit Integer und Floats noch nicht gemacht hast, arbeite diese zuerst durch!

Los geht’s!

Du solltest von Anfang an wissen, dass du eine Flask Documentation und viele weitere Ressourcen zur Verfügung hast. Ich werde hier und da auch YouTube-Tutorials verlinken.

Wir beginnen wie im Quickstart-Guide:

  1. Erstelle im Stammverzeichnis deines Projektes die Datei app.py und kopiere das hinein.
1
2
3
4
5
6
7

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello_world():
    return "<p>Hello, World!</p>"
  1. Dann gib im Terminal einfach flask run --debug ein, um die Flask-App zu starten.
  2. Öffne in deinem Browser die Adresse http://127.0.0.1:5000. Tipp: Wenn in VS-Code im Terminal eine Webadresse angezeigt wird, kannst du Cmd/Strg gedrückt halten und direkt darauf klicken, um die Seite im Standard-Browser zu öffnen.

Was ist passiert?

Lies im Quickstart-Guide nach. Du solltest dann in deinen eigenen Worten erklären können, wofür die einzelnen Zeilen in etwa stehen. Und nein, du musst die einzelnen Code-Befehle nicht im Detail kennen.

Bis hierhin musst du noch keinen Python-Code verstehen, um mitmachen zu können. Wir machen noch ein paar Schritte, um Flask besser kennenzulernen. Lade dieses Verzeichnis herunter und entpacke es: Flask_Tutorial_1.zip. Ab jetzt geht es damit weiter!

Flask näher kennenlernen – Fast Forward

  1. Öffne das Verzeichnis in VS-Code und starte die Flask-App im Terminal und öffne sie im Terminal.
  2. Studiere alle Dateien im Verzeichnis (außer in .venv) und gleiche die Dateien mit den Inhalten der Website ab. Was gehört zusammen?
  3. Ändere die Werte des Steckbriefes so, dass sie zu dir passen und ergänze Augenfarbe, Körpergröße etc.
  4. Erkläre: Inwieweit unterscheidet sich diese Website von einfachen HTML-CSS-Websites?

Nächste Schritte

Bevor du mit Flask 02 weitermachst, solltest du:

Dann kannst du weitermachen mit:

Stolpersteine

  • Jinja-Syntax und Autocomplete in VS-Code einstellen. Erweiterung und Datei-Typ einstellen.
  • Starre Vorgaben in Bezug auf static- oder templates-Ordner einhalten.
Zuletzt aktualisiert am
Flask – 02 Jinja Templating Grundlagen