Laravel 投稿時や削除時にフラッシュメッセージを表示する【Laravel入門講座】

Laravel入門講座

フォームを送信したとき、画面に反応がないと心もとないですよね。

Laravelで「投稿をしました」「投稿を削除しました」などのメッセージを簡単に表示する方法を解説します。

FlashメソッドとBootstrapを使って、ユーザーが次の操作をするまでの間だけ、メッセージを表示させるようにしていきます。

Laravel フォーム送信時に画面にメッセージを表示する方法【Laravel入門講座】

フォーム送信時に【投稿を作成しました】と表示させる方法を解説します。

コントローラーにメッセージをいれる

コントローラーのメソッドの最後に、次のように入れておきましょう。

投稿後は、text.indexにリダイレクトするよう設定しています。

シンプルに ->with としてもOK。

ビューファイルにメッセージの場所を作る

次に、表示されるビューファイル(blade.php) を開き、メッセージを表示したい場所に下記のコードを追加します。

これで、フォーム送信時に下記のような画面が表示されます。

ボタンの色を変える

ボタンの表示の色は、クラスを編集すれば、変更できます。

先ほどのコードなら、この部分を変えます。

<div class=”alert alert-success“>{{session(‘message’)}}</div>

bootstrapでは、下記のような色の選択肢があります。

alert-primary
alert-secondary
alert-success
alert-danger
alert-warning
alert-info
alert-light
alert-dark

削除は赤色、うまくいったときは青や緑が使われる傾向があります。

サイトの色や目的に応じて、使い分けてくださいね。

Laravel入門講座

【Laravelの教科書・プレゼント】

Junko
Laravelの使い方を覚えたい!と思ったら、ぜひ、役立ててほしいです。 基礎編は無料でプレゼント中です♪
ひつじプログラマ
会員制サイトをいちから作っていくよ。ボタンをクリックして詳細を見てね。
Laravelの教科書の詳細を見る

Laravel8版と、最新のLaravel9版、ふたつのテキストご用意してます♪

【無料プレゼント】

「LaravelでWebアプリをいちから作れるようになりたい!」

そんなLaravel初心者のあなたへ【Laravelの教科書】基礎編プレゼント中! 会員制フォーラムサイトを学習しながら作れます。

詳細はこちらをクリック

Laravel8版と、最新のLaravel9版、ふたつのテキストご用意してます♪

社内にWebアプリ開発経験がなくて、困ってませんか?

「自社でWebアプリ開発を始めていきたい」
という企業様のために、Laravelセミナー・プログラミング教育を実施しています。

【セミナー使用スライド】

詳細はこちらご覧ください

Twitter始めました。
40代からプログラミング!

コメント

タイトルとURLをコピーしました