Python Academy · Lektion

Opbygning af en simpel webapp

Opret din første webapplikation ved hjælp af Flask.

Lektion 3 af 411 trin

Opbygning af en simpel webapp er en gratis Python Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Python Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Python Academy-kurset indeholder 4 lektioner i alt.

Opbygning af en simpel webapp

Nu hvor du har lært det grundlæggende om Flask, er det tid til at bygge en simpel webapplikation. Denne app kommer til at indeholde flere ruter, HTML-skabeloner og en vis interaktivitet.

I denne lektion opretter vi en grundlæggende webapp trin for trin.

Opbygning af en simpel webapp — illustration 1

Trin 1: Opsætning af projektet

Opret en ny mappe til dit projekt, og initialiser et virtuelt miljø:

python -m venv venv

Aktivér det virtuelle miljø, og installér Flask:

pip install flask

# Setting up the project
from flask import Flask

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

Trin 2: Oprettelse af appens struktur

Opret følgende mapper og filer:

app.py: Hovedfilen til applikationen.
templates/: Mappe til HTML-skabeloner.
static/: Mappe til statiske filer som CSS og billeder.

Trin 3: Definition af ruter

Definér ruter til startsiden og en side med oplysninger i app.py:

# 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)

Trin 4: Tilføjelse af skabeloner

Opret en HTML-fil med navnet home.html i mappen 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>

Trin 5: Brug af render_template

Opdatér ruterne home og about, så de bruger skabelonerne:

# 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')

Trin 6: Tilføjelse af statiske filer

Opret filen style.css i mappen static/, og indsæt et link til den i home.html:

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

Trin 7: Kørsel af appen

Kør din Flask-applikation:

python app.py

Åbn din browser, og gå til http://127.0.0.1:5000/ for at se din webapp i funktion.

Almindelige fejl ved opbygning af webapps

Her er nogle fejl, du bør undgå:

Ikke at organisere appens struktur (f.eks. manglende mapperne templates/ og static/).
At indskrive URL'er direkte i stedet for at bruge url_for().
Ikke at teste appen i fejlsøgningstilstand.

Hvad har du lært?

I denne lektion har du lært:

Hvordan du opsætter strukturen til et Flask-projekt.
Hvordan du definerer ruter og bruger skabeloner.
Hvordan du inkluderer statiske filer som CSS i din app.
Hvordan du kører din Flask-applikation og ser den i en browser.

Godt gået! Lad os gå videre til det næste emne.

Opbygning af en simpel webapp — illustration 11

Gratis at komme i gang

Lær Python med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 76
Lektioner: 320

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Opbygning af en simpel webapp” gratis?

Ja — hele teksten til “Opbygning af en simpel webapp” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Python Academy-kurset, skal du opgradere til CoddyKit PRO. Python Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Opbygning af en simpel webapp”?

Opret din første webapplikation ved hjælp af Flask. Du øver dig i Python Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Python Academy?

Der kræves ingen tidligere erfaring. Python Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.

Hvor lang tid tager lektionen “Opbygning af en simpel webapp”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Python Academy-lektion?

Ja. Alle Python Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

← Tilbage til Python Academy