#30-Laravel Notifikasi Dengan Flash Message Session

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

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>