Tutorial CRUD PHP & MySQLi Dengan Bootstrap : Edit dan Update Data ke Database


Fika Ridaul Maulayya
Software Engineer | Content Creator | Founder & Author di SantriKoding.com

CRUD PHP & MySQLi Dengan Bootstrap : Edit Dan Update Data Ke Database - Halo teman-teman semuanya pada kesempatan kali ini kita akan melanjutkan artikel dari seri CRUD PHP & MySQLi Dengan Bootstrap. Dan pada artikel kali ini kita semua akan belajar bagaimana cara mengedit dan mengupdate data kedalam database.

Jika sebelumnya kita sudah banyak membahas tentang seri ini, mulai dari membuat koneksi database, memasukkan data atau input data hingga menampilkannya ke layar atau web browser.

Oke pada kesemptan kali ini kita mencoba membuat edit dan update data, jika teman-teman belum membaca artikel sebelumnya maka teman-teman harus membacanya dari part 1 atau dari awal.

Oke langsung saja, buatlah sebuah file baru didalam folder / project kita yang bernama sekolah, buat file dengan nama edit-siswa.php. Kemudian masukkan kode berikut ini :

<?php 
  
  include('koneksi.php');
  
  $id = $_GET['id'];
  
  $query = "SELECT * FROM tbl_siswa WHERE id_siswa = $id LIMIT 1";

  $result = mysqli_query($connection, $query);

  $row = mysqli_fetch_array($result);

  ?>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <title>Edit Siswa</title>
  </head>

  <body>

    <div class="container" style="margin-top: 80px">
      <div class="row">
        <div class="col-md-8 offset-md-2">
          <div class="card">
            <div class="card-header">
              EDIT SISWA
            </div>
            <div class="card-body">
              <form action="update-siswa.php" method="POST">
                
                <div class="form-group">
                  <label>NISN</label>
                  <input type="text" name="nisn" value="<?php echo $row['nisn'] ?>" placeholder="Masukkan NISN Siswa" class="form-control”>
                  <input type="hidden" name="id_siswa" value="<?php echo $row['id_siswa'] ?>">
                </div>

                <div class="form-group">
                  <label>Nama Lengkap</label>
                  <input type="text" name="nama_lengkap" value="<?php echo $row['nama_lengkap'] ?>" placeholder="Masukkan Nama Siswa" class="form-control">
                </div>

                <div class="form-group">
                  <label>Alamat</label>
                  <textarea class="form-control" name="alamat" placeholder="Masukkan Alamat Siswa" rows="4"><?php echo $row['alamat'] ?></textarea>
                </div>
                
                <button type="submit" class="btn btn-success">UPDATE</button>
                <button type="reset" class="btn btn-warning">RESET</button>

              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  </body>
</html>

Oke kita bahas kode diatas mulai dari kode berikut ini :

<?php 
  
  include('koneksi.php');
  
  $id = $_GET['id'];
  
  $query = "SELECT * FROM tbl_siswa WHERE id_siswa = $id LIMIT 1";

  $result = mysqli_query($connection, $query);

  $row = mysqli_fetch_array($result);

  ?>

Dari potongan kode diatas ini digunakan untuk mencari data siswa ke database dengan ID yang kita ambil dari URL atau link. Jika kita perhatikan ketika klik tombol edit maka URL yang dihasilkan kurang lebih seperti ini http://localhost/sekolah/edit-siswa.php?id=ID.

Kemudian jika kita perhatikan di baris kode berikut ini :

<form action="update-siswa.php" method="POST">

Kita sedang mengarahkan form kita saat melalkukan update ke file yang bernama update-siswa.php, maka dari itu kita sekarang harus membuat file yang bernama update-siswa.php didalam project sekolah kita.

Dan kemudian masukkan kode berikut ini kedalam file update-siswa.php :

<?php

//include koneksi database
include('koneksi.php');

//get data dari form
$id_siswa     = $_POST['id_siswa'];
$nisn         = $_POST['nisn'];
$nama_lengkap = $_POST['nama_lengkap'];
$alamat       = $_POST['alamat'];

//query update data ke dalam database berdasarkan ID
$query = "UPDATE tbl_siswa SET nisn = '$nisn', nama_lengkap = '$nama_lengkap', alamat = '$alamat' WHERE id_siswa = '$id_siswa'";

//kondisi pengecekan apakah data berhasil diupdate atau tidak
if($connection->query($query)) {
    //redirect ke halaman index.php 
    header("location: index.php");
} else {
    //pesan error gagal update data
    echo "Data Gagal Diupate!";
}

?>

Lihat pada kode berikut ini :

//get data dari form
$id_siswa     = $_POST['id_siswa'];
$nisn         = $_POST['nisn'];
$nama_lengkap = $_POST['nama_lengkap'];
$alamat       = $_POST['alamat'];

Kode diatas adalah sebuah deklarasi variabel yang mana isinya mengambil dari hasil input Form.

Dan coba perhatikan pada baris kode berikut ini :

//query update data ke dalam database berdasarkan ID
$query = "UPDATE tbl_siswa SET nisn = '$nisn', nama_lengkap = '$nama_lengkap', alamat = '$alamat' WHERE id_siswa = '$id_siswa'";

Pada kode diatas itu adalah sebuah Query yang digunakan untuk mengupdate data ke dalam database dengan berdasarkan ID siswa.

Dan untuk lihat kode berikut ini :

//kondisi pengecekan apakah data berhasil diupdate atau tidak
if($connection->query($query)) {

    //redirect ke halaman index.php 
    header("location: index.php”);

} else {

    //pesan error gagal update data
    echo "Data Gagal Diupate!”;

}

Kode diatas adalah sebuah kondisi dimana jika variabel bernilai TRUE atau Query berjalan maka otomatis kita akan diarahkan ke dalam file yang bernama index.php, yang artinya edit dan update data berhasil dilakukan.

Tapi jika kondisi tidak terpenuhi atau bernilai FALSE, maka akan mengeluarkan pesan error “Data Gagal Diupdate!”.

Sampai disini dulu pembahasan tentang edit dan update data kedalam database, di artikel selanjutnya kita akan membahas tentang menghapus data dari database.


Fika Ridaul Maulayya
Software Engineer | Content Creator | Founder & Author di SantriKoding.com

Jika Anda menyukai konten kami, silakan pertimbangkan untuk membeli kopi untuk kami.
Terima kasih atas dukungan Anda!

Buy me a coffeeBuy me a coffee
KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR