Laravel AdminLTE adalah package Laravel yang terintegrasi dengan template dashboard AdminLTE dan package ini adalah Laravel Mix friendly. Saat ini, package ini dapat diintegrasikan dengan mudah pada instalasi baru.
composer require atnic/laravel-admin-lte
Jika anda menggunakan Laravel versi 5.5 ke atas, anda dapat melewati tahapan ini. Namun jika tidak, ketik baris berikut pada config/app.php
, on providers
'providers' => [
...
Atnic\AdminLTE\Providers\AppServiceProvider::class,
...
]
Kemudian jalankan perintah
php artisan make:admin-lte
Perhatikan akan yang telah kita install. Pertama pastikan anda telah menjalankan perintah php artisan migrate
, kemudian ketik
php artisan serve
Selamat! Kamu telah dapat menjalankan situs Laravel menggunakan AdminLTE.
Untuk informasi lain, anda dapat melihatnya melalui perintah
php artisan make:admin-lte --help
Package ini menyediakan tampilan untuk auth dan aplikasi. Lihatlah resources/views/layouts/app.blade.php
.
Pada berkas ini anda dapat menambahkan komponen global seperti nama pengguna, avatar, breadcrumbs, dan menu.
Untuk menambahkan menu, tambahkan hal ini di app.blade.php
@section('sidebar-menu')
<ul class="sidebar-menu">
<li class="header">MAIN NAVIGATOR</li>
<li class="active">
<a href="{{ route('home') }}">
<i class="fa fa-home"></i>
<span>Home</span>
</a>
</li>
</ul>
@endsection
Untuk menambahkan breadcrumbs, tambahkan
@section('breadcrumbs')
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Title</li>
</ol>
@endsection
Package ini memberikan anda kebebasan untuk menggunakan package Laravel apapun untuk komponen Menu dan Breadcrumb. Kami menyarankan anda menggunakan package berikut spatie/laravel-menu or lavary/laravel-menu, and davejamesmiller/laravel-breadcrumbs.
Setiap halaman baru harus menambahkan view berikut.
@extends('layouts.app')
// Blade anda di sini
Untuk menerbitkan package config ke config aplikasi anda, jalankan
php artisan vendor:publish --provider="Atnic\AdminLTE\Providers\AppServiceProvider" --tag="config"
Untuk menerbitkan package views sehingga anda dapat melakukan kostumisasi, jalankan
php artisan vendor:publish --provider="Atnic\AdminLTE\Providers\AppServiceProvider" --tag="views"
Pertama, anda perlu memahami bagaimana cara untuk menggunakan Laravel Mix.
Pastikan pada package.json
terdapat "laravel-mix": "^2.0"
.
AdminLTE membutuhkan beberapa package dari npm. Jika komputer anda belum terpasang npm, jalankan perintah berikut
npm install
Instal package yang dibutuhkan oleh AdminLTE melalui npm
npm install --save-dev admin-lte@^2.4 bootstrap-sass fastclick font-awesome icheck ionicons jquery jquery-slimscroll
Jalankan perintah Laravel Mix
npm run development
atau gunakan production
untuk mengurangi output
npm run production
Kemudian coba lihat isi dari berkas berkas berikut
webpack.mix.js
resources/assets/js/admin-lte.js
resources/assets/js/auth.js
resources/assets/sass/admin-lte.scss
resources/assets/sass/auth.scss
Selamat berkarya! 💪🏼💪🏼