一定時間で消えるフラッシュメッセージを簡単に実装[Laravel8]
以前、手軽にフラッシュメッセージが実装できるnotieを紹介しました
今回は、そのnotieを使ってLaravelでフラッシュメッセージを実装します
PHP
return redirect()
->route('item.show')
->with('success', '登録しました');
まずはサーバー側です
リダイレクトする際にwithメソッドを使って、メッセージとキーを送ります
HTML/Javascript
<body>
<head>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/notie/dist/notie.min.css">
<style>
/* override styles here */
.notie-container {
box-shadow: none;
}
</style>
</head>
〜〜〜
<script src="https://unpkg.com/notie"></script>
@if(session('success'))
<script>
notie.alert({ type: 1, text: '{{ session('success') }}' });
</script>
@endif
</body>
notieのマニュアルに従い、cssとjsの読み込みを行います(head内と、body最後)
あとはサーバー側からwithでセットしたキー(success)によって、フラッシュメッセージが表示されます
簡単ですね
またこの際、内部的にsessionで指定したキーを削除してくれてるようで、再度このページをリロードしてもフラッシュメッセージは表示されません
ディスカッション
コメント一覧
まだ、コメントがありません
よくLoadingされてるDocs
新たにPostされたDocs
: ウェブサービス
メルカリやラクマの商品がいつ出品されたのかを調べる裏技
メルカリやラクマなどで商品を探してると、ときどき、 「この商品はいつ出品されたも ...: 仕事環境
15年前のエアコンに洗浄スプレーしたら想像以上にキレイになった
うちのエアコンは新品で購入してからすでに15年が経過しています にもかかわらず、 ...: Laravel
一定時間で消えるフラッシュメッセージを簡単に実装[Laravel8]
以前、手軽にフラッシュメッセージが実装できるnotieを紹介しました 今回は、そ ...: Laravel
ランダムな文字列やユニークなIDをLaravelで生成
random use Illuminate\Support\Str; // 引数 ...: スマホ
4,837円あげるって言うからOCNモバイルOneにLinksmateから乗り換えたんですよ
これまでは僕はスマホの通信会社に、MVNOのLinksmateを使ってきました ...HashMap
created_by
はやぴ
Web/アプリ開発エンジニア
Sierにてお堅いB向けのソフトウェア開発を経て、現在はC向けのWebやアプリを中心に開発しています。
Utilities