[ はじめて の Laravel ] リンク一覧ページ を 作る No.7 – フラッシュメッセージ
この記事は 2021年 11月 29日 に書かれた記事です。
前回で 登録 編集 削除 まで 終わったので 一通り 機能は完成しました
ただ Added successfully ! や Edited successfully ! の様な メッセージは 表示されません
なので 今回は フラッシュメッセージ を 表示させて 完成させたいと思います
テンプレートの作成
今回は フラッシュメッセージ用の テンプレートを作るので resources / views / flash-message / default.blade.php
という 名前で テンプレートを作ります
01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | @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
1 2 3 4 | <header> <h2 class = "text-center" >@ yield ( 'title' )</h2> @ include ( 'flash-message.default' ) </header> |
これで 一通り完成しました