Tutorial Cara Membuat CRUD Sederhana

MEMBUAT CRUD SEDERHANA

1. Pertama yang harus kita lakukan adalah membuat database yang diinginkan. Disini saya membuat database dengan nama webprogramming2 dan tabel dengan nama crud. dan isi strukturalnya seperti pada gambar di bawah ini.





2. Kedua kita membuat index untuk memanggil css dan js gunanya untuk mempercantik tampilan. Dan codenya seperti pada gambar di bawah ini.





3. Kemudian kita membuat koneksi untuk menghubungkan ke database. Disini saya membuat dengan nama koneksi.php. Dan codenya seperti pada gambar di bawah ini.




Ket :
- $conn                        = variable koneksi
- mysqli_connect         = fungsi
- webprogramming2    = nama database kita


4. Kemudian kita mememanggil koneksi. dengan perintah : require 'koneksi.php';. Seperti pada gambar di bawah ini.




5. Kemudian kita membuat body, gunanya adalah untuk pemanggilan tiap page. Dan agar tidak perlu kita memanggil head lagi, dan kita bisa memberikan title yang berbeda" tiap page. Dan disini saya membuat dengan nama body.php dengan codenya seperti pada gambar di bawah ini.






6. Kemudian kita membuat tampilan untuk menampilkan data / halaman awal. Disini saya membuat dengan nama read.php. Dan codenya seperti pada gambar di bawah ini.






Ket :
- $read = mysqli_query($conn, "SELECT * FROM crud");  = adalah query untuk menampilkan data yang ada pada tabel crud  

- ?page=update&id"                                                         = adalah pemanggilan untuk page update berdasarkan id yang kita pilih 

- ?page=delete&id"                                                          = adalah pemanggilan untuk page delete berdasarkan id yang kita pilih


7. Kemudian kita membuat tampilan create / menambahkan data. Disini saya membuat dengan nama create.php dan codenya seperti pada gambar di bawah ini.





Ket :
- $query = "INSERT INTO crud (nama, username, password, email) VALUES('$nama', '$username', '$password', '$email')";                => adalah query untuk menambahkan data

- <script>alert('');</script>                                => adalah untuk menampilkan notifikasi kepada kita apakah berhasil / gagal. 

- <script>var timer = setTimeout(function(){ window.location= '?page=read'}, 500)</script>";  
                                                                          => adalah untuk perpindahan halaman secara otomatis


8. Kemudian kita membuat tampilan update / edit data. Disini saya membuat dengan nama update.php. Dan codenya seperti pada gambar di bawah ini.





Ket :
-$view = "SELECT * FROM crud WHERE id = '$_GET[id]'";       => adalah query untuk menampilkan data berdasarkan id yang kita pilih tadinya.

-$sql = mysqli_query($conn,$view);                                        => adalah perintah untuk memanggil variable koneksi dan memanggil variable query nya.

-$data = mysqli_fetch_assoc($sql);                                          => adalah perintah untuk menggabungkan menjadi 1 variable untuk memanggil query nya.

-$query = "UPDATE crud SET nama = '$nama', username = '$username', password = '$password', email = '$email' WHERE id = '$_GET[id]'";           => adalah query untuk menyimpan editan berdasarkan id yang kita pilih tadinya.


9. Kemudian kita membuat tampilan untuk delete data. Disini saya membuat dengan nama delete.php. Dan codenya seperti pada gambar di bawah ini.




Ket:
-$view = "DELETE FROM crud WHERE id = '$_GET[id]'"; => adalah query untuk menghapus data berdasarkan id yang kita pilih tadinya.

-$sql = mysqli_query($conn,$view);                               => adalah untuk memanggil variable dari query nya.

Read More