Tutorial CRUD Sederhana Dengan Menggunakan PHP dan Database MySql

1. Buatlah sebuah database dengan nama crud.

2. Buatlah sebuah table pada database crud dengan nama artikel.

3. Buatlah sebuah folder pada directory htdocs anda dengan nama crud.
4. Buatlah sebuah file dengan nama koneksi.php seperti dibawah ini.

Penjelasan:
• Baris 2, username yang dipergunakan untuk melakukan koneksi ke database.
• Baris 3, password dari user yang dipergunakan.
• Baris 4, nama dari database yang akan dipergunakan.
• Baris 5, nama server atau host dimana aplikasi itu berada.
• Baris 7, membuka koneksi berdasarkan parameter yang sudah di definisikan
pada baris 2 s/d 5.
• Baris 9, memilih database yang akan digunakan.
5. Buatlah sebuah file dengan nama index.php untuk menampilkan data artikel yang ada.
Penjelasan:
 • Baris 8, memanggil file koneksi.php yang dipergunakan untuk melakukan
koneksi ke database.
• Baris 10 s/d 11, melakukan query ke database.
• Baris 13, tag html pembuka table.
• Baris 14 s/d 40, membuat header table yang dpergunakan untuk menampilkan
data.
• Baris 24 s/d 39, melakukan perulangan berdasarkan query pada baris 10 s/d
11 dan menampilkan data yang ada pada table.
• Baris 40, tag html penutup table.
6. Lihat hasil yang ditampilkan pada file index.php dengan mengetikkan url
localhost/crud/index.php.

Berdasarkan hasil diatas tidak ada data yang ditampilkan karena memang belum ada
data yang dimasukkan ke dalam table artikel pada database crud. Masukkan beberapa
data dan akseslah kembali url localhost/crud/index.php.

7. Buatlah sebuah file dengan nama form_tambah_artikel.php untuk menambahkan

data ke table artikel.
 Penjelasan:
Baris 8, method yang digunakan adalah POST dan ketika tombol simpan di klik maka
akan dilakukan proses pada file dengan nama tambah_artikel.php.
Yang perlu diperhatikan adalah pemberian nama untuk setiap objek yang diberi kotak
merah karena akan berpengaruh pada script yang ada pada file tambah_artikel.php.
8. Lihat form yang telah dibuat dengan mengakses url
localhost/crud/form_tambah_artikel.php.
9. Buatlah sebuah file dengan nama tambah_artikel.php yang akan dipergunakan untuk
memproses data yang diinputkan pada form_tambah_artikel.php.

Penjelasan:
• Baris 2, membuka koneksi ke dalam database.
 • Baris 5 s/d 8, menampung inputan dari form sesuai nama objek ke dalam
variable.
• Baris 11 s/d 13, melakukan query insert ke database berdasarkan nilai inputan
dari form.
• Baris 15, setelah proses selesai diarahkan ke halaman utama.
10. Tambahkan link pada halaman index.php untuk mengakses
form_tambah_artikel.php. Tambahkan script pada index.php.
Dari

Menjadi

11. Lihat perubahan yang ada pada index.php dengan mengakses url
localhost/crud/index.php.
 Ketika “Tambah Artikel” di klik maka akan langsung mengarah ke form tambah artikel.
12. Selanjutnya kita akan membuat fitur edit data. Bukalah kembali file index.php dan
tambahkan beberapa script.
Dari

Menjadi

Pada file diatas kita menambahkan sebuah link dimana ketika tombol edit diklik maka
akan di arahkan ke sebuah file dengan nama form_edit_artikel.php. Dalam url
tersebut terdapat “?id$id” yang biasanya berisi nilai primary key yang akan dijadikan
acuan untuk mengedit data. Penamaan untuk objek “id” bebas dan akan berpengaruh
pada saat mengambil id pada file form_edit_artikel.php.
13. Buatlah sebuah file dengan nama form_edit_artikel.php yang akan dipergunakan
untk mengedit data yang dipilih.
 Penjelasan:
• Baris 7, membuka koneksi ke database.
• Baris 8, mengambil id yang didapat dari halaman
localhost/crud/form_edit_artikel.php?id=$id.
• Baris 9 s/d 17, mencari data berdasarkan id untuk nilai awal pada form edit.
• Baris 20, method yang digunakan adalah POST dan akan di proses pada file
edit_artikel.php.
• Baris 45, input dengan value id dari data yang akan diedit, digunakan agar id
dari data terbawa ke file edit_artikel.php.
14. Buatlah sebuah file dengan nama edit_artikel.php yang akan digunakan untuk proses
mengubah data berdasarkan inputan dari form_edit_artikel.php.
 Penjelasan:
• Baris 2, melakukan koneksi ke database.
• Baris 5 s/d 9, menampung inputan dari form_edit_artikel.php ke dalam
variable.
• Baris 12 s/d 18, melakukan update ke table artikel berdasarkan inputan pada
form edit.
• Baris 20, setelah semua proses selesai maka akan dikembalikan ke halaman
index.php.
15. Klik salah satu data yang akan diedit, kemudian akan tampil form seperti ini dengan
data yang sudah terisi berdasarkan data yang ada pada database. Ubahlah salah satu
value kemudian klik simpan maka data akan berubah.
16. Kemudian kita akan membuat fitur hapus data. Bukalah kembali file index.php dan
tambahkan beberapa script.
Dari

Menjadi
 Pada file diatas kita menambahkan sebuah link dimana ketika tombol delete diklik
maka proses akan dilanjutkan pada file dengan nama delete_artikel.php. Dalam url
tersebut terdapat “?id$id” yang biasanya berisi nilai primary key yang akan dijadikan
acuan untuk menghapus data. Penamaan untuk objek “id” bebas dan akan
berpengaruh pada saat mengambil id pada file delete_artikel.php.
17. Buatlah sebuah file dengan nama delete_artikel.php yang akan dipergunakan untuk
melakukan proses penghapusan data.

Penjelasan:
• Baris 2, membuka koneksi ke database.
• Baris 4, mengambil parameter id dari halaman index.php.
• Baris 7 s/d 8, melakukan query sql untuk menghapus data berdasarkan id.
• Baris 11, mengarahkan ke halaman index.php setelah proses selesai
dijalankan.
18. Pilihlah salah satu dari data berikut ini dan klik tombol delete.

19. Data yang dipilih akan terhapus setelah diklik tombol delete.
Demikianlah tutorial sederhana pembuatan CRUD pada PHP dengan menggunakan database
MySql.