Flash message biasanya digunakan pada sebuah aplikasi untuk memberikan feedback berupa informasi success, error, warning, dll. Pada tutorial kali ini saya akan menunjukkan bagaimana cara membuat flash messageredirect seperti: success message, error message, warning message dan info message. Dalam menangani layout yang akan ditampilkan kita akan menggunakan bootstrap flash alert.
Persiapan
Memulai langkah yang akan dilakukan, saya berasumsi anda telah memiliki Laravel fresh install atau jika anda telah memahami kerangka kerja menggunakan Laravel, maka anda dapat menerapkannya langsung pada project anda. Untuk membuat flash message, buat file blade dengan nama pesan.blade.php. Pada file ini kita akan menggunakan bootstrap alert dan mengecek jika terdapat sebuah pesan yang dikirimkan dari controller.
Membuat Controller
php artisan make:controller FlashMessageController
FlashMessageController.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class FlashMessageController extends Controller
{
public function index(Request $request)
{
return view('flashmessage',
['title'=>'Flash Message']
);
}
public function store(Request $request){
return redirect('/flashmessage')->with('message','Isi flash message');
}
}
Tambahkan Routes
routes/web.php
Route::get('/flashmessage','FlashMessageController@index');
Route::get('/flashmessage/store','FlashMessageController@store');
Buat Views
flashmessage.blade.php
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{$title}}</title>
<link rel="stylesheet" type="text/css" href="{{ asset('/css/app.css') }}">
</head>
<body>
<div class="container">
<div class="card mt-5">
<div class="card-header text-center">
{{$title}}
</div>
<div class="card-body">
@if ($message = Session::get('message'))
<div class="alert alert-success">
<p>{{ $message }}</p>
</div>
@endif
<br/>
<br/>
</div>
</div>
</div>
</body>
</html>
Simulasi
Jalankan service php artisan serve, buka web browser http://localhost:8000/flashmessage, lalu klik tombol Flash Message
