lefgrinAvatar border
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 emoticon-Frown
bahkan bisa membuat browser anda not responding emoticon-Ngakak (S)

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 emoticon-Smilie

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 emoticon-Smilie

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 emoticon-Smilie

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 emoticon-Smilie

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:



emoticon-I Love Indonesiaemoticon-Blue Guy Cendol (L) emoticon-Blue Guy Cendol (L) emoticon-Blue Guy Cendol (L) emoticon-Rate 5 Star emoticon-Rate 5 Star emoticon-Rate 5 Star emoticon-I Love Indonesia
Diubah oleh lefgrin 09-11-2015 09:34
0
8.1K
28
GuestAvatar border
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Urutan
Terbaru
Terlama
GuestAvatar border
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Komunitas Pilihan