Membuat Blog dengan Laravel 5.7 dan AdminLTE 3 (9) – Template Backend

Membuat Blog dengan Laravel 5.7 – Membuat Backend Template

Pada bagian kesembilan ini kita akan :

  1. Membuat authorization untuk login backend
  2. Membuat halaman login dengan adminLTE template
  3. Membuat backend template dengan adminLTE
  4. Redirect ke halaman login setelah logout

Membuat Authorization untuk Login Backend

Pada bagian kedua ini, kita akan menyentuh backend template dan pemrograman di bagian backend. Langkah pertama yang kita lakukan adalah membuat backend template menggunakan AdminLTE.

Untuk membuat otorisasi, buka terminal dan ketik perintah :

Perintah ini akan otomatis membuat route baru di routes/web.php

Buka http://localhost:8000/login dan coba untuk login menggunakan username dan login berdasarkan yang kita buat di UsersTableSeeder :

Membuat Blog dengan Laravel 5.7 dan AdminLTE 3 (9) – Template Backend

Kalau informasi username dan password benar, kita akan di arahkan ke halaman Home page :

Membuat Blog dengan Laravel 5.7 dan AdminLTE 3 (9) – Template Backend 2

Membuat Halaman Login dengan AdminLTE Template

Sekarang kita akan membuat halaman login template dengan AdminLTE. Contoh template login AdminLTE bisa dilihat disini : https://adminlte.io/themes/dev/AdminLTE/pages/examples/login.html

Buat folder assets di backend template untuk menyimpan image, css, dan javascript AdminLTE. Buat folder ‘backend’ di dalam folder public. Di dalam folder backend ini, kita akan menaruh assets di dua folder, yaitu folder dist dan plugin. Download isinya disini :

https://github.com/andriindocoder/laravel56-adminlte/tree/master/public/backend

Selanjutnya, buka resources/views/layouts/app.blade.php, hapus seluruhnya dan ganti dengan baris kode berikut :

Buka login.blade.php yang berada di direktori resources/views/auth, dan ubah baris kodenya menjadi seperti ini :

Sekarang, template login sudah berhasil kita ubah :

Membuat Blog dengan Laravel 5.7 dan AdminLTE 3 (9) – Template Backend 3

Membuat Template Backend Menggunakan AdminLTE 3

Buka https://adminlte.io/themes/dev/AdminLTE/index.html untuk melihat contoh AdminLTE 3.

Buat folder baru bernama ‘backend’ di dalam direktori resources/views/layouts. Di dalam folder ini, kita buat tiga file untuk menampilkan dashboard AdminLTE. Ketiga file itu adalah main.blade.php, sidebar.blade.php, dan navbar.blade.php.

main.blade.php

navbar.blade.php

sidebar.blade.php

Selanjutnya, modifikasi home.blade.php menjadi seperti ini :

Ketika berhasil login, kita akan diarahkan ke home yang sudah berubah menjadi AdminLTE3 template Dashboard :

Membuat Blog dengan Laravel 5.7 dan AdminLTE 3 (9) – Template Backend 4

Sekarang, kita akan membuat folder untuk menyimpan controller yang berhubungan dengan backend. Buat folder ‘Backend’ di dalam App\Http\Controllers. Buat BackendController.php di dalam folder ini.

Pindahkan HomeController.php ke App\Http\Controllers\Backend, dan ubah baris kodenya menjadi seperti ini :

Karena kita memindahkan HomeController, kita perlu memodifikasi routes/web.php :

Redirect ke Halaman Login setelah Logout

Saat ini, ketika kita logout, kita akan diarahkan ke halaman frontend. Kita ingin mengganti hal ini sehingga ketika kita logout akan diarahkan ke halaman login. Untuk melakukan hal ini, buka App\Http\Controllers\Auth\LoginController.php dan tambahkan logout() method :

Jangan lupa untuk menambahkan namespace :

Github Commit.

2 thoughts on “Membuat Blog dengan Laravel 5.7 dan AdminLTE 3 (9) – Template Backend

  • Saya muncul error PHP Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 32768 bytes) in C:\xampp\htdocs\blog\storage\framework\views\48af2163d0494d021c8bfe6de2867079a3b29750.php on line 1
    [Mon Jun 24 14:34:05 2019] PHP Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 32768 bytes) in C:\xampp\htdocs\blog\vendor\symfony\debug\Exception\FatalErrorException.php on line 1
    [Mon Jun 24 14:34:05 2019] PHP Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 36864 bytes) in Unknown on line 0

    Cara perbaikinya gimana gan ? udah cari gada yang work

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.