- Beranda
- Komunitas
- Tech
- Website, Webmaster, Webdeveloper
Membuat Dinamik Data Pada DataTables, CRUD + Bootstrap


TS
lefgrin
Membuat Dinamik Data Pada DataTables, CRUD + Bootstrap
Apakah agan/aganwati, 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

Perlu di perbaiki jika seperti itu, karena semakin banyak data semakin lama performance website anda.
Yuk Disimak.
Yang Dibutuhkan
Spoiler for Yang Dibutuhkan:
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

Spoiler for :
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

Spoiler for :
5. Buka PhpMyAdmin, buat database baru dengan nama "datatables_ku" setelah itu
buka link inilalu klik menu SQL, copy dan paste script pada link yang saya berikan
di text box SQL. Lalu klik kirim.
Spoiler for :
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
[URL="http://S E N S O R/nhJHpiZv"]index.php[/URL] from S E N S O R
7. Setelah "index.php" maka buat file "serverSide.php" script ini untuk load data kita ke file
"index.php" berikut script nya.
[URL="http://S E N S O R/k0KFSS7t"]serverSide.php[/URL] from S E N S O R
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.
[URL="http://S E N S O R/jvXbCtVL"]crud.php[/URL] from S E N S O R
Selesai deh lihat hasilnya gih

Spoiler for Hasil:
Spoiler for Demo & Download:
UPDATE
Wah banyak yang tertarik ya, Malah ada yang nyaranin suruh bikin buku hahaha
Pada pengen tau cara join tablenya gimana hahaha. Nih sample/contoh cara join nya
[URL="http://S E N S O R/2GhntsRe"]joinServerside.php[/URL] from S E N S O R
Untuk Demonya klik disini
Spoiler for Sumber & Penulis:








Diubah oleh lefgrin 09-11-2015 16:34
0
8.1K
28


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan