Python Academy · leksjon

Bygge en enkel webapp

Opprett din første webapplikasjon ved hjelp av Flask.

Leksjon 3 av 411 trinn

Bygge en enkel webapp er en gratis leksjon i Python Academy på CoddyKit. Dette er leksjon 3 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Python Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Python Academy inneholder totalt 4 leksjoner.

Bygge en enkel webapp

Nå som du har lært det grunnleggende om Flask, er det på tide å bygge en enkel webapplikasjon. Denne appen skal inneholde flere ruter, HTML-maler og noe interaktivitet.

I denne leksjonen oppretter vi en enkel webapp trinn for trinn.

Trinn 1: Sette opp prosjektet

Opprett en ny mappe for prosjektet ditt, og initialiser et virtuelt miljø:

python -m venv venv

Aktiver det virtuelle miljøet og installer Flask:

pip install flask

# Setting up the project
from flask import Flask

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

Trinn 2: Opprette appstrukturen

Opprett følgende mapper og filer:

app.py: Hovedfil for applikasjonen.
templates/: Mappe for HTML-maler.
static/: Mappe for statiske filer som CSS og bilder.

Trinn 3: Definere ruter

I app.py definerer du ruter for hjemmesiden og en side med informasjon om appen:

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

Trinn 4: Legge til maler

Opprett 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>

Trinn 5: Bruke render_template

Oppdater rutene home og about slik at de bruker malene:

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

Trinn 6: Legge til statiske filer

Opprett en style.css-fil i static/-mappen, og lenk til den i home.html:

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

Trinn 7: Kjøre appen

Kjør Flask-applikasjonen:

python app.py

Åpne nettleseren, og gå til http://127.0.0.1:5000/ for å se webappen i bruk.

Vanlige feil ved bygging av webapper

Her er noen feil du bør unngå:

Å ikke organisere appstrukturen (for eksempel manglende templates/ og static/-mapper).
Å hardkode URL-er i stedet for å bruke url_for().
Å ikke teste appen i feilsøkingsmodus.

Hva har vi lært?

I denne leksjonen har du lært:

Hvordan du setter opp strukturen til et Flask-prosjekt.
Hvordan du definerer ruter og bruker maler.
Hvordan du inkluderer statiske filer, for eksempel CSS, i appen.
Hvordan du kjører Flask-applikasjonen og viser den i en nettleser.

Godt jobbet! La oss gå videre til neste emne.

Gratis å komme i gang

Lær deg Python med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 76
Leksjoner: 320

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Bygge en enkel webapp» gratis?

Ja – hele teksten i «Bygge en enkel webapp» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Python Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Python Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Bygge en enkel webapp»?

Opprett din første webapplikasjon ved hjelp av Flask. Du øver på Python Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Python Academy?

Ingen tidligere erfaring er nødvendig. Python Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 4.

Hvor lang tid tar leksjonen «Bygge en enkel webapp»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Python Academy-leksjonen?

Ja. Alle Python Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til Python Academy