Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

1 Каждая страница любого сайта содержит свое собственное содержимое и общие части, такие как футер или боковое меню. Существует два подхода по работе с этими общими частями.

2 <h2>Включение</h2>

3 До эры фреймворков фактически был ровно один способ выделять общие части. Он сводился к созданию двух шаблонов: хедера (шапка сайта) и футера (подвал). Затем эти шаблоны включались во всех остальных шаблонах, отвечающих за основную часть страницы. Выглядело это так:

4 Такой подход все еще популярен в самописных решениях и в популярных CMS. Где-то в силу исторических причин, где-то потому, что его очень просто понять и начать использовать.

5 С другой стороны, у такого подхода слишком много недостатков, из-за которых фреймворки отказались от него:

6 <ul><li>Футер и хедер хранят куски кода, которые сами по себе не являются правильным HTML: в хедере - открывающие теги, в футере - закрывающие. Из-за этого крайне легко ошибиться и потом долго искать незакрытый тег.</li>

7 <li>Страница, разбитая на хедер и футер, не дает увидеть всю картину целиком. Придется скакать туда-сюда для понимания того, что из себя представляет страница.</li>

8 <li>Появляется очень много дублирования из-за постоянных вставок хедера и футера</li>

9 <li>Все сильно усложняется, если хедеры и футеры разные</li>

10 <li>Невозможно обработать ситуацию, когда страницы имеют более сложное разбиение и включение хедера и футера не поможет.</li>

11 </ul><h2>Макеты</h2>

12 Это совершенно другой подход при работе с шаблонами. Он строится не от шаблона конкретного обработчика (экшена), а от макета. Макет - это базовая структура страницы, в которую вставляются данные, сгенерированные конкретным обработчиком. Для работы макетов недостаточно стандартных PHP-файлов с HTML разметкой. Разработчикам шаблонизаторов приходится придумывать специальные маркеры, которые указывают, куда и какой блок можно поместить.

13 В Laravel используется шаблонизатор<a>Blade</a>. Фактически, Blade это свой собственный язык, с помощью которого создаются шаблоны. Blade-специфичные команды в шаблонах начинаются со знака@и называются директивами. Большинство директив похожи на вызов функций, в которые передаются аргументы.

14 В макете выше используется директива @yield. Она указывает на то, куда будет вставлен контент конкретного обработчика.

15 В шаблоне самого обработчика, используется директива @section, которая определяет блок контента. Каждый такой блок имеет собственное имя, что позволяет одновременно делать вставку сразу множества блоков. Это особенно удобно для сложных макетов, где кроме самого контента, есть и другие блоки, специфичные для конкретных страниц.

16 Директива @extends указывает на макет, внутрь которого должны попасть данные из текущего шаблона. В эту директиву передается путь относительно директорииresources/views. Обратите внимание, что вместо/используется точка.

17 Далее идут секции. У каждой секции есть имя, благодаря которому можно точечно управлять местом ее отображения. Выше создаются две секцииcontentиtitle. Одна из них отображается в теге <title>, другая внутри <body> и является центральной контентной частью страницы.

18 Имена выбираются произвольно. Количество секций не ограничено. Количество макетов тоже.

19 Несмотря на наличие макетов, иногда бывает полезно иметь общий шаблон, который вставляется в конкретных местах. Blade позволяет создавать и включать такие шаблоны с помощью директивы @include:

20 Код, подобный, тому что выше, часто встречается в тех проектах где несколько макетов. Как правило, их общие части выносят в общие шаблоны, которые затем включаются через @include. Хорошей практикой считается помещать общие шаблоны в директориюresources/views/shared. Так легче понять какие шаблоны можно переиспользовать.