Lompat ke konten Lompat ke sidebar Lompat ke footer

Integrasi Laravel 8.x dengan AdminLTE


Pada praktek kali ini kita akan mengintegrasikan projek laravel 8 dengan Template AdminLTE, AdminLTE adalah salah satu template Bootstrap yang banyak digunakan karena banyak fitur yang menarik dan tersedia versi gratis, sebelum mengikuti praktek ini pastikan anda telah menginstal laravel 8 jika belum silahkan klik link berikut  cara instal laravel 8 , berikut adalah langkah-langkah cara Integrasi Laravel 8.x dengan AdminLTE :

Langkah#1:

buka project anda menggunakan cmd : kemudian masukan perintah sebagai berikut :

composer require jeroennoten/laravel-adminlte
Integrasi Laravel 8.x dengan AdminLTE

Langkah#2 :

Pada langkah ke-2 ini kita akan menggunakan laravel ui untuk mengurus halaman admin (login,register,dll). jalankan perintah berikut untuk melakukan instalasi laravel ui :

composer require laravel/ui
Integrasi Laravel 8.x dengan AdminLTE
Jika sudah jalankan perintah berikut untuk :




php artisan ui:controllers
php artisan ui:auth

Integrasi Laravel 8.x dengan AdminLTE

Pada gambar diatas muncul pemberitahuan bahwa file login,register,confirm sudah ada karena sebelumnya kita juga sudah melakukan instalasi laravel jetstream, karena kita saat ini akan menggunakan laravel ui maka kita timpa saja file tersebut dengan memberikan perintah "y" kemudian enter. perlu dijelaskan bahwa laravel ui dan laravel jetstream memiliki fungsi yang sama , namun terdapat perbedaan pada css yang digunakan dikarenakan kita akan menggunakan css bootstrap AdminLTE sehingga kita tidak akab mengguakan laravel jetstream.

Langkah#4 : 

instal Laravel/AdminLTE dengan menjalankan perintah sebagai berikut :


php artisan adminlte:install --interactive
Integrasi Laravel 8.x dengan AdminLTE
kemudian jalankan perintah selanjutnya :

php artisan adminlte:plugins install
php artisan adminlte:install --only=main_views
php artisan adminlte:install --only=auth_views
Jalankan satu persatu perintah diatas.jika muncul pemberitahuan already exists tekan "y" kemudian enter sampai dengan selesai.

Langkah#5 : 

jalankan server dengan mengetik perintah : php artisan serve
hasilnya :
Integrasi Laravel 8.x dengan AdminLTE

Integrasi Laravel 8.x dengan AdminLTE

jika berhasil login halaman Dashboard Admin nya seperti gambar berikut :
Integrasi Laravel 8.x dengan AdminLTE
pada gambar diatas terlihat halaman dashboard nya masih kosong, belum terintegrasi dengan adminLTE, untuk melakukan integrasi template adminLTE pada halaman dashboard ikuti langkah selanjutnya :

Langkah#6 :

buka file resources/views/home.blade.php. seperti gambar berikut :
Integrasi Laravel 8.x dengan AdminLTE


Hapus semua isinya dengan coding berikut :






@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    

Dashboard

@stop @section('content')

Welcome to this beautiful admin panel.

@stop @section('css') @stop @section('js') @stop
Kemudian refresh maka tampilan akan berubah :

 
Integrasi Laravel 8.x dengan AdminLTE


2 komentar untuk "Integrasi Laravel 8.x dengan AdminLTE"