$type=grid$count=4$tbg=rainbow$meta=0$snip=0$rm=0$show=home

Integrasi Codeigniter 3.1.11 dan AdminLTE

Artikel ini membahas tentang bagaimana mengintegrasikan Codeigniter 3.1.11 dengan AdminLTE versi 2.4.18

 

Designed by vectorjuice / Freepik

Codeigniter merupakan sebuah framework PHP yang bekerja sebagai untuk memproses suatu aplikasi web pada sisi back-end. Framework ini tidak memiliki library atau komponen-komponen yang dibutuhkan untuk menampilkan data-data di database secara menarik dan hanya menampilkan data secara kasar atau tanpa gaya apapun. Oleh karena itu, perlu ditambahkan suatu library untuk menampilkan data-data tersebut agar lebih menarik untuk dilihat. Pada artikel ini, saya ingin menggabungkan Codeigniter 3.1.11 dengan AdminLTE Bootstrap Admin Dashboard Template.

  • [message]
    • ##warning## Perhatian
      • Artikel ini merupakan artikel lanjutan dari dua artikel sebelumnya, yaitu Integrasi Codeigniter dengan Eloquent ORM dan Blade template engine. Oleh karena itu, berkas akhir proyek ini memuat kedua fitur tersebut dan dapat diunduh.

Bahan-bahan yang dibutuhkan untuk mengintegrasikan Codeigniter dan AdminLTE tersebut adalah sebagai berikut:

  1. Codeigniter 3.1.11 --> download
  2. AdminLTE Admin Bootstrap Dashboard Template 2.4.18 --> download

Integrasi Codeigniter 3.1.11 dengan AdminLTE

Berikut adalah langkah-langkah mengintegrasikan Codeigniter dan AdminLTE:

Step 1: Unduh Berkas Codeigniter 3.1.11

Langkah pertama untuk mengintegrasikan Codeigniter dengan AdminLTE adalah mengunduh berkas-berkas yang dibutuhkan. Kamu bisa mengunduhnya pada link di atas. Di sini, saya menggunakan cara manual, bukan mengubah composer.json atau menginstall-nya lewat terminal.

Step 2: Buat Folder Assets

Setelah mengunduh bahan-bahan utama tersebut, langkah selanjutnya adalah membuat folder assets di folder utama Codeigniter kamu.

Step 3: Pindahkan Berkas AdminLTE ke Folder Assets

Folder assets yang telah dibuat tersebut akan diisi oleh berkas-berkas AdminLTE yang tadi telah di-download. Copy semua file di folder AdminLTE tersebut dan pindahkan ke folder assets.

Step 4: Buat File Pegawai.blade.php

Kini, folder assets kamu telah terisi. Pada langkah selanjutnya, kamu harus membuat file view dan menggunakan halaman blank dari template bawaan AdminLTE. Unduh di sini script-nya! Berikut adalah beberapa baris dari script-nya:

Step 5: Modifikasi File Pegawai.blade.php

Jika proyek dijalankan di browser, maka tampilannya belum sempurna. Untuk itu, kamu perlu memodifikasi atau menyesuaikan script file pegawai.blade.php agar menghasilkan tampilan yang kamu inginkan, khususnya pada bagian url berkas-berkas assets. Salah satu hal yang perlu diubah adalah path url untuk assets atau images. Berikut adalah beberapa baris dari script-nya:

Step 6: Refresh Browser

Sekarang, tampilan dari aplikasi web kalian akan seperti ini:

Kamu bisa mengunduh proyek keseluruhan tersebut di sini.

Sekian artikel tentang integrasi Codeigniter dan AdminLTE ini. Semoga artikel ini bermanfaat. Pada artikel selanjutnya, saya akan terus mengintegrasikan Codeigniter dengan fitur-fitur lainnya sehingga menjadi lebih mumpuni lagi untuk digunakan oleh para programmer web, khususnya yang sering menggunakan Codeigniter sebagai framework dasar untuk aplikasi web mereka. 

Terima kasih.

COMMENTS

Nama

Blade,1,Codeigniter,3,Computer,3,Eloquent,1,Web Development,3,Web Programming,3,
ltr
item
Ensiklopedia Anan: Integrasi Codeigniter 3.1.11 dan AdminLTE
Integrasi Codeigniter 3.1.11 dan AdminLTE
Artikel ini membahas tentang bagaimana mengintegrasikan Codeigniter 3.1.11 dengan AdminLTE versi 2.4.18
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqs0ic9hypbifN1q7SmVppyU3ti27b8-q6fe8uhCCwzBPvmUPHPLJkpNFmwy3Ds-zUNFddDm-lHArlQhJepyZyeRdTeR1i7EaBppgqE-TWi_v7F03XNv1MHCaJjy0oCtVqvHLHQMxfVNl/w400-h266/20945347.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqs0ic9hypbifN1q7SmVppyU3ti27b8-q6fe8uhCCwzBPvmUPHPLJkpNFmwy3Ds-zUNFddDm-lHArlQhJepyZyeRdTeR1i7EaBppgqE-TWi_v7F03XNv1MHCaJjy0oCtVqvHLHQMxfVNl/s72-w400-c-h266/20945347.jpg
Ensiklopedia Anan
https://ensiklopediaanan.blogspot.com/2021/01/integrasi-codeigniter-3111-dan-adminlte.html
https://ensiklopediaanan.blogspot.com/
https://ensiklopediaanan.blogspot.com/
https://ensiklopediaanan.blogspot.com/2021/01/integrasi-codeigniter-3111-dan-adminlte.html
true
5157116854377048486
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content