Inclure des fragments réutilisables
Intégrez des barres de navigation et des pieds de page avec include.
Inclure des fragments réutilisables est une leçon Flask Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Flask Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Flask Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
Some Parts Are Shared, Not Page-Wide
A navbar or footer appears on many pages but is not the whole layout. For these chunks you reach for include instead of inheritance. 🧱
extends vs include
Use extends to inherit a full skeleton, but use include to drop a small reusable snippet into the current template at that spot.
The include Tag
The include tag pastes another template file right where you place it. The included file renders as if its markup were written inline.
{% include "navbar.html" %}A Partial Is Just a Template
A partial is an ordinary template holding only a fragment, like a nav bar. Naming it _navbar.html signals it is meant to be included.
<nav><a href="/">Home</a></nav>Include in Your Base
You can include a partial inside the base so every page that extends it gets the navbar automatically, with no repeated markup.
<body>
{% include "navbar.html" %}
{% block content %}{% endblock %}
</body>Partials See the Context
An included partial can read the same variables as the page that includes it, so a navbar can show the logged-in user name.
{% include "navbar.html" %}Pass Extra Context
You can hand a partial its own values with with, scoping variables so the snippet stays focused and predictable.
{% include "card.html" with context %}Tolerate a Missing File
Add ignore missing so a missing partial is skipped silently instead of crashing the page render.
{% include "ads.html" ignore missing %}Keep Partials Small
A good partial does one job: a footer, a flash message bar, a single card. Small, focused fragments are easy to reuse and reason about.
Organize Partials in a Folder
Group fragments under a partials subfolder and reference them by that path. It keeps full pages and reusable snippets clearly separated.
{% include "partials/footer.html" %}Edit Once, Update Everywhere
Fix the footer in its partial and every page that includes it updates together. That single edit is exactly why include exists. ✨
Quick Check
When should you reach for include instead of extends?
Recap: Partials
Use include to embed small shared snippets like navbars and footers. Keep them tiny, folder-organized, and edit them in one place. 🎯
Questions Fréquemment Posées
La leçon « Inclure des fragments réutilisables » est-elle gratuite ?
Oui — le texte complet de « Inclure des fragments réutilisables » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Flask Academy, passe à CoddyKit PRO. Le cours Flask Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Inclure des fragments réutilisables » ?
Intégrez des barres de navigation et des pieds de page avec include. Tu pratiques Flask Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Flask Academy ?
Aucune expérience préalable n'est requise. Flask Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.
Combien de temps prend la leçon « Inclure des fragments réutilisables » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Flask Academy ?
Oui. Chaque leçon Flask Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Définir un modèle de base avec des blocs
- Étendre le modèle de base dans les pages enfants
- Inclure des fragments réutilisables
- Macros pour le balisage répétitif