Cara Menggunakan Adminlte Di Codeigniter

4 min read Jul 27, 2024
Cara Menggunakan Adminlte Di Codeigniter

Cara Menggunakan AdminLTE di CodeIgniter

AdminLTE merupakan template admin yang populer dan mudah digunakan. Anda dapat menggabungkannya dengan CodeIgniter untuk membangun aplikasi web yang profesional dan menarik.

Berikut panduan langkah demi langkah untuk menggunakan AdminLTE di CodeIgniter:

1. Download AdminLTE dan CodeIgniter

  • Download template AdminLTE dari situs resmi : Pilih versi yang Anda inginkan dan unduh arsipnya.
  • Download CodeIgniter dari situs resminya : Pilih versi CodeIgniter yang sesuai dengan kebutuhan Anda dan unduh arsipnya.

2. Siapkan Folder Project CodeIgniter

Buat folder baru untuk proyek CodeIgniter Anda. Ekstrak arsip CodeIgniter yang telah Anda unduh ke dalam folder tersebut.

3. Integrasikan AdminLTE ke CodeIgniter

  • Buat Folder Assets: Di dalam folder project CodeIgniter, buat folder baru bernama "assets".
  • Ekstrak AdminLTE: Ekstrak arsip AdminLTE yang telah Anda unduh ke dalam folder "assets" yang baru saja Anda buat.
  • Atur Struktur Folder: Struktur folder AdminLTE harus sesuai dengan struktur folder CodeIgniter. Pindahkan atau rename folder "plugins" dan "dist" di dalam folder "assets" ke folder "public".

4. Modifikasi File Konfigurasi CodeIgniter

  • File application/config/autoload.php: Tambahkan baris berikut di dalam array autoload['libraries']:
$autoload['libraries'] = array('session');
  • File application/config/config.php: Periksa setting base_url. Pastikan base_url diset dengan benar agar Anda bisa mengakses asset AdminLTE.

5. Ubah Template CodeIgniter

  • File application/views/templates/header.php: Tambahkan kode HTML berikut di dalam <head>:



  • File application/views/templates/footer.php: Tambahkan kode HTML berikut sebelum tag penutup </body>:



6. Buat Controller dan View

  • Buat Controller: Buat controller baru di folder application/controllers.
  • Buat View: Buat view baru di folder application/views.
  • Gunakan Layout AdminLTE: Anda dapat menggunakan layout AdminLTE sebagai dasar untuk view Anda. Anda dapat menggunakan layout default dari AdminLTE atau menyesuaikannya dengan kebutuhan Anda.

7. Jalankan Aplikasi

Jalankan server CodeIgniter Anda. Anda seharusnya dapat melihat halaman web dengan template AdminLTE.

Tips Tambahan

  • Customisasi: Anda dapat menyesuaikan tampilan AdminLTE dengan mengubah CSS dan JavaScript.
  • Plugin: AdminLTE dilengkapi dengan berbagai plugin yang dapat Anda gunakan untuk menambahkan fitur tambahan ke aplikasi Anda.
  • Dokumentasi: Pelajari dokumentasi AdminLTE untuk informasi lebih lanjut tentang penggunaan template ini.

Dengan mengikuti langkah-langkah di atas, Anda dapat mengintegrasikan AdminLTE ke CodeIgniter dengan mudah. Anda dapat menggunakan template AdminLTE untuk membangun aplikasi web yang professional dan menarik.