Flask Academy · Lektion

Definiera en bas-template med block

Skapa en layout med blockregioner som kan åsidosättas.

Lektion 1 av 413 steg

Definiera en bas-template med block är en gratis lektion i Flask Academy på CoddyKit. Detta är lektion 1 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Flask Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Flask Academy innehåller totalt 4 lektioner.

Layouter upprepas överallt

Varje sida på webbplatsen delar samma header, navigation och footer. Att kopiera den HTML-koden till varje template leder till underhållsproblem. En basetemplate löser det. 🧩

En stomme, många sidor

En basetemplate innehåller hela HTML-stommen en gång. Undersidor återanvänder den och fyller bara i delarna som skiljer sig, så gemensam markup finns i en enda fil.

Block markerar luckorna

I basen markerar ett block ett område som undersidor kan skriva över. Allt utanför ett block är fast och delas av alla sidor.

Deklarera ett block

Du öppnar ett område med en namngiven block-tagg och stänger det med endblock. Allt däremellan är standardinnehållet för den platsen.

<title>{% block title %}My Site{% endblock %}</title>

En riktig basestomme

Den här base.html omsluter doctype, head och body en gång. Blocken title och content är de enda delarna som sidorna anpassar.

<!DOCTYPE html>
<html>
<head>
  <title>{% block title %}Site{% endblock %}</title>
</head>
<body>
  {% block content %}{% endblock %}
</body>
</html>

Namnge block tydligt

Ge varje block ett beskrivande namn, till exempel content, title eller sidebar. Undersidor hänvisar till block med exakt det namnet när de skriver över dem.

Block kan innehålla standardvärden

Innehållet mellan blocktaggarna är ett standardvärde. Om en undersida inte skriver över blocket ser besökaren den här reservtexten i stället.

{% block footer %}&copy; CoddyKit{% endblock %}

Var basfilen ligger

Förvara layouten i mappen templates, vanligtvis med namnet base.html. Undersidornas templates hänvisar tillbaka till den via denna sökväg när de utökar den.

Planera blocken innan du kodar

Tänk på vilka delar av sidan som faktiskt ändras: rubriken, huvudinnehållet och kanske ett sidofält. Varje del som ändras blir ett block i grundlayouten.

Block kan nästlas

Ett block kan ligga inuti ett annat block, till exempel ett head-block som innehåller ett styles-block. Med nästling kan sidor justera små detaljer utan att definiera om hela området.

Mindre markup att underhålla

Med en grundmall ändrar en uppdatering av navigeringen alla sidor på en gång. Den enda sanningskällan är själva poängen med en gemensam layout. ✨

Snabb kontroll

Vad är syftet med en block-tagg i en grundmall?

Besvara frågan i den interaktiva lektionen

Sammanfattning: Grundmallar

En grundmall innehåller gemensam markup på ett ställe och exponerar namngivna block som anpassningsbara platser. Härnäst utökar du den här grundmallen från undersidor. 🎯

Gratis att börja

Lär dig Python med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 30
Lektioner: 120

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Definiera en bas-template med block” gratis?

Ja – hela texten till ”Definiera en bas-template med block” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Flask Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Flask Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Definiera en bas-template med block”?

Skapa en layout med blockregioner som kan åsidosättas. Ni övar på Flask Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Flask Academy?

Du behöver inga förkunskaper. Utbildningen i Flask Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.

Hur lång tid tar lektionen ”Definiera en bas-template med block”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Flask Academy-lektionen?

Ja. Varje Flask Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Flask Academy