В Laravel 5.1 представлена ​​концепция использования Blade, механизма шаблонов для создания уникального макета. Разработанный таким образом макет может использоваться другими представлениями и включает в себя согласованный дизайн и структуру.

По сравнению с другими механизмами шаблонов, Blade уникален в следующем:

Полная структура каталогов Laravel показана на приведенном здесь снимке экрана.

Вы можете заметить, что все представления хранятся в каталоге resources/views, а представление по умолчанию для инфраструктуры Laravel — welcome.blade.php.

Обратите внимание, что другие шаблоны блейдов также создаются аналогичным образом.

Шаги по созданию макета шаблона блейда

Вам нужно будет использовать следующие шаги для создания макета шаблона блейда:

Шаг 1

<html> <head> <title>DemoLaravel - @yield('title')</title> </head> <body> @yield('content') </body> </html>

Шаг 2

На этом этапе вы должны расширить макет. Расширение макета включает определение дочерних элементов. Laravel использует директиву Blade @extends для определения дочерних элементов.

Когда вы расширяете макет, обратите внимание на следующие моменты:

  • Представления, определенные в Blade Layout, внедряют контейнер уникальным образом.
  • Различные секции представления создаются как дочерние элементы.
  • Дочерние элементы хранятся в папке макетов как child.blade.php.

Пример, который показывает расширение созданного выше макета, показан здесь —

@extends('layouts.app') @section('title', 'Page Title') @section('sidebar') @parent <p>This refers to the master sidebar.</p> @endsection @section('content') <p>This is my body content.</p> @endsection

Шаг 3

Чтобы реализовать дочерние элементы в представлениях, вы должны определить макет так, как это необходимо.

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

Первоначально опубликовано на https://www.tutorialspoint.com.