Langsung ke konten utama

Cara Mengintegrasikan Template AdminLTE dengan Codeigniter


Halo semua, apa kabar ? Semoga tetap dalam keadaan sehat, bahagia, dan rezekinya lancar. Pada kesempatan kali ini saya akan sedikit berbagi tentang bagaimana cara mengintegrasikan template adminLTE dengan framework Codeigniter.

Sebelum itu, izinkan saya sedikit menjelaskan tentang apa itu adminLTE. AdminLTE merupakan template dashboard responsive yang gratis. Untuk melihat tampilan dari template adminLTE silakan perhatikan gambar di atas.

Apa saja yang kita butuhkan untuk mengintegrasikan adminLTE dengan Codeigniter ? Berikut yang kita butuhkan untuk mengintegrasikan template adminLTE dengan projek Codeigniter kita :
1. Text editor kesayangan kalian.
2. Framework Codeigniter yang bisa kalian download disini.
3. Template AdminLTE ( download ).

Setelah semua bahan yang dibutuhkan di atas sudah lengkap, selanjutnya ekstrak file zip codeigniter yang telah kalian download dan rename folder hasil ekstrak sesuai dengan keinginan kalian ( dalam kasus ini saya akan menamai folder codeigniter tadi dengan nama ciadminlte ).

Buat folder assets di dalam folder ciadminlte sehingga didapati ciadminlte/assets. Ekstrak file zip AdminLTE dan rename menjadi adminlte kemudian pindahkan/salin folder hasil ekstrak file zip AdminLTE yang sudah kita rename tadi ke dalam folder ciadminlte/assets. Setelah itu silakan konfigurasi codeigniter seperti biasa yaitu buka file  autoload.php di folder ciadminlte/application/config/autoload.php dan lakukan konfigurasi sebagai berikut :

cari kode $autoload["helper"] = array() dan ubah menjadi $autoload["helper"] = array('url') keudian simpan. Selanjutnya kita atur konfigurasi pada file ciadminlte/application/config/routes.php dan cari kode $route['default_controller'] = 'welcome' dan ubah welcome menjadi nama controller kalian (dalam kasus ini welcome saya ganti menjadi blog). Note : blog adalah nama controller utama yang digunakan pada tutorial ini. Kalian bisa menggantinya sesuai nama controller kalian masing-masing. Jangan lupa atur konfigurasi $config['base_url'] = '' dalam file ciadminlte/application/config/config.php menjadi $config['base_url'] = 'https://localhost/ciadminlte/'.

Selanjutnya buat controller dengan nama Blog.php di folder ciadminlte/application/controllers/Blog.php. Berikut merupakan kode dari controller Blog.php


Selanjunya kita buat view dengan nama header.php di folder ciadminlte/application/views/blog/template/header.php. Berikut merupakan kode header.php


Berikutnya kita buatfile footer.php di dalam folder ciadminlte/application/views/blog/template/footer.php dan salin kode berikut :


Kode pada file header.php danfooter.php di atas diperoleh dari file index.html pada folder adminlte. Selain itu, kalian juga bisa menggunakan index2.html, index3.html, maupun starter.html dari adminlte untuk membuat template. Langkah berikutnya sekaligus yang terakhir adalah membuat file main.php pada folder ciadminlte/application/views/blog/index/main.php. Kode untuk main.php silakan kalian buat sesuka kalian alias buat sendiri. Dengan demikian untuk menggunakan template yang telah kita buat sebelumnya kita hanya perlu meload file header.php dan footer.php sebagai template dan file main sebagai isinya. File main.php di atas bisa kalian ganti dengan konten kalian masing-masing.

Sekian tutorial ini saya buat, semoga bermanfaat. Baca juga Membuat Website Berbagi Berita dengan Codeigniter

Komentar

Postingan populer dari blog ini

Konversi Data JSON ke YAML dengan Python

Halo semua, pada sesi kali ini saya ingin berbagi tutorial sederhana tentang cara mengubah data JSON menjadi YAML. Pada tutorial ini, saya akan menggunakan python dan library bernama FormatFusion. FormatFusion adalah sebuah library/package python yang berfungsi untuk mengkonversi data, untuk lebih detailnya anda bisa mengunjungi website  https://pypi.org/project/FormatFusion/ . Sebelum kita memulai tutorial ini, penting untuk mengetahui apa itu json dan yaml. JSON JSON adalah singkatan dari Javascript Object Notation, ini adalah format pertukaran data yang ringan dan banyak digunakan untuk mengirimkan data antar komputer. Anggap saja sebagai bahasa agar komputer dapat berbicara satu sama lain dengan cara yang mudah dipahami dan efisien untuk dikirimkan. Berikut adalah beberapa hal yang perlu diketahui tentang json: human-readable: Artinya dapat dibaca oleh manusia. Json ditulis dalam plaintext, sehingga mudah dibaca dan dipahami manusia, bahkan bagi mereka yang tidak mengetahui pem...

Tutorial Pemula untuk Menerbitkan Paket Python ke PyPI

Pada tutorial ini, kita akan mencoba untuk mengupload package yang kita buat ke PyPi (Python Package Index). Jika kalian sudah sering menggunakan python, kalian pasti tidak asing dengan perintah pip install saat akan menginstall library pada python.  A. Apa itu PyPi Python Package Index (PyPi) adalah repositori perangkat lunak untuk bahasa pemrograman python. PyPi berfungsi sebagai tempat penyimpanan sentral untuk paket python yang dapat diunduh dan diinstall menggunakan package manager seperti pip. B. Persiapan Sebelum kita dapat mempublikasikan paket kita ke PyPi, ada beberapa persiapan yang perlu kita lakukan terlebih dahulu. Membuat akun PyPi Jika kalian belum memiliki akun PyPi, kalian bisa melakukan registrasi di  https://test.pypi.org/account/register/ . Membuat/mempersiapkan paket yang ingin di publikasi Jika kalian telah berhasil membuat akun atau sudah memiliki akun, hal berikutnya yang perlu disiapkan adalah paket yang akan di publikasi. Berikut struktur paket ...

Cara Mengatasi Error saat Upload Projek Codeigniter ke Web Server

Halo semua, apa kabar ? Semoga kita selalu dalam keadaan sehat, bahagia, dan banyak rezeki, Amin. Hari ini izinkan saya untuk sedikit sharing tentang cara mengatasi error saat kita sedang mengupload projek website kita ke web server. Dalam kasus ini projek website dibuat dengan menggunakan codeigniter. Pada saat akan mengupload website yang telah kita buat ke web server kita terkadang dihadapkan dengan permasalahan seperti terjadi error walaupun pada saat kita jalankan di localhost semuanya berjalan lancar seperti pada gambar di bawah ini. Terkadang kita sering menghadapi masalah seperti pada gambar di atas pada saat mengupload projek kita ke web server. Untuk mengatasi  permasalahan seperti ini sebenarnya cukup mudah. Salah satu cara mengatasinya adalah dengan cara menambahkan ob_start(); setelah kode <?php pada file index.php. Dengan menambahkan kode tersebut error akan hilang dengan sendirinya dan web projek kalian bisa berjalan seperti biasanya. Baiklah sekian...