Python For Kids · Lektion

Eine einfache Webanwendung erstellen

Erstellen Sie Ihre erste Webanwendung mit Flask.

Eine einfache Webanwendung erstellen ist eine kostenlose Python For Kids-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 For Kids-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Python For Kids-Kurs umfasst insgesamt 4 Lektionen.

Eine einfache Webanwendung erstellen

Nachdem Sie die Grundlagen von Flask kennengelernt haben, ist es an der Zeit, eine einfache Webanwendung zu erstellen. Diese Anwendung wird mehrere Routen, HTML-Templates und einige interaktive Elemente enthalten.

In dieser Lektion erstellen wir Schritt für Schritt eine einfache Webanwendung.

Eine einfache Webanwendung erstellen — Illustration 1

Schritt 1: 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: Anwendungsstruktur erstellen

Erstellen Sie die folgenden Ordner und Dateien:

app.py: Hauptdatei der Anwendung.
templates/: Ordner für HTML-Templates.
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 Info-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: Templates hinzufügen

Erstellen Sie eine HTML-Datei namens 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, sodass sie die Templates 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 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: Anwendung 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 Webanwendung in Aktion zu sehen.

Häufige Fehler beim Erstellen von Webanwendungen

Hier sind einige Fehler, die Sie vermeiden sollten:

Die Anwendungsstruktur nicht organisieren (z. B. fehlende Ordner templates/ und static/).
URLs fest im Code hinterlegen, statt url_for() zu verwenden.
Die Anwendung nicht im Debug-Modus testen.

Was haben wir gelernt?

In dieser Lektion haben Sie Folgendes gelernt:

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

Sehr gut! Fahren wir mit dem nächsten Thema fort.

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 For Kids-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Python For Kids-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Eine einfache Webanwendung erstellen“?

Erstellen Sie Ihre erste Webanwendung mit Flask. Du übst Python For Kids 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 For Kids zu starten?

Keine Vorkenntnisse erforderlich. Python For Kids 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 For Kids-Lektion Code schreiben und ausführen?

Ja. Jede Python For Kids-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 For Kids