0Pricing
Flask Academy · Урок

Подключение повторно используемых фрагментов

Подключайте панели навигации и нижние колонтитулы с помощью include.

«Подключение повторно используемых фрагментов» — бесплатный урок Flask Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Flask Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Flask Academy содержит 4 уроков всего.

Части этого урока еще не переведены и отображаются на английском.

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. 🎯

Часто задаваемые вопросы

Урок «Подключение повторно используемых фрагментов» бесплатный?

Да — полный текст урока «Подключение повторно используемых фрагментов» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Flask Academy, подпишись на CoddyKit PRO. Курс Flask Academy содержит 4 уроков всего.

Чему я научусь в уроке «Подключение повторно используемых фрагментов»?

Подключайте панели навигации и нижние колонтитулы с помощью include. Ты практикуешь Flask Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Flask Academy?

Предыдущий опыт не требуется. Flask Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.

Сколько времени занимает урок «Подключение повторно используемых фрагментов»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Flask Academy?

Да. Каждый урок Flask Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Определение базового шаблона с блоками
  2. Расширение базового шаблона в дочерних страницах
  3. Подключение повторно используемых фрагментов
  4. Макросы для повторяющейся разметки
← Назад к Flask Academy