前回で 登録 編集 削除 まで 終わったので 一通り 機能は完成しました
ただ Added successfully ! や Edited successfully ! の様な メッセージは 表示されません

なので 今回は フラッシュメッセージ を 表示させて 完成させたいと思います


テンプレートの作成


今回は フラッシュメッセージ用の テンプレートを作るので resources / views / flash-message / default.blade.php という 名前で テンプレートを作ります

@if ($message = Session::get('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
  {{ $message }}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if ($message = Session::get('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
  {{ $message }}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if ($message = Session::get('warning'))
<div class="alert alert-warning alert-dismissible fade show" role="alert">
  {{ $message }}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if ($message = Session::get('info'))
<div class="alert alert-info alert-dismissible fade show" role="alert">
  {{ $message }}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if ($errors->any())
  @foreach ($errors->all() as $message)
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
      {{ $message }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  @endforeach
@endif

フラッシュメッセージ の 表示


後は 表示させたい場所に @include('flash-message.default') を 入れるだけです


私は 各テンプレートの ヘッダー内に 収めました

  • resources / views / links / index.blade.php
  • resources / views / links / create.blade.php
  • resources / views / links / edit.blade.php
        <header>
          <h2 class="text-center">@yield('title')</h2>
          @include('flash-message.default')
        </header>

これで 一通り完成しました

Related Article

[ はじめて の Laravel ] リンク一覧ページ を 作る No.5

詳細へ »

[ はじめて の Laravel ] リンク一覧ページ を 作る No.4

詳細へ »

[ はじめて の Laravel ] リンク一覧ページ を 作る No.3

詳細へ »