PHP PDO Datatable Server Side Script

PHP PDO Datatable server side script

Mungkin postingan kali bukan untuk anda yang belum tahu sama sekali mengenai datatable namun posting kali ini buat anda yang sudah paling tidak mengenal dan mau mempelajari datatable lebih lanjut.

Sebagai developer tentu tidak asing dengan datatable, atau bahkan mungkin menjadi plugin jquery wajib untuk manage datagrid.

Datatable bisa ditampilkan dengan cara biasa dalam arti semua data di load di client atau dengan server side processing yakni data di fetch dari sisi server per halaman.

Keuntungan menggunakan metode server side processing datatable adalah ketika anda punya data yang ribuan. Jika menggunakan server side maka prosesnya tidak akan berat karena data memang diload sesuai jumlah yang di request client. Berbeda dengan tanpa server side, jika anda punya data ribuan, maka loading akan lama karena semua data langsung di fetch di client.

Kali ini saya akan share script php pdo server side script datatable untuk mempermudah pengambilan data dengan datatable pada sisi server side. Database yang akan saya gunakan adalah Mysql.

Demo | Download File

Kita akan buat strukturnya seperti ini

Langsung saja let get started

 

Library

  1. Datatable 
  2. Php pdo mysql helper class
  3. Bootstrap 3

Struktur yang akan kita buat adalah seperti ini

structure

 

Untuk lengkapnya silakan download saja file finalnya.

Silakan anda buat database baru misalkan data, lalu importkan file data.sql

Kemudian edit config file sesuaikan nama database, username dan passwordnya.

config.php

 

Index.php

data.php

File ini untuk fetching data ke mysql

Pada script data diatas, kita akan melakukan query untuk menampilkan data provinsi,kabupaten dan kecamatan. Jadi kita melakukan query join dari 3 table provinsi, kabupaten dan kecamatan.

Demikian tutorial cara load datatable dengan server side processing.

Demo | Download File

17 Comments

  1. min, klo pengen nampilin data dengan kategori tertentu itu di javascript nya kayak gmna ??
    ga ngerti pas di sini :

    “ajax”:{
    url :”data.php”,
    type: “post”, // method , by default get
    //bisa kirim data ke server
    /*data: function ( d ) {

    d.jurusan = “3223”;
    },*/

    Reply

Leave a Comment.

*