Mengubah Data pada Database dari Halaman Website

Hai, Halo, apa kabar para pembaca blog? Semoga baik-baik saja ya, lama tak jumpa. Sudah beberapa waktu saya tidak posting, berbagi di blog ini karena kesibukan (bukan sok sibuk ya.. hehe). Kembali ada niatan kuat lagi untuk posting karena setelah menyelesaikan proyek website. Jadi sadar bahwa banyak hal yang lupa ingat ingat (banyak ingatnya sih). Sehingga saya berniat kembali membuat tutorial untuk kembali mengingat dan tentunya berbagi.

Pada kesempatan menulis kali ini saya akan berbagi tutorial yang memang masih dasar pada sistem CRUD (Create Read Update Delete). Untuk Create dan Read sudah pernah saya bahas. Sekarang kita bahas bagaimana Update data.

Sebelum membuat proses UPDATE, kita siapkan dulu halaman untuk menampilkan data. Langkah-langkah sebagai berikut:

Pertama, buat database terlebih dahulu. Untuk mempermudah, langkah pertama dan kedua ini saya singkronkan dengan tutorial sebelumnya yaitu Menampilkan Data dari Database ke Halaman Website, klik disini untuk membaca. 

Kedua, buat file koneksi, cara membuatnya ada di tutorial Membuat Koneksi ke Database, klik disini. 

Ketiga, kita sudah siapkan untuk menampilkan data ada di bawah ini. Script ini saya ambil dari tutorial tentang Menampilkan Data dari Database ke Halaman Website, yang telah saya tambahkan untuk keperluan Update Data.

<?php
include('koneksi.php'); // memanggil file koneksi.php agar halaman ini dapat terkoneksi/terhubung dengan database db_coba

$lihat_data = mysql_query("SELECT * FROM tb_siswa");

while($rows= mysql_fetch_array($lihat_data))
{
 echo "<br />";
 echo $rows['no'];
 echo "<br />";
 echo $rows['nama'];
 echo "<br />";
 echo $rows['alamat'];
 echo "<br />";
 echo $rows['tempat_lahir'];
 echo "<br />";
 echo $rows['tanggal_lahir'];
 echo "<br />";
 echo <a href=edit-data.php?no=”.$rows['no'].”>Update data</a>;
}
?>

Simpan script di atas misalnya dengan nama coba.php di folder xampp/htdocs/. Selanjutnya buat halaman form ubah data dengan nama edit-data.php (sesuai link yang dibuat di script di atas).

<?php
include('koneksi.php'); // memanggil file koneksi.php agar halaman ini dapat terkoneksi/terhubung dengan database db_coba
$nomor = $_GET[‘no’];
$lihat_data = mysql_query("SELECT * FROM tb_siswa WHERE no=’$nomor’");
while($rows= mysql_fetch_array($lihat_data);
echo “
 <form action=\”ac-edit-data.php\” method=\”POST\”>
  <input type=\”hidden\” name=\”nomor\” value=”.$rows[‘no’].”>
  <input type=\”text\” name=\”nama\” value=”.$rows[‘nama’].”>
  <input type=\”text\” name=\”alamat\” value=”.$rows[‘alamat’].”>
  <input type=\”text\” name=\”tempat\” value=”.$rows[‘tempat_lahir].”>
  <input type=\”date\” name=\”tanggal\” value=”.$rows[‘tanggal_lahir].”>
  <button type=\”submit\”>Ubah</button>
 </form>
“;

Kemudian kita buat file action sebagai berikut dengan nama ac-edit-data.php

<?php
include('koneksi.php'); // memanggil file koneksi.php agar halaman ini dapat terkoneksi/terhubung dengan database db_coba
$nomor = $_POST[‘no’];
$nama = $_POST[‘nama’];
$alamat = $_POST[‘alamat’];
$tempat_lahir = $_POST[‘tempat_lahir’];
$tanggal_lahir = $_POST[‘tanggal_lahir’];
$update = mysql_query(“UPDATE tb_siswa SET nama = ‘$nama’, alamat = ‘$alamat’, tempat_lahir = ‘$tempat_lahir’, tanggal_lahir = ‘$tanggal_lahir’ WHERE no = ‘$nomor’”);
If($update == true) {
  echo “ubah data berhasil!”;
  echo “<a href=coba.php>kembali</a>”;
} else {
  echo “ubah data gagal!”;
  echo “<a href=coba.php>kembali</a>”;
}
?>

Itulah langkah-langkah Mengubah Data pada Database dari Halaman Website. Tidak sulit bukan? Tinggal mencoba, dan jika ada kesalahan bisa dikoreksi. Untuk menjalankannya tinggal buka browser, jalankan XAMPP control panel, Start Mysql dan Apache. Pada browser ketikkan localhost/coba.php.

Dari script di atas tentunya perlu penjelasan:

Pertama, pada file coba.php. ada script   <a href=edit-data.php?no=”.$rows['no'].”>Update data</a>

- edit-data.php adalah file tujuan yang berisi form yang akan menampilkan data awal, yang kemudian akan diubah langsung di form tersebut

- ?no=”.$rows[‘no’].” Script tersebut menentukan data yang disimpan dalam metode GET, data tersebut disimpan dalam nama ‘no’ yang berada di sebelah tanda tanya. Nama tersebut harus sama dengan nama yang nantinya akan dipanggil pada file tujuan sebagai primary key. Kemudian $rows[‘no’] merupakan pemanggilan data ‘no’ dari database

Kedua, pada file edit-data.php

- Ada pendeklarasian variabel $nomor = $_GET[‘no’]; ini merupakan pengambilan data dari metode GET yang telah dikirim dari proses sebelumnya, dengan nama ‘no’

- Kemudian mysql query digunakan untuk mengambil data dari database dengan primary key ‘no’ sesuai yang di klik sebelumnya

- Pada tag form, ada tujuan action yaitu ac-edit-data.php, ini merupakan file yang berisi proses pengubahan data di database berdasarkan isian form pada file edit-data.php

- Pada form form tersebut disertai ‘value’ untuk menampilkan data sebelumnya, dan semisal beberapa data tidak diubah, maka tidak perlu mengetik ulang.

Ketiga, pada file ac-edit-data.php

- Pada variabel $nomor = $_POST[‘no’]; adalah mengambil data sebagai primary key dari form sebelumnya

- Mysql query UPDATE berfungsi untuk mengubah data yang sudah ada berdasarkan kata kunci yang di sebutkan setelah WHER

- Kemudian fungsi IF untuk memastikan jika fungsi UPDATE berjalan maka muncul pemberitahuan berhasil, begitu sebaliknya

Nah, itulah tutorial untuk Mengubah Data pada Database dari Website, menggunakan query UPDATE pada mysql. Mudah bukan? Sekian dulu tutorial saya, semoga bermanfaat :)

Untuk referensi membuat sistem CRUD (Create Read Update Delete), berikut link untuk menyusun sistem tersebut.

1. Insert data ke database (Create), klik disini

2. Menampilkan data dari database (Read), klik disini

3. Mengubah data pada database (Update), di halaman ini

4. Menghapus data pada database (Delete), coming soon

Jangan lupa share jika bermanfaat, dan komen jika ingin bertanya.

Anda juga dapat bertanya pada nomor yang berada di iklan DESAIN GRAFIS di bagian sidebar blog.

Jasa Desain Grafis