Kamis, 27 Februari 2020

Integrasi Laravel 8.X Dengan Adminlte

Pada praktek kali ini kita akan mengintegrasikan projek laravel 8 dengan Template AdminLTE, AdminLTE yakni salah satu template Bootstrap yang banyak dipakai sebab banyak fitur yang menawan dan tersedia versi gratis, sebelum mengikuti praktek ini pastikan anda sudah menginstal laravel 8 kalau belum silahkan klik link berikut  cara instal laravel 8 ,  berikut ialah langkah-langkah cara Integrasi Laravel 8.x dengan AdminLTE : Langkah#1: buka project anda menggunakan cmd : lalu masukan perintah selaku berikut : composer require jeroennoten/laravel-adminlte Langkah#2 : Pada langkah ke-2 ini kita akan menggunakan laravel ui untuk mengurus halaman admin (login,register,dll). kerjakan perintah berikut untuk melaksanakan instalasi laravel ui : composer require laravel/ui Jika telah kerjakan perintah berikut untuk : php artisan ui:controllers php artisan ui:auth Pada gambar diatas muncul informasibahwa file login,register,confirm sudah ada karena sebelumnya kita juga telah melaksanakan instalasi laravel jetstream , alasannya adalah kita ketika ini akan menggunakan laravel ui maka kita timpa saja file tersebut dengan memperlihatkan perintah "y" lalu enter. perlu diterangkan bahwa laravel ui dan laravel jetstream mempunyai fungsi yang sama , namun terdapat perbedaan pada css yang dipakai dikarenakan kita akan memakai css bootstrap AdminLTE sehingga kita tidak akab mengguakan laravel jetstream. Langkah#3 :  Membuat Database dan migrasi database (langkah ini telah kita kerjakan) Langkah#4 :  instal Laravel/AdminLTE dengan mengerjakan perintah sebagai berikut : php artisan adminlte:install --interactive lalu 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.jikalau muncul keteranganalready exists tekan "y" lalu enter sampai dengan selesai. Langkah#5 :  lakukan server dengan mengetik perintah : php artisan serve alhasil : kalau sukses login halaman Dashboard Admin nya seperti gambar berikut : pada gambar diatas tampakhalaman dashboard nya masih kosong, belum terintegrasi dengan adminLTE, untuk melakukan integrasi template adminLTE pada halaman dashboard ikuti langkah berikutnya : Langkah#6 : buka file resources/views/home.blade.php. seperti gambar berikut : 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 performa akan berganti :  
Sumber https://contohapp.blogspot.com


EmoticonEmoticon