Home Web Laravel How to Integrate Template AdminLTE In laravel

How to Integrate Template AdminLTE In laravel

0

Apa itu Admin LTE?

Admin LTE adalah salah satu template yang sering digunakan oleh web developer sebagai template backend pada proyek yang sering dikerjakan. Jadi admin LTE ini adalah sebuah dashboard Administrator dibuat menggunakan bootstrap yang merupakan framework css yang paling banyak digunakan.

Cara menerapkan Admin LTE pada laravel :

Pertama install dlu AdminLTE nya, lalu pindahkan folder build>dist>docs>pages dan plugin ke dalam public.

C:\xampp\htdocs\perpustakaan\public\AdminLTE

Selanjutnya kita akan mencoba melihat bagaimana tampilan dari template AdminLTE itu sendiri dengan cara buka folder template yang sudah kita install tadi lalu klik index untuk membuka file tersebut.

Setelah file nya dibuka maka tampilan nya akan seperti dibawah ini, kira-kira kita akan membuat tampilan AdminLTE seperti ini

Kemudian kita akan copy isi dari codingan template tersebut dengan cara klik kanan lalu pilih view page source

Kemudian kita akan copy semua isinya bisa di klik dengan cara Ctrl+A pada keyboard nya

Kemudian selanjutnya kita bua dulu file baru untuk penampung codingan template kita tadi, nama file nya terserah kita saja misalkan buat file baru pada views nya dengan nama beranda.blade.php

Kemudian paste kan saja file yang kita copy kan sebelumnya dengan cara klik Ctrl+V pada keyboard

Kemudian kita coba jalankan maka hasilnya akan seperti ini. Supaya semua gambarnya dapat kita deglarasikan maka kita akan memanggil nya dengan asset terlebih dahulu supaya bawaan dari AdminLTE nya dapat terpanggil

Semua yang ada href dan AdminLTE maka kita dapat menambahkan pemanggilan asset nya seperti ini {{(”)}}

Jika sudah selesai melakukan pemanggilan assetnya maka coba kita jalankan lagi, jika sudah berhasil maka hasilnya akan seperti ini

Nahh cukup mudah bukan untuk mendeglarasikan template AdminLTE kedalam project laravel, isinya bisa kita ubah sesuai dengan keinginan kita.