APLIKASI CRUD SEDERHANA MENGGUNAKAN PHP – MYSQL(i)

Tujuan dari tutorial dibuatnya ini adalah kita mampu membuat sistem web menggunakan PHP, serta
mengkoneksikan dengan database, database yang kita pakai adalah MySQL. Pada pembahasan sebelumnya
kita telah belajar tentang dasar dari PHP, dan MySQL. Sehingga kita akan mengkolaborasikan keduanya pada
bahasan kita kali ini.

Seperti yang telah diinformasikan pada situs resmi PHP pada link berikut
http://php.net/manual/en/migration55.deprecated.php, bahwa penggunaan original MySQL extension (mysql_*)
akan didelete untuk fitur PHP 5.5.x, sehingga pada kolaborasi kali ini penulis menggunakan MySQLi atau
kepanjangan dari MySQL Improved (sesuai dengan saran pada link situs di atas).

Dengan menggunakan MySQLi, maka kita mampu melakukan peningkatan pengaksesan terhadap database
MySQL, yang mana MySQLi merupakan perkembangan teknik pada PHP 5.5.x atau yang terbaru.

Langsung saja kita praktekkan bersaman ya, kita akan membuat aplikasi biodata sederhana berbasis web
menggunakan PHP-MySQLi

1. Membuat Database dan Tabel

Sebelumnya kita menggunakan command prompt untuk membuat database dan table, untuk
mempersingkat waktu dan sedikit tambahan pengalaman, kita akan menggunakan phpMyAdmin untuk
membuat database dan tabelnya.

Nama Database : db_biodata

Nama Tabel : biodata.

a. Yang pertama kita lakukan adalah mengaktifkan xampp kita, kemudian buka browser teman – teman,
lalu ketikkan http://localhost/phpmyadmin/ pada url kita, sehingga penampakkannya adalah sebagai berikut

Programming Adalah Seni Berlogika Page 65

 b. Pada kolom create new database kita isi dengan nama db_biodata, kemudian klik tombol create

c. Kemudian kita isikan nama tabel pada Create new table on database db_biodata, kita isikan dengan
- Name : biodata
- Number of fields :4

Kenapa number fields diisi dengan angka 4 ?

Karena kita akan membuat fields pada tabel tersebut sebanyak 4 (empat) yaitu id_biodata, nama,
alamat, dan hobi.

Programming Adalah Seni Berlogika Page 66

 kemudian kita klik tombol Go.

d. Kita isikan data berikut

Field Type Length Index A_I
id_biodata int 6 PRIMARY √ (centang)
nama varchar 25
alamat text
text varchar 25

kemudian klik tombol Save

e. hasilnya adalah sebagai berikut

Selamat Anda telah berhasil membuat database dan tabel menggunakan phpMyAdmin.

Programming Adalah Seni Berlogika Page 67

2. Membuat Koneksi antara PHP dengan MySQL(i)
a. Buat folder baru dengan nama biodataku pada folder htdocs teman – teman (ditempat penulis
terletak pada direktori C:\xampp\htdocs\biodataku).

b. Setelah kita membuat folder biodataku, kita buat file baru bernama koneksi.php, file koneksi.php
iniliah yang akan menghubungkan antara PHP dengan Database MySQL, kemudian kita ketikkan
source code berikut ini.

Untuk melakukan pengujian, silakan buka browser, kemudian ketikkan url berikut
http://localhost/biodataku/koneksi.php, jika muncul tulisan seperti di bawah, maka teman – teman sudah
berhasil meng-koneksikan PHP dengan MySQL

Programming Adalah Seni Berlogika Page 68

3. Operasi Create (Menambahkan Data)
Buat file dengan nama tambah.php, kemudian simpan pada folder ..htdocs/biodataku/tambah.php

Buka browser teman – teman, kemudian ketikkan url berikut http://localhost/biodataku/tambah.php

Programming Adalah Seni Berlogika Page 69

 Isi data pada form tersebut, kemudian klik tombol Save, maka akan muncul tulisan Data berhasil
ditambah.
Karena kita belum membuat file index.php (digunakan untuk melihat data, akan kita bahas pada
pembahasan berikutnya), sehingga untuk mengetahui data tersebut, kita harus melihat melalui
phpMyAdmin.
Berikut adalah hasil penambahan data, saat dilihat menggunakan phpMyAdmin

4. Operasi Read (Menampilkan Data)

Pada tutorial Operasi Create, kita berhasil menambahkan data pada database, yang mana kita melihat
hasil dari penambahan tersebut menggunakan phpMyAdmin, pada bahasan ini, penulis akan
membuatkan code agar kita langsung melihat data melalui browser, tanpa melihat database pada
phpMyAdmin.

Kita buat file baru bernama index.php, kemudian simpan pada folder ..htdocs/biodataku/index.php, lalu
kita ketikkan source code berikut

Programming Adalah Seni Berlogika Page 70

Programming Adalah Seni Berlogika Page 71
 Buka browser teman – teman, kemudian ketikkan url berikut http://localhost/biodataku, maka akan tampil
data yang telah kita buka, sehingga kita tidak perlu akses langsung ke dalam phpMyAdmin

5. Operasi Update (Mengedit Data)

Jika telah berhasil menambah data dan menampilkan data, sebagai contoh data yang kita tambahkan
terdapat sedikit kesalahan, maka kita harus melakukan perubahan data pada data yang telah kita
inputkan tersebut.

Pada tutorial ini, kita akan membahas cara melakukan perubahan data. Silakan teman – teman
tambahkan file baru bernama edit.php, kemudian simpan pada folder ..htdocs/biodataku/edit.php, lalu
kita ketikkan source code berikut

Programming Adalah Seni Berlogika Page 72

 Sebagai contoh kita akan mengubah data hobi dengan nama Aprilia Kristina Dewi, hobi sebelumnya
adalah bisnis online, kemudian kita akan mengubah hobi tersebut menjadi bisnis.

Buka browser teman – teman kemudian ketikkan url, http://localhost/biodataku/

setelah itu klik link Edit pada kolom aksi

Programming Adalah Seni Berlogika Page 73

 Maka akan muncul sebuah form, yang mana form tersebut akan mengambil data pada database

Kita ubah hobi pada Aprilia Kristina Dewi, sebelumnya adalah Bisnis Online, kita ubah menjadi Bisnis,
Jika sudah, kita klik link Edit

Maka akan terdapat message “Data berhasil ditambah”, apabila kita ingin melihat data, kita klik link
Back to index

Sudah kita lihat, bahwa kita berhasil melakukan pengeditan pada hobi dengan nama Aprilia Kristina
Dewi.

6. Operasi Delete (Menghapus Data)

Pada sebuah data, apabila data tersebut sudah tidak terpakai lagi, maka kita bisa melakukan
penghapusan data pada database tersebut.

Programming Adalah Seni Berlogika Page 74

 Untuk melakukan hapus data, kita hanya perlu memodifikasi file index.php, yang telah kita buat pada
pembahasan Operasi Read (Menampilkan Data), menjadi berikut

Programming Adalah Seni Berlogika Page 75

 Nah, setelah kita memodifikasi file pada index.php menjadi seperti source code di atas, teman – teman
buka browser, kemudian ketikkan url berikut http://localhost/biodataku/, sebagai contoh penulis
mempunyai data sebagai berikut

Penulis akan menghapus data dengan nama Imron A.H. maka kita tinggal mengeklik link Hapus pada
kolom aksi

Programming Adalah Seni Berlogika Page 76