Silahkan Melihat Tutorial di website kami dengan nyaman ENJOY YOUR LIFE ☕

PHP :: Membuat Dinamik Data Pada DataTables, Bootstrap + CRUD



Mempunyai Data sampe Ribuan atau Puluhan Ribu Baris ?
pasti akan berat ketika akses page data tersebut, mungkin ketika di akses data ter-load semua dan itu akan menguras bandwith hosting/server anda :(
bahkan bisa membuat browser anda not responding :v

A : Bagaimana caranya ketika di akses data anda yang sangat banyak itu tidak berat  ?
     apakah ada triknya ?

B : Ada donk Triknya, yuk simak :)



*Yang Dibutuhkan

  • Komputer/Laptop pasti itu mah :)
  • XAMPP / WAMPP.
  • Notepad ++ / Sublime / Dreamweaver.
  • Script Data Tables bisa di download disini.
  • Script Bootstrap bisa di download disini (Klik download yang pojok kiri ya)


Yuk kita mulai :D

1. Download script Data Tables, dan Bootstrap terlebih dahulu.

2. Nyalakan XAMPP, perlu di ketahui penulis memakai XAMPP versi V 1.8
    PHP menggunakan versi 5.4. XAMPP bisa di download disini

3. Setelah di download script Data Tables, buat 1 folder "datatablesku" lalu buat 1 folder lagi
    yaitu "assets" lalu extract file script Data Tables yang sudah di download, lalu masukin
    isi script tersebut kedalam folder "assets" kira kira seperti ini :)

  

4.  Setelah di download script Bootsrap, buka folder "assets" buat folder "bootsrap"
     lalu extract file script Bootsrap yang sudah di download, lalu masukin isi script tersebut
     kedalam folder "bootsrap" kira kira seperti ini :)


5. Buka PhpMyAdmin, buat database baru dengan nama "datatables_ku" setelah itu
    buka link ini lalu klik menu SQL, copy dan paste script pada link yang saya berikan
    di text box SQL. Lalu klik kirim.



WARNING !!!
Tahap selanjutnya akan membahas tentang coding, pastikan pikiran sedang fresh, tidak banyak pikiran dll. Pastikan anda mengerti kodingan yang akan di bahas, jangan hanya copas lalu anda tidak mengerti inti dari coding yang di bahas, jika ada yang kurang/tidak mengerti atau penulis melakukan kesalahan. Silahkan komentar  :)

6. Pada folder "datatables_ku" buat file bernama "index.php" dengan script sebagai berikut
  


index.php in Pastebin.Com Click Here

7. Setelah "index.php" maka buat file "serverSide.php" script ini untuk load data kita ke file
    "index.php" berikut script nya.



serverSide.php in Pastebin.Com Click Here

8. Nah script terakhir nih, yaitu membuat CRUD (CREATE, READ, UPDATE, DELETE)
    Supaya datanya bisa di Tambah, Edit dan Di Hapus. Buat file "crud.php"
    berikut scriptnya.



crud.php in Pastebin.Com Click Here


Selesai deh lihat hasilnya gih :)


Hasilnya






0 komentar:

Post a Comment

PHP :: Membuat Dinamik Data Pada DataTables, Bootstrap + CRUD