Learn or Die

生涯勉強。Macです。

Bladeの記法 - @extendsと@section

@extends('app')

@section('title', 'サンプル')

@section('content')
  <div class="container">
    <div class="card mt-3">
        <i class="fas fa-user-circle fa-3x mr-1"></i>
          <div class="font-weight-bold">
            Sample
          </div>
    </div>
  </div>
@endsection

@extendsと@section

@extends

@extends('app')で、app.blade.phpをベースとして使っている。

@section

@section('title', '記事一覧')は、app.blade.php@yield('title')に対応している。
また、@section('content')から@endsectionで囲まれた部分は、app.blade.php@yield('content')に対応している。

@extendsと@sectionを用いるメリット

  • headタグや scriptタグでのCSSJavaScriptを、各Bladeで都度指定しなくて済む

  • headタグ内のtitleタグの値を、各画面で異なるものにできる