Membuat CRUD PHP Dengan MySQL

Hai Guys!! Kali ini saya akan membagikan cara membuat CRUD sederhana sebagai tugas perdana di mata kuliah Web Programming2, CRUD adalah akronim untuk Create, Read, Update, dan Delete. Operasi CRUD adalah manipulasi data dasar untuk database. Dalam tutorial ini kita akan membuat aplikasi PHP sederhana untuk melakukan semua operasi ini pada tabel database MySQL di satu tempat.

Kita akan membuat sebuah aplikasi dengan tampilan seperti pada gambar di bawah dengan sebuah tabel yang menampilkan data dari database di sisi frontend. Terdapat beberapa tombol untuk mengubah data yang ada di database lewat antarmuka yang kita buat.Untuk editornya saya mengunakan sublime-text, Tabel pengguna yang kita buat akan berisi informasi pengguna seperti nama, username, email, dan aksi.

Langkah-Langkah Pembuatan CRUD

Buat Database

Akses phpmyadmin di url localhots/phpmyadmin, kemudian buatlah database untuk penamaan database bebas,untuk contoh iktuin saja, misal dengan nama crud. Setelah itu buat tabel di dalam database tabledata,Untuk struktur tabel bisa di lihat di gambar berikut.

Buat File koneksi.php

Buat file dengan nama koneksi.php, file ini berguna untuk membuat dan mengecek koneksi ke database. Berikut kode lengkapnya :

Isikan server, username, dan password sesuai konfigurasi yang digunakan. Untuk nama database sesuaikan dengan nama database yang telah dibuat, misal di sini saya menggunakan nama crud.

Saya akan mencoba memisahkan antara html bagian head dengan script yang saya taruh di bawah body. Tujuannya supaya tidak menuliskan code yang sama secara berulang kali, jadi untuk memanfaatkan file head.php dan script.php tinggal saya include ke dalam file yang membutuhkan template tersebut.

head.php

Beginilah tampilan head.php yang mana menampilkan title, dan include style secara eksternal.

script.php

Beginilah isi dari script.php yang digunakan untuk memanggi beberapa script eskternal.

Buat File index.php

File ini digunakan untuk menampilkan data dalam bentuk tabel yang memiliki atribut edit dan hapus,Berikut kode untuk include file head.php dan pembuatan tabel yang terdiri dari kolom No, Nama, Username ,Email, Aksi.

Untuk menampilkan data ke tabel, maka dibutuhkan koneksi untuk mengambil data dari database. Maka dari itu kali ini akan include file koneksi.php dan melakukan query select ke tabel tabledata.

Kemudian diperlukan cara untuk mengecek apakah ada data atau tidak dengan mengakses num_rows dari hasil return query select sebelumnya, dan hasilnya true maka data akan ditampilkan. Kodenya seperti berikut ini :

baris kode while($row = $data->fetch_assoc()) berguna untuk perulangan untuk menampilkan data berdasarkan banyaknya data. Kemudian data ditampilkan ke dalam tabel dengan menampilkan masing-masing field dengan cara mengakses array pada variabel $row[‘nama_field’]. Kode di atas terdapat kode untuk menampilkan tombol edit dan hapus.Dan tak lupa juga untuk include script.php di bawah tag body.

Buat Form Tambah Data

Untuk pembuatan form tambah data saya menggunakan nama input.php. Isi dari file input.php adalah form yang sesuai dengan field-field yang dibutuhkan seperti, nama, username ,email dan password. Berikut kode untuk membuat form :

Pada kode form di atas menggunakan method post, dan memiliki atribut action yang mengarah ke file simpan.php yang mana file simpan.php berguna untuk melakukan proses insert data ke database.

Validasi Form

Sebelum data hasil inputan disimpan, maka perlu dilakukan validasi terlebih dahulu. Tujuannya supaya data yang berhasil disimpan adalah data yang valid sesuai apa yang diharapkan. Ada beberapa yang perlu divalidasi untuk form di atas, seperti :

1. Field nama hanya boleh diisikan huruf alfabet dan spasi.

2. Validasi untuk email.

3. Validasi untuk password.

4. Semua field pada form tersebut tidak boleh kosong.

5. Kesamaan username dan email.

Untuk pengecekan kesamaan username dan email dilakukan di sisi server yang bertujuan untuk mengecek langsung ke database.

Selain itu validasi dilakukan dengan bantuan plugin dari jquery form validation, penggunaannya seperti berikut ini :

berikut tamplan dari form tambah data

Buat File Simpan.php

Di awal baris terdapat kode untuk membuat dan mengecek koneksi database. Kemudian diikuti kode mengambil nilai dari HTTP $_POST yang telah diterima.

Kemudian terdapat validasi di sisi server, untuk meningkatkan sisi keamanan dalam menyimpan data dengan bentuk serangan CSRF atau sejenisnya. Salah satu validasi yang dilakukan yaitu mengecek kesamaan username dan email. Berikut kodenya :

Selanjutnya hal yang terpenting untuk menyimpan data yakni query untuk insert data ke dalam tabel tujuan. Di sini saya akan melakukan insert data ke dalam tabel tabledata. Kodenya seperti berikut ini :

Buat File form-edit.php

Fungsi dari form ini untuk menampilkan data yang akan diedit ke masing-masing field. Dari awal baris di file ini terdapat kode membuat dan mengecek koneksi yang kemudian terdapat kode query untuk select data berdasarkan id user yang dipilih. Berikut kodenya : Fungsi dari form ini untuk menampilkan data yang akan diedit ke masing-masing field. Dari awal baris di file ini terdapat kode membuat dan mengecek koneksi yang kemudian terdapat kode query untuk select data berdasarkan id user yang dipilih. Berikut kodenya :

Form di bawah ini memiliki method post dan action yang mengarah ke file update.php sebagai tempat untuk memproses update data ke database. Data yang tersimpan di masing-masing variabel akan ditampilkan di form sesuai dengan fieldnya. Berikut kodenya :

berikut tampilan dari form edit data

Buat File update.php

File ini berfungsi untuk memproses update data yang berasal dari form-edit.php. Isi file ini terdapat kode untuk membuat dan mengecek koneksi ke database, pengambilan nilai HTTP $_POST, validasi data, dan query update data. Kodenya seperti berikut ini :

Buat File hapus.php

File ini berfungsi untuk melakukan proses hapus data sesuai data yang dipilih untuk dihapus dengan berdasarkan id tabledata. Berikut kodenya:

Sekian tutorial cara membuat CRUD PHP dengan menggunakan MySQL semoga bermanfaat.