0Pricing
Flask Academy · Lekcja

Dołączanie wielokrotnego użytku fragmentów

Dołączaj paski nawigacyjne i stopki za pomocą include.

Dołączanie wielokrotnego użytku fragmentów to bezpłatna lekcja Flask Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Flask Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Flask Academy zawiera 4 lekcji w sumie.

Niektóre elementy są współdzielone, ale nie obejmują całej strony

Pasek nawigacji lub stopka pojawiają się na wielu stronach, ale nie stanowią całego układu. W przypadku takich fragmentów należy użyć include zamiast dziedziczenia. 🧱

extends a include

Używaj extends, aby odziedziczyć pełny szkielet, a include — aby wstawić niewielki fragment wielokrotnego użytku w określonym miejscu bieżącego szablonu.

Znacznik include

Znacznik include wstawia inny plik szablonu dokładnie w miejscu, w którym go umieścisz. Dołączony plik jest renderowany tak, jakby jego znaczniki zostały zapisane bezpośrednio w tym miejscu.

{% include "navbar.html" %}

Partial to po prostu szablon

Fragment to zwykły szablon zawierający tylko część interfejsu, na przykład pasek nawigacji. Nazwa _navbar.html sygnalizuje, że plik jest przeznaczony do dołączania.

<nav><a href="/">Home</a></nav>

Dołącz fragment do bazy

Można dołączyć fragment do szablonu bazowego, dzięki czemu każda dziedzicząca po nim strona automatycznie otrzyma pasek nawigacji, bez powtarzania znaczników.

<body>
  {% include "navbar.html" %}
  {% block content %}{% endblock %}
</body>

Fragmenty widzą kontekst

Dołączony fragment może odczytywać te same zmienne co strona, która go dołącza, więc pasek nawigacji może wyświetlać nazwę zalogowanego użytkownika.

{% include "navbar.html" %}

Przekazywanie dodatkowego kontekstu

Można przekazać fragmentowi własne wartości za pomocą with, ograniczając zakres zmiennych, aby fragment pozostał przejrzysty i działał w przewidywalny sposób.

{% include "card.html" with context %}

Tolerowanie brakującego pliku

Dodaj ignore missing, aby brakujący fragment został pominięty bez komunikatu zamiast powodować przerwanie renderowania strony.

{% include "ads.html" ignore missing %}

Fragmenty powinny być małe

Dobry fragment wykonuje jedno zadanie: wyświetla stopkę, pasek komunikatów flash albo pojedynczą kartę. Małe i ukierunkowane fragmenty łatwo ponownie wykorzystywać oraz analizować.

Porządkuj fragmenty w folderze

Grupuj fragmenty w podfolderze partials i odwołuj się do nich za pomocą tej ścieżki. Dzięki temu pełne strony i fragmenty wielokrotnego użytku są wyraźnie rozdzielone.

{% include "partials/footer.html" %}

Edytuj raz, aktualizuj wszędzie

Poprawienie stopki w jej fragmencie aktualizuje jednocześnie każdą stronę, która go dołącza. Ta pojedyncza edycja jest dokładnie powodem istnienia include. ✨

Szybkie sprawdzenie

Kiedy należy użyć include zamiast extends?

Podsumowanie: fragmenty

Używaj include, aby osadzać małe współdzielone fragmenty, takie jak paski nawigacji i stopki. Przechowuj je w uporządkowanym folderze, utrzymuj niewielkie i edytuj w jednym miejscu. 🎯

Często zadawane pytania

Czy lekcja „Dołączanie wielokrotnego użytku fragmentów” jest bezpłatna?

Tak — pełny tekst „Dołączanie wielokrotnego użytku fragmentów” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Flask Academy, przejdź na CoddyKit PRO. Kurs Flask Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Dołączanie wielokrotnego użytku fragmentów”?

Dołączaj paski nawigacyjne i stopki za pomocą include. Ćwiczysz Flask Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Flask Academy?

Nie wymagamy żadnego doświadczenia. Flask Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.

Ile czasu zajmuje lekcja „Dołączanie wielokrotnego użytku fragmentów”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Flask Academy?

Tak. Każda lekcja Flask Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Definiowanie szablonu bazowego z blokami
  2. Rozszerzanie szablonu bazowego na podstronach
  3. Dołączanie wielokrotnego użytku fragmentów
  4. Makra dla powtarzalnych fragmentów znaczników
← Powrót do Flask Academy