Wed Dec 2019 1 year ago

Contoh Alert Flash Message pada Laravel 6

Flash message Laravel. Tutorial ini menjelaskan, bagaimana Anda dapat mengimplementasikan flash message dalam aplikasi laravel.Ketika kita bekerja dengan laravel, kita perlu menunjukkan / menampilkan pesan keberhasilan dan kesalahan flash. Di sini Anda dapat mempelajari berbagai metode untuk menampilkan atau menampilkan kesalahan flash atau pesan sukses di aplikasi laravel:Tutorial ini juga menjelaskan, bagaimana Anda dapat mengimplementasikan pesan sukses atau kesalahan dengan sweet alert js di aplikasi laravel Anda.

Flash Message Laravel

Di sini, Anda akan mempelajari jenis-jenis flash message.

  • Flash Message Keberhasilan Laravel
  • Flash Message Kesalahan Laravel
  • Laravel Flash Success Dengan Sweet alert
  • Laravel Flash Error Dengan Sweet alert

 

Flash Message Success Laravel

Pertama-tama, kita perlu menambahkan kode di bawah ini dalam file HTML Anda:

@if(Session::has('success'))

    <div class="alert alert-success">
        {{Session::get('success')}}
    </div>

@endif

Hal kedua, Ketika Anda mengirim pesan sukses. Jadi Anda dapat menggunakan kode di bawah ini di controller Anda:

return Redirect::to("/")->withSuccess('Success message');

Flash Message Error Laravel

Jika Anda ingin menampilkan pesan kesalahan dalam tampilan blade Anda, jadi Anda dapat menambahkan kode di bawah ini dalam file blade Anda:

@if(Session::has('fail'))

    <div class="alert alert-danger">
       {{Session::get('fail')}}
    </div>

@endif

Yang kedua, tambahkan kode di bawah ini di controller Anda, tempat Anda ingin mengirim pesan kesalahan:

return Redirect::to("/")->withFail('Error message');

Jika Anda ingin menggunakan pesan peringatan manis di aplikasi laravel Anda. Jadi, pertama-tama, Anda perlu memasukkan sweet alert CDN atau sweet js library di aplikasi laravel Anda:

 

Laravel Flash Success dengan Sweet Alert

Jika Anda ingin menampilkan pesan sukses dengan alert yang manis. Jadi Anda dapat menggunakan kode di bawah ini dalam file tampilan blade Anda:

@if(Session::has('success'))

  <script type="text/javascript">
     swal({
         title:'Success!',
         text:"{{Session::get('success')}}",
         timer:5000,
         type:'success'
     }).then((value) => {
       //location.reload();
     }).catch(swal.noop);
 </script>

 @endif

Jika Anda menggunakan kode di atas untuk pesan yang berhasil, pesan ini secara otomatis bersembunyi setelah 5 detik.

Pesan sukses-peringatan manis terlihat seperti:

Laravel Flash Error dengan Sweet Alert

Jika Anda ingin menampilkan pesan kesalahan dengan alert manis. Jadi Anda dapat menggunakan kode di bawah ini dalam file tampilan blade Anda:

@if(Session::has('fail'))

 <script type="text/javascript">
    swal({
        title:'Oops!',
        text:"{{Session::get('fail')}}",
        type:'error',
        timer:5000
    }).then((value) => {
      //location.reload();
    }).catch(swal.noop);
</script>

@endif

Jika Anda menggunakan kode di atas untuk pesan kesalahan, pesan ini secara otomatis bersembunyi setelah 5 detik.

Pesan kesalahan peringatan manis terlihat seperti:

 

Kesimpulan

Dalam tutorial ini, Anda telah belajar, bagaimana Anda dapat mengimplementasikan pesan flash dalam aplikasi laravel.

membuat alert laravel belajar laravel tutorial laravel laravel 6