Seri 9# Tutorial Codeigniter 3 HMVC Menampilkan Data Dengan Datatables dan jquery dengan JOIN Table

Selamat pagi, selamat siang, selamat sore dan selamat malam guys.. berbicara mengenai codeigniter, ada beberapa keuntungan menggunakan framework codeigniter, diantaranya adalah kolaborasi dengan datatables. Tutorial kali ini akan membahas menampilkan data ke browser dengan datatables.

Silahkan buka project codeigniter yang pernah kita buat menggunakan modular HMVC. tentunya anda harus membuat beberapa tabel terlebih dahulu. studi kasus kali ini adalah menampilkan data siswa. pada modul siswa. buatlah folder baru dengan nama siswa, folder siswa ini sekaligus sebagai modul. apa itu modul?.

( Baca : Mengenal Konsep Modular Hirarki HMVC Pada Framework Codeigniter 3 )

Dalah studi kasis yang akan kita bahas kali ini menggunakan teknik ajax jquery. jadi data yang kita load akan menjadi ringan, walaupun mempunyai beribu ribu data. fungsi dari kegunaan datatables ini sebenarnya mempermudah dalam mengelolaan data dan manajemen penulisan kode yang menjadi lebih pendek.

tentu saja code diatas adalah bagian dari controller dari siswa.php. Silahkan buat terlebih dahulu file siswa.php pada editor anda.

buat model baru berinama dengan m_siswa.php, tulis kode program dibawah ini:

code diatas menandakan pemanggilan SELECT dari table siswa dan kelas. menggunakan struktur relasi INNER JOIN akan memberikan kemudahan dalam penyatuan 2 table.

kemudian silahkan buat view seperti ini, berinama dengan v_tampil.php

diatas adalah gabungan dari struktur javascript jquery. jika anda merasa bingung maka saya akan memisahkannya menjadi seperti ini:

tidak perlu merasa bingung sekarang. anda bisa langsung menuliskan kode javascript di bawah kode html pada v_tampil.php di dalam modul siswa. pemisahan ini dilakukan agar kita dapat menemukan kemudahan dalam pengembangannya kedepan. sebab jika sistem yang anda bangun menjadi besar, maka anda harus banyak menuliskan kode javascript.

Sekian artikel yang singkat ini semoga bermanfaat buat kalian

 

 

You May Also Like

About the Author: admin initekno

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *