Tutorial 4 PHPMYSQLI : Cara Edit Data

Yo..hallo, apa kabar teman-teman Cie Ngoding?. Saya rasa kalian baik-baik saja. Pada tutorial sebelumnya penulis sudah menjelaskan cara menampilkan data menggunakan PHPMYSQLI, sekarang penulis akan memberikan tutorial mengedit data menggunakan PHPMYSQLI.

Dalam edit ini ada tiga tahap yaitu menampilkan data->masuk ke edit data->proses edit.
Padahal cuman edit tapi kok panjang ya? Sebenarnya yang diperlukan hanyalah masuk edit dan prosesnya saja tetapi kalau tidak dari tampilan maka mungkin kalian tidak akan begitu mengerti

Sebelum ketutorialnya, kami menggunakan database cie_ngoding dan menggunakan tabel cie_input seperti gambar dibawah ini

Lalu setelah itu kita juga harus membuat koneksi bagi yang belum dan koneksinya adalah seperti dibawah ini

 <?php
 $koneksi=new mysqli("localhost","root","","cie_ngoding");
;?> 

-Simpan dengan nama koneksiketiga.php
-Untuk penjelasan tentang koneksi kalian bisa langsung melihat Tutorial membuat koneksi

Selanjutnya silahkan kalian membuat tampilan dengan codingan seperti dibawah ini

<?php

 include "koneksiketiga.php";
 
 $query="select * from cie_input";
 $cek=mysqli_query($koneksi,$query);
 $nomor=1;
 ?>
<table border="1px">
 <tr>
 <td>No hah?</td>
 <td>Nama hah?</td>
 <td>Hobi hah?</td>
 <td>Telepon hah?</td>
 <td>Aksi</td>
 </tr>
 <?php
 while ($lihat=mysqli_fetch_array($cek)){
 ?>
 <tr>
 <td><?php echo $nomor++ ;?></td>
 <td><?php echo $lihat['nama'];?></td>
 <td><?php echo $lihat['hobi'];?></td>
 <td><?php echo $lihat['telepon'];?></td>
 <td><a href="tampilanedit.php?id=<?php echo $lihat['no'];?>">Edit</a></td>
 </tr>
<?php
}
?>
</table>

-Simpan dengan nama tampilanutama.php
-Hasilnya akan seperti dibawah ini

Penjelasan

<a href="tampilanedit.php?id=<?php echo $lihat['no'];?>">Edit</a>

-Saat kita menekan tombol edit maka kita akan dibawa ke tampilanedit.php dengan ketentuan id= nilai dari no data yang kalian klik
-saat menekan edit tiap datanya kalian bisa memperhatikan urlnya yang seperti dibawah ini
- tampilanedit.php?id=1 atau tampilanedit.php?id=2 atau tampilanedit.php?id=3 sesuai dengan record yang kalian ingin edit dan coba cocokan nomornya dengan no yang ada ditabel database maka akan sama
-id itu digunakan untuk memilih record saat masuk ke tampilan edit nanti
-Untuk penjelasan menampilkan data yang lain kalian bisa melihat Tutorial menampilkan data

Selanjutnya kita akan membuat tampilanedit sesuai dengan a href yang sebelumnya

-codingannya ada dibawah ini

<?php
 include "koneksiketiga.php";
 
 $id=$_GET['id'];
 
 $query="select * from cie_input where no='$id'";
 $cek=mysqli_query($koneksi,$query);
 $tampil=mysqli_fetch_array($cek);
?>

<form action="prosesedit.php?id=<?php echo $id;?>" method="post">
 <table>
  <tr>
   <td>Nama</td>
   <td><input type="text" name="namaku" value="<?php echo $tampil['nama'];?>"></td>
  </tr>
  <tr>
   <td>Hobi</td>
   <td>
   <select name="hobiku">
    <option value="koding">Koding</option>
    <option value="tidur">Tidur</option>
    <option value="males">males</option>
   </select>
   </td>
  </tr>
  <tr>
   <td>Telepon</td>
   <td><input type="text" name="teleponku" value="<?php echo $tampil['telepon'];?>"></td>
  </tr>
  <tr>
   <td><input type="submit" name="tambah" value="edit"></td>
   <td><input type="reset" value="reset"></td>
  </tr>
 </table>
</form>

-simpan dengan nama tampilanedit.php
Hasilnya akan seperti ini

Penjelasan

$id=$_GET['id'];

-$_GET[‘id’] digunakan untuk mengambil nilai id yang ada diurl
-Kalau di url tampilanedit.php?id=2 maka nilai $id=$_GET[‘2’], jadi nilai id itu akan berubah menyesuaikan nilai id yang ada di url

$query="select * from cie_input where no='$id'";

-Ini digunakan untuk memilih data yang ada pada tabel cie_input dengan ketentuan bahwa no samadengan nilai yang ada di $id
-jadi jika nilai $id=3 maka record yang dipilih adalah record dengan no = 3

$cek=mysqli_query($koneksi,$query);
$tampil=mysqli_fetch_array($cek);

-Kalau pada tutorial menampilkan data kalian akan menggunakan while tapi kalau ini tidak karena kita hanya akan menampilkan 1 data saja jadi tidak memerlukan perulangan
-$tampil akan menampilkan record yang dipilih saja dengan menggunakan mysqli_fetch_array()

<form action="prosesedit.php?id=<?php echo $id;?>" method="post">

-Sebelumnya kita sudah tahu penggunaan input di tutorial input, tapi itu actionnya kosong tetapi sekarang ada actionnya
- action="prosesedit.php?id=<?php echo $id;?>" menunjukkan bahwa ketika data di submit maka akan menuju prosesedit.php dengan ketentuan bahwa nilai id=nilai yang $id yang sudah di get tadi
-Jadi urlnya akan seperti ini prosesedit.php?id=3 atau prosesedit.php?id=2, sesuai data yang diedit

Selanjutnya kita akan menuju proses edit

-codingannya seperti dibawah ini

<?php
 include "koneksiketiga.php";
 
 $id=$_GET['id'];
 
 $nm=$_POST['namaku'];
 $hb=$_POST['hobiku'];
 $tlp=$_POST['teleponku'];
  
 $query="update cie_input set nama='$nm',hobi='$hb',telepon='$tlp' where no='$id'";
 $proses=mysqli_query($koneksi,$query);
 
 if($proses==true){
  header("location:tampilanutama.php");
 }
?>

-Simpan dengan nama prosesedit.php

Penjelasan

-Untuk data yang $nm=$_POST[‘namaku’] penjelasannya sama dengan tutorial input maka kalian bisa melihatnya disana tutorial input

$query="update cie_input set nama='$nm',hobi='$hb',telepon='$tlp' where no='$id'";

-codingan diatas adalah sql untuk mengedit data dengan ketentuan update nama_tabel set field yang ada tabel=’variabel yang telah dipost’ where field yang menjadi acuan seperti primary key=’variabel yang menjadi acuan saat di get’

if($proses==true){
        header("location:tampilanutama.php");
    }

-Codingan diatas menunjukkan bahwa jika $proses benar maka akan dibawa langsung ke halaman tampilanutama.php dan kalian bisa melihat perbedaannya secara langsung setelah diedit

Itu dia tutorial tentang mengedit data menggunakan phpmysqli. Terima kasih sudah mau membaca dan semoga kalian bisa mengerti dengan artikel diatas dan tidak hanya copy paste saja. Pada tutorial berikutnya saya akan memberitahukan cara menghapus data menggunakan phpmysqli

Kalau kalian mau mendownload codingan diatas, kalian bisa mendownload dibawah ini

Download

Share this post