Laravel5:laracast/flash+Blade+BootstrapでFlashメッセージ

記事を登録する

Hidden Message

Laravel5:laracast/flash+Blade+BootstrapでFlashメッセージ

前回の記事からの追加記事です。

Flashメッセージを表示する際に、便利なlaracast/flashの紹介です。

手順

  1. ライブラリを追加する

    コマンドラインから入力します。

  2. Flashメッセージを追加する(サーバサイド)
    • app/Http/Controllers/ArticleController.php

    登録に成功したときのみ、flash()メソッドでメッセージを追加しています。

  3. Flashメッセージを表示する領域を準備する。

    実際に使いたいところにこの1行を追加します。今は共通的に使いたいのでapp.blade.phpに追加します。

    • resources/views/app.blade.php

  4. Providerを追加する。
    • config/app.php

      'providers'と宣言されているリストの末尾に以下の1行を追加します。

      'aliases'の宣言にも1行を追加します。

  5. 確認する。

    記事を登録します。

    localhost:8000/articles/create

    Blade + laracasts/flashで記事登録後、Flashメッセージを表示
    Blade + laracasts/flashで記事登録後、Flashメッセージを表示

    メッセージが表示されました。

Tips

  • @include(‘flash::message’)について

    この記述をしたとき、実際に読み込まれるテンプレートはこれです。

    • vendor/laracasts/flash/src/views/message.blade.php

  • ログレベルを変更する

    メッセージをセットしている箇所を修正します。

    • app/Http/Controllers/ArticleController.php

      記事を登録してみましょう。メッセージが緑(success)の帯に変わったかと思います。

      TwitterBootstrapにあるsuccessでFlashメッセージを表示
      TwitterBootstrapにあるsuccessでFlashメッセージを表示
  • overlayをつかう

    テンプレートのJSも修正します。

    • resources/views/app.blade.php

    • app/Http/Controllers/ArticleController.php

    確認してみます。以下のようにモーダルダイアログが表示されれば成功です。

    TwitterBootstrapのモーダルウィンドウでFlashメッセージを表示
    TwitterBootstrapのモーダルウィンドウでFlashメッセージを表示

まとめ

<

p>前回の追加記事として、laracast/flashの紹介をしました。フロントエンドの実装も手助けしてくれるのでとても助かりますね。

laracast/flashはとても小さなライブラリなので、すべて理解できるまでソースを読んでみるのもいいかなと思います。実際に自分でライブラリを作るとき参考にできそうです。

Comments are closed, but trackbacks and pingbacks are open.