Part #3 Membangun Aplikasi Ecommerce Laravel - Menampilkan Pesan Error dan Fungsi Logout Admin

Assalamualaikum wr.wb

Gimana kabarnya teman-teman kawan forumkoding? Semoga kita selalu diberikan kesehatan baik dunia maupn akhirat. Aamiin

Jika belum membaca tutorial sebelumnya, silahkan kunjungi Part #2 Membangun Aplikasi Ecommerce - Proses Login Dashboard Admin

Pada tutorial kali ini kita akan membahas tentang  Menampilkan Pesan Error dan Membuat Fungsi Logout yang merupakan tutorial lanjutan dari tutorial kemarin.
Disini kita mempunyai kewajiban untuk mengamalkan ilmu karena jika ilmu tidak diamalkan seperti halnya pohon yang tidak berbuah atau dapat dikatakan ilmu itu akan sia-sia. 
Pada intinya kita akan  Menampilkan pesan error dalam kegagalan melakukan login  dan kemudian fungsi logout setelah berhasil melakukan login.

Tahapan - tahapan

1). Menampilkan pesan error : - Kita akan menampilkan pesan error seperti "Invalid Username or Password" Jika kita gagal melakukan login dalam aplikasi yang kita buat.

Pertama dalam AdminController.php , dalam function Login kita akan mengembalikan pesan error jika kita gagal seperti dibawah ini:
return redirect('/admin-ecommerce')->with('flash_message_error','Invalid Username or Password'); 
Untuk penerapannya silahkan teman-teman buka AdminController.php dan cari script:
else{
   echo "Failed"; die;
 }
Dan ubah menjadi seperti script dibawah ini:
else{
    return redirect('/admin-ecommerce')->with('flash_message_error','Invalid Username or Password');
    }
 Sekarang silahkan teman - teman buka file admin_login.blade.php , untuk menampilkan pesan error.
  @if(Session::has('flash_message_error'))
      {!! session('flash_message_error') !!}
  @endif
Untuk penyimpanan scriptnya silahkan teman-teman simpan sesuai keinginan teman- teman kalo admin menyimpannya pada bagian body didalam <div ="box">

Untuk tampilan errornya sendiri teman-teman dapat mencarinya di google ataupun menggunakan bootstrap untuk menampilkan tulisan errornya.
Atau kalian juga bisa menggunakan style yang sudah admin buat .. untuk contoh penerapannya seperti dibawah ini:
 @if(Session::has('flash_message_error'))
      <div class="alert alert-danger alert-block">
        <button type="button" class="close" data-dismiss="alert">x</button>
        <strong> {!! session('flash_message_error') !!}</strong>
      </div>
  @endif
Maka silahkan teman-teman login pada form login yang diperuntukan untuk admin, dan teman - teman coba login dengan menggunakan data yang tidak terdaftar sebagai admin ... jika teman - teman berhasil maka akan menampilkan pesan error seperti pada gambar dibawah ini:

 Sekarang teman - teman dapat melihat, pesan error muncul jika teman - teman salah memasukan email atau password.

2). Membuat fungsi logout :- Kita akan menambahkan fungsi logout dalam AdminController.php
untuk logout dan kita akan membuat beserta routenya silahkan ikuti terus ya tutorialnya.
Untuk membuat fungsi logout untuk admin, silahkan teman-teman buka file admin_header.blade.php lalu cari script seperti berikut ini:
<a href="#" class="btn btn-default btn-flat">Sign out</a> 
Jika teman - teman tidak menemukannya silahkan teman-teman buat saja seperti contoh diatas.
kita akan menambahkan url logout untuk dapat difungsikannya function yang akan nanti kita buat pada AdminController.php . Jadi untuk script lengkapnya seperti dibawah ini:
<a href="{{ url('/logout') }}" class="btn btn-default btn-flat">Sign out</a> 
 Tahapan selanjutnya silahkan buka file web.php lalu buatlah satu route yang bernama logout, untuk scriptnya silahkan perhatikan script dibawah ini:
Route::get('/logout','AdminController@logout'); 
Karena pada routenya kita membuat nama functionnya logout, maka kita akan membuat fucntion pada AdminController.php bernama logout. untuk scriptnya seperti dibawah ini:
public function logout(){
    Session::flush();
    }  
Dari function diatas kita melihat ada script Session::flush(); maksudnya adalah untuk memhapus atau clear semua session yang sedang berjalan. Sehingga dapat difungsikan sebagai logout.
Jangan lupa teman - teman tambahkan diatasnya script:
use Session;  
Script tersebut digunakan untuk mengambil library Session dan kita dapat menggunakannya.
Untuk script lengkapnya dari function logout silahkan teman-teman perhatikan script dibawah ini:
 public function logout(){
    Session::flush();
    return redirect('/admin-ecommerce')->with('flash_message_success','Logged out Successfully');
    } 
Tahap selanjutnya teman-teman buka file admin_login.blade.php, lalu copy script yag difungsikan untuk menampilkan pesan error serta ganti tulisan flash_message_error menjadi flash_message_success.   Untuk scriptnya silahkan perhatikan script dibawah ini:
 @if(Session::has('flash_message_error'))
      <div class="alert alert-danger alert-block">
        <button type="button" class="close" data-dismiss="alert">x</button>
        <strong> {!! session('flash_message_error') !!}</strong>
      </div>
  @endif
  @if(Session::has('flash_message_success'))
      <div class="alert alert-success alert-block">
        <button type="button" class="close" data-dismiss="alert">x</button>
        <strong> {!! session('flash_message_success') !!}</strong>
      </div>
  @endif
Jika sudah coba teman-teman login terlebih dahulu sebagai admin, lalu teman-teman tekan tombol sign out. Berikut adalah contoh gambarnya:
 Jika sudah menekan tombol sign out, maka teman-teman akan diarahkan pada form login disertai pesan bahwasannya kalian sudah berhasil melakukan logout pada admin. untuk contoh gambarnya perhatikan gambar dibawah ini:
Jika teman-teman mengikuti tahapannya dari awal, insyaalloh teman-teman akan berhasil sampai tahap ini, Untuk proses login dan logout telah selesai sampai disini.

Terimakasih telah berkunjung dan membaca artikel mengenai:
Part #3 Membangun Aplikasi Ecommerce Laravel - Menampilkan Pesan Error dan Fungsi Logout Admin

Semoga bermanfaat -- Salam Success :)

By: Muhammad Rizal Supriadi

0 Response to "Part #3 Membangun Aplikasi Ecommerce Laravel - Menampilkan Pesan Error dan Fungsi Logout Admin"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel