MySQL PHP

Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL

simple-crud-application
Written by Fatoni

Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL. Seperti judulnya yaitu Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL. Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database MySQL.

Tutorial ini saya buat sangat mudah agar Anda yang pemula bisa mempelajarinya dengan mudah. Karena ini hanya basicnya saja, jadi tidak ada yang namanya kemanan dalam query ke database, saya bua sangat sederhana agar mudah dipelajari dengan mudah.

Oke, sebelumnya file-file yang akan kita buat adalah seperti tambah pada gambar di bawah ini:

simple-crud

Nah, sudah tau kan file apa saja yang nantinya kita buat.

Langsung saja za kita mulai tutorial yang panjang ini πŸ™‚

Step #1 Database

Tahap pertama adalah membuat database dahulu di phpMyAdmin, saya umpamakan Anda sudah membuat sebuah database dengan nama tutorialweb.

Jika database sudah dibuat, sekarang Dumping script SQL di bawah ini:

Dari script SQL di atas Anda akan mendapatkan sebuah table dengan nama siswa dengan field siswa_id, siswa_nis, siswa_nama, siswa_kelas, siswa_jurusan.

Database dan Table sudah ada, biarkan saja datanya kosong.

Step #2 Koneksi ke Database

Tahap selanjutnya adalah melakukan koneksi ke database, file untuk koneksi ke database adalah koneksi.php.

Silahkan buat file baru dan beri nama koneksi.php kemudian isi dari file ini seperti di bawah ini:

Silahkan simpan dan jangan lupa merubah detail koneksinya, misalkan passwordnya beda ya silahkan diganti dengan password Anda.

Step #3 Menampilkan Data (READ/SELECT)

Tahap ketiga adalah menampilkan data dari database atau jika dalam singkatan CRUD maka kali ini adalah R -> Read.

Untuk menampilkan data, kita akan membuat file dengan nama index.php. Dan isi dari file index.php adalah script di bawah ini:

Jangan lupa disimpan za.. πŸ™‚

Untuk penjelasan Script sudah saya masukkan pada Script di atas, silahkan di baca sendiri kegunaan tiap-tiap baris kode.

Tampilan dari file index.php bisa terlihat seperti gambar di bawah ini:

simple-crud-tampilkan-data

Seperti terliha pada gambar di atas terdapat tulisan “Tidak ada data!” yang artinya memang data pada database masih kosong.

Step #4 Memasukkan Data (Create/Insert)

Tahap ke empat adalah meng-insertkan data ke database dengan perintan INSERT INTO.

Pertama tertu saja kita buat Form utuk memasukkan datanya.

Form ini akan kita simpan dalam file tambah.php dengan script seperti di bawah ini:

Dari Form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php.

Tampilannya seperti gambar di bawah ini:

simple-crud-form-tambah-data

Nah ketika form tersebut di isi, dan tombol Tambah di klik, maka akan menjalankan file tambah-proses.php.

Jadi selanjutnya buat file baru dengan nama tambah-proses.php dan isinya adalah script di bawah ini:

Beres deh untuk tambah data atau Insert data ke database.

Penjelasan kode juga sudah saya masukkan pada file tersebut, silahkan baca sendiri πŸ™‚

Step #5 Update Data (Update/Edit)

Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah file edit.php.

Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom Opsi ada Link edit dan hapus. Dimana untuk Link edit yang di klik Anda akan mendapatkan Link seperti <a href=”edit.php?id=12″>Edit</a> dimana id ini adalah nilai dari siswa_id. Jika id tersebut adalah 12, maka akan menampilkan data siswa dimana siswa_id=12.

Oke, silahkan buat file edit.php dan paste script di bawah ini:

Jika sudah silahkan simpan, dan hasil tampilan dari script di atas seperti gambar di bawah ini:

simple-crud-form-edit

Nah, form edit diatas jika di klik tombol Simpan, maka akan menjalankan file edit-proses.php, dimana file ini adalah proses untuk melakukan update data ke database.

Buat file edit-proses.php dan paste script di bawah ini:

Silahkan simpan. Dan seperti biasa penjelasan tiap baris kode sudah saya masukkan di dalamnya, silahkan baca.

Step #6 Hapus data (Delete/Hapus)

Tahap ke enam ini adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data dari database.

file yang akan kita buat adalah hapus.php, dan isi scriptnya seperti di bawah ini:

Jangan lupa disimpan.

Sedikit penjelasan untuk script hapus di atas. Jika Anda mengklik tombol/link hapus pada file index.php, Anda akan mendapatkan Link seperti ini www.hostingAnda.com/hapus.php?id=12, ini artinya Script akan mendeteksi dari URL tersebut berapa id nya, misalkan disana id=12, maka script akan menghapus data siswa dimana siswa_id=12.

Untuk penjelasan lebih detail sudah ada pada script di atas. πŸ™‚

Hufftttt…. capek juga za bikin tutorial yang agak panjang ini..

Semoga bermanfaat bagi Anda semua, dan selamat berpuasa. πŸ™‚

Oh ya, yang mau Download atau sekedar pengen lihat demonya bisa klik tombol di bawah ini:

Download & Demo:
β€’

Password :

About the author

Fatoni

Programming is my hobby, not my job.

207 Comments

Leave a Comment