6 Langkah Membuat Website CRUD dengan MySQL

Halo sobat IT di mana pun berada. Hari ini saya membuat tutorial "CRUD (Create Read Update Delete) Menggunakan PHP". Tutorial ini dibuat berdasarkan pengalaman pribadi dan pembelajaran di jurusan Teknik Informatika. Dalam membuat tutorial ini ada beberapa langkah yang harus kita ketahui, yaitu:

• Instalasi XAMPP
• Membuat Database dan Tabel
• Membuat Project dan Assets (CSS,JS,Images,Bootstrap)
• Membuat Config (DAO,DBConfig)
• Membuat Halaman Utama
• Membuat File Execute

Yang pertama yaitu menginstall XAMPP, untuk langkah-langkah instalasi XAMPP dapat dicari di artikel lainnya. Contohnya di sini.

Yang kedua yaitu membuat database dan table nya, untuk langkah-langkahnya seperti berikut:

• Buka phpMyAdmin dengan link http://localhost/phpmyadmin
• Klik BasisData dan buatlah dengan nama database "webprakt" klik Go
• Buatlah tabel baru dengan nama "users" klik Go
• Untuk struktur dari tabel users dapat dilihat di bawah ini:

1-5b120f56bde5755c723cd234.png

Yang ketiga yaitu membuat Project Netbeans dan Assets (Bootstrap dan Awesome), untuk langkah-langkahnya seperti berikut:

• Download terlebih dahulu file-file kebutuhannya, dapat didownload di sini:
  • https://github.com/twbs/bootstrap/releases/download/v4.0.0/bootstrap-4.0.0-dist.zip
  • https://fontawesome.com/v4.7.0/assets/font-awesome-4.7.0.zip
• Buka Netbeans, Kemudian File-New Project
• Pilih PHP Application klik Next, buatlah dengan nama " proweb10a08 " dan arahkan source folder ke C:\xampp\htdocs\proweb10a08
• Buat folder assets di dalam project Web kita tadi, ekstrak file-file di atas yang sudah di download ke dalam folder assets, sehingga seperti dibawah ini:

2-5b121138f133444ddd76ed82.png

Yang keempat yaitu membuat Config (DAO,DBConfig). DAO berfungsi sebagai object yang menyediakan sebuah interface yang abstrak dimana ditujukan untuk web kita yang behubungan dengan database sedangkan DBConfig adalah pengaturan koneksi database kita ke MySQL, untuk langkah-langkahnya seperti berikut:

• Buat folder Config di dalam project Web kita tadi
• Klik kanan pada folder config dan pilih New-PHP File
• Buatlah dengan nama " dbconfig " kemudian Finish, dan isi file tersebut dengan teks dibawah ini, sehingga menjadi seperti dibawah ini:

3-5b121054dd0fa8540d5fa1e3.png

Inisialisasikan setiap variabel dalam database yaitu:

Host: Sesuaikan dengan host anda (jika menggunakan XAMPP maka gunakan " localhost ")
User: Sesuaikan dengan user database anda
Pass: Sesuaikan dengan pass database anda
Name: Sesuaikan dengan nama database yang telah dibuat sebelumnya

• Klik kanan pada folder config dan pilih New-PHP File
•  Buatlah dengan nama " dao " kemudian Finish, dan isi file tersebut dengan teks dibawah ini, sehingga menjadi seperti dibawah ini:

4-5b120ff4ab12ae09d363b9d2.png

Function __construct berarti menjalankan isi dari function itu terlebih dahulu.

Function read berarti membaca database yang akan di tampilkan di halaman depan.

Function execute berarti query yang bisa menjalankan Insert, Update, dan Delete.

Yang kelima yaitu membuat halaman utama yang bisa menampilkan data, tambah data, ubah data dan hapus data dalam web kita, untuk langkah-langkahnya seperti berikut:

• Klik double pada file index.php
• Buat head yang berisi di bawah ini:

• Buat Body yang berisi di bawah ini:

 read(); //$list = mysqli_fetch_array($result); //print_r($list); ?>     Add        No ID User Name Full Name Email Telephone Baned Login Time Akses Aksi           Detail   Edit   Del         User Form   ×                               Banned:  Yes   No      Access:  Administrator   Operator           Save   Clear   Cancel             User Delete   ×    

Yakin menghapus data berikut..?

Delete Cancel

• Sisipkan syntax berikut diatas :

Yang keenam yaitu membuat halaman execute yang berisi syntax-syntax execute (Add,Update,Delete) dalam web kita, untuk langkah-langkahnya seperti berikut:

• Klik kanan pada folder Source Files dan pilih New-PHP File
• Buatlah dengan nama " execute " kemudian Finish, dan isi file tersebut dengan teks dibawah ini:

 0) { $query = "SELECT id,username,fullname,email,telp,baned,akses FROM users WHERE id=".$usrid; $result = $dao->execute($query); $list = mysqli_fetch_array($result); echo json_encode($list); exit();}elseif ($proc == "usrin" && $usrid > 0) { $username = $_POST['username']; $fullname = $_POST['fullname']; $email = $_POST['email']; $telp = $_POST['telp']; $query = "UPDATE users SET username='$username',fullname='$fullname',email='$email',telp='$telp' WHERE id=".$usrid; }$in = $dao->execute($query);if (!$in) { $msg[0] = "0"; $msg[1] = $in;} else { $result = $dao->read(); $i = 1; $userlist = ""; $msg[0] = "1"; foreach ($result as $value) { $userlist .= " " . $i . " " . $value['id'] . " " . $value['username'] . " " . $value['fullname'] . " " . $value['email'] . " " . $value['telp'] . " " . $value['baned'] . " " . $value['logintime'] . " " . $value['akses'] . "  Detail   Edit   Del  "; $i++; } $msg[1] = $userlist;}/* ================================================== */echo json_encode($msg);

Jalankan website anda di url http://localhost/proweb10a08, jika berhasil maka tampilannya seperti di bawah ini:

5-5b1212c2cf01b41c6e1fd8c2.png

Coba klik Add dan tambahkan data sebanyak mungkin misalkan seperti di bawah ini:

6-5b12135916835f76b6747e72.png

Kemudian Klik Save sehingga halaman utama akan me-refresh dan menampilkan data yang kita masukkan tadi, seperti di bawah ini:

7-5b1210dbab12ae5cc77502b2.png

Cobalah mengubah data dengan mengklik Edit atau menghapus data dengan mengklik Del, maka kalian akan melihat perubahan-perubahan yang terjadi.

Misalkan kita mengubah email pada user okeaditya988, klik Edit pada no 1 dan ubah emailnya seperti di bawah ini:

8-5b1210efab12ae4e825c67c2.png

Kemudian Klik Save sehingga halaman utama akan me-refresh dan menampilkan data yang kita ubah tadi, seperti di bawah ini:

9-5b12180916835f3b80218165.png

Misalkan kita menghapus user admin dengan nama Hermawan Aja, klik Del pada no 2 dan Klik Delete seperti di bawah ini:

10-5b122033f133447022475816.png

Ketika diklik Delete maka halaman akan me-refresh dan data yang kita hapus tadi tidak tampil lagi.

Sekian tutorial CRUD pada PHP kali ini, silahkan pantau terus ya teman-teman link Kompasiana saya untuk melihat updatean tutorial terbaru. Jika terdapat permasalahan dapat menghubungi saya di link social media di bawah profil Kompasiana saya. Terima kasih.