Python Academy · Lektion

Eine einfache Webanwendung erstellen

Erstellen Sie Ihre erste Webanwendung mit Flask.

Eine einfache Webanwendung erstellen ist eine kostenlose Python Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Python Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Python Academy-Kurs umfasst insgesamt 4 Lektionen.

Eine einfache Web-App erstellen

Nachdem Sie nun die Grundlagen von Flask gelernt haben, ist es an der Zeit, eine einfache Webanwendung zu erstellen. Diese App wird mehrere Routen, HTML-Vorlagen und einige interaktive Funktionen enthalten.

In dieser Lektion erstellen wir Schritt für Schritt eine einfache Web-App.

Eine einfache Webanwendung erstellen — Illustration 1

Schritt 1: Das Projekt einrichten

Erstellen Sie einen neuen Ordner für Ihr Projekt und initialisieren Sie eine virtuelle Umgebung:

python -m venv venv

Aktivieren Sie die virtuelle Umgebung und installieren Sie Flask:

pip install flask

# Setting up the project
from flask import Flask

app = Flask(__name__)
print("Project setup complete")

Schritt 2: Die App-Struktur erstellen

Erstellen Sie die folgenden Ordner und Dateien:

app.py: Hauptdatei der Anwendung.
templates/: Ordner für HTML-Vorlagen.
static/: Ordner für statische Dateien wie CSS und Bilder.

Schritt 3: Routen definieren

Definieren Sie in app.py Routen für die Startseite und eine Über-uns-Seite:

# Defining routes
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return '<h1>Welcome to My Web App</h1>'

@app.route('/about')
def about():
    return '<h1>About This App</h1>'

if __name__ == '__main__':
    app.run(debug=True)

Schritt 4: Vorlagen hinzufügen

Erstellen Sie eine HTML-Datei mit dem Namen home.html im Ordner templates/:

<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>
<body>
    <h1>Welcome to My Web App</h1>
    <a href="/about">About</a>
</body>
</html>

Schritt 5: render_template verwenden

Aktualisieren Sie die Routen home und about, damit sie die Vorlagen verwenden:

# Using templates
from flask import render_template

@app.route('/')
def home():
    return render_template('home.html')

@app.route('/about')
def about():
    return render_template('about.html')

Schritt 6: Statische Dateien hinzufügen

Erstellen Sie eine Datei namens style.css im Ordner static/ und binden Sie sie in home.html ein:

/* style.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

Schritt 7: Die App ausführen

Führen Sie Ihre Flask-Anwendung aus:

python app.py

Öffnen Sie Ihren Browser und rufen Sie http://127.0.0.1:5000/ auf, um Ihre Web-App in Aktion zu sehen.

Häufige Fehler beim Erstellen von Web-Apps

Hier sind einige Fehler, die Sie vermeiden sollten:

Die App-Struktur nicht zu organisieren (z. B. fehlende Ordner templates/ und static/).
URLs fest einzucodieren, statt url_for() zu verwenden.
Die App nicht im Debugmodus zu testen.

Was haben Sie gelernt?

In dieser Lektion haben Sie Folgendes gelernt:

wie Sie die Struktur eines Flask-Projekts einrichten.
wie Sie Routen definieren und Vorlagen verwenden.
wie Sie statische Dateien wie CSS in Ihre App einbinden.
wie Sie Ihre Flask-Anwendung ausführen und in einem Browser anzeigen.

Gut gemacht! Gehen wir zum nächsten Thema über.

Eine einfache Webanwendung erstellen — Illustration 11

Häufig gestellte Fragen

Ist die Lektion „Eine einfache Webanwendung erstellen“ kostenlos?

Ja — der vollständige Text von „Eine einfache Webanwendung erstellen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Python Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Python Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Eine einfache Webanwendung erstellen“?

Erstellen Sie Ihre erste Webanwendung mit Flask. Du übst Python Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Python Academy zu starten?

Keine Vorkenntnisse erforderlich. Python Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.

Wie lange dauert die Lektion „Eine einfache Webanwendung erstellen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Python Academy-Lektion Code schreiben und ausführen?

Ja. Jede Python Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu Python Academy