Membuat CRUD dengan PHP

Desember 06, 2022

Membuat CRUD dengan PHP

MEMBUAT crud DENGAN PHP

Tutorial ini merupakan lanjutan dari Tutorial Membuat Login dengan PHP & MySQL. Kali ini kita akan membuat CRUD( Create, Read, Update, dan Delete).

Langkah-langkahnya :

1. Buka editor text Visual Studio Code (VS Code), lalu open folder dan pilih folder login_php (c:\xampp\htdocs\login_php).

2. Pada tutorial ini akan dibuat halaman baru untuk mengelola data siswa dari pembuatan halaman siswa, tambah siswa, edit siswa dan hapus siswa.

3. Edit file konten.php dengan menambahkan kode seperti contoh,

<?php
if (!isset($_GET['page'])){
echo "Selamat, anda berhasil login
$_SESSION[username]!";
echo "<br>";
echo "<a href=logout.php>Logout</a>";
}elseif ($_GET['page'] == 'siswa'){
include "siswa.php";
}else{
echo "Maaf, halaman tidak ditemukan!";
}
?>

4. Buat file baru dengan nama siswa.php, tambahkan kode berikut,

<?php
echo "ini halaman siswa";
?>

5. Buka browser dan ketikkan pada url (harus login dulu): http://localhost/login_php/index.php?page=siswa

6. Short link berfungsi untuk memperpendek link agar mudah diingat.

Pada kasus ini, akan diperpendek url

http://localhost/login_php/index.php?page=siswa menjadi http://localhost/login_php/siswa

7. Buat file .htaccess dan tambahkan kode berikut:

RewriteEngine On
Options +FollowSymLinks
RewriteRule ^([0-9a-zA-Z-]+)/?/?$ /login_php/index.php?page=$1

8. Buka browser dan ketikkan pada url (harus login dulu): http://localhost/login_php/siswa

9. Edit file siswa.php dan tambahkan kode berikut:

<?php
if (!isset($_GET['aksi'])){
?>
<a type="button" href="index.php?page=siswa&aksi=tambah">Tambah Siswa</a>
<table>
<thead>
<tr>
<th>No</th>
<th>NIS</th>
<th>Nama Siswa</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$siswa=mysqli_query($koneksi, "SELECT * FROM siswa");
$no = 1;
while ($data = mysqli_fetch_array($siswa)){
?>
<tr>
<td><?php echo $no; ?></td>
<td><?php echo $data['nis']; ?></td>
<td><?php echo $data['nama_siswa']; ?></td>
<td><?php echo $data['jenis_kelamin']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><a href="index.php?page=siswa&aksi=edit&id=<?php echo $data['id_siswa'] ?>">Edit</a> |
<a href="index.php?page=siswa&aksi=hapus&id=<?php echo $data['id_siswa'] ?>">Hapus</a></td>
</tr>
<?php
$no++;
}
?>
</tbody>
</table>
<?php
}
?>

Maka tampilannya akan menjadi seperti ini:

10. Pada file siswa.php, dibawah tag tambahkan kode berikut:

<?php
if (!isset($_GET['aksi'])){
?>
<a type="button" href="index.php?page=siswa&aksi=tambah">Tambah Siswa</a>
<table>
<thead>
<tr>
<th>No</th>
<th>NIS</th>
<th>Nama Siswa</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$siswa=mysqli_query($koneksi, "SELECT * FROM siswa");
$no = 1;
while ($data = mysqli_fetch_array($siswa)){
?>
<tr>
<td><?php echo $no; ?></td>
<td><?php echo $data['nis']; ?></td>
<td><?php echo $data['nama_siswa']; ?></td>
<td><?php echo $data['jenis_kelamin']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><a href="index.php?page=siswa&aksi=edit&id=<?php echo $data['id_siswa'] ?>">Edit</a> |
<a href="index.php?page=siswa&aksi=hapus&id=<?php echo $data['id_siswa'] ?>">Hapus</a></td>
</tr>
<?php
$no++;
}
?>
</tbody>
</table>
<?php
}elseif ($_GET['aksi']=='tambah'){
?>
<form action='' method="POST" enctype='multipart/form-data'>
<label>NIS</label>
<input type="text" name="a"><br>
<label>Nama Siswa</label>
<input type="text" name="b"><br>
<label>Jenis Kelamin</label>
<input type="text" name="c"><br>
<label>Alamat</label>
<input type="text" name="d"><br>
<label>Foto Siswa</label>
<input type="file" name="e"><br>
<button type="submit" name="simpan">Simpan</button>
<?php
}
?>

11. Pada file siswa.php, dibawah tag <?php (paling bawah) tambahkan kode:

<input type="file" name="e"><br>
<button type="submit" name="simpan">Simpan</button>
<?php
if (isset($_POST['simpan'])){
  $dir_foto = 'foto/';
  $filename = basename($_FILES['e']['name']);
  $uploadfile = $dir_foto . $filename;
  if ($filename != ''){
  if (move_uploaded_file($_FILES['e']['tmp_name'], $uploadfile)) {
  mysqli_query($koneksi,"INSERT INTO siswa (nis, nama_siswa, jenis_kelamin, alamat, foto_siswa)
  VALUES('$_POST[a]','$_POST[b]','$_POST[c]','$_POST[d]','$filename')");
  echo "<script>window.alert('Sukses Menambahkan Data Siswa.');
  window.location='siswa'</script>";
  }else{
  echo "<script>window.alert('Gagal Menambahkan Data Siswa.');
  window.location='index.php?page=siswa&aksi=tambah'</script>";
  }
  }else{
  mysqli_query($koneksi,"INSERT INTO siswa (nis, nama_siswa, jenis_kelamin, alamat)
  VALUES('$_POST[a]','$_POST[b]','$_POST[c]','$_POST[d]')");
  echo "<script>window.alert('Sukses Menambahkan Data Siswa .');
  window.location='siswa'</script>";
  }
  }
}
?>

12. Buat folder foto didalam folder login_php.

Buka browser dan lakukan testing menambahkan siswa. Testing dilakukan 2 kali, test pertama tanpa upload file foto siswa, test kedua dengan upload foto siswa

13. Selanjutnya untuk membuat form edit. Pada file siswa.php, setelah kurawal (}) terakhir, tambahkan kode berikut:

  window.location='siswa'</script>";
  }
  }
}
  elseif ($_GET['aksi']=='edit'){
    $siswa = mysqli_query($koneksi, "SELECT * FROM siswa where id_siswa='$_GET[id]'");
    $data = mysqli_fetch_array($siswa);
    ?>
    <form action='' method="POST" enctype='multipart/form-data'>
    <label>NIS</label>
    <input type="text" name="a" value="<?php echo $data['nis']; ?>"><br>
    <label>Nama Siswa</label>
    <input type="text" name="b" value="<?php echo $data['nama_siswa']; ?>"><br>
    <label>Jenis Kelamin</label>
    <input type="text" name="c" value="<?php echo $data['jenis_kelamin']; ?>"><br>
    <label>Alamat</label>
    <input type="text" name="d" value="<?php echo $data['alamat']; ?>"><br>
    <label>Foto Siswa</label>
    <input type="file" name="e"><br>
    <button type="submit" name="update">Simpan</button>
    <?php
}
?>

14. Tambahkan fungsi untuk Update Siswa, Pada file siswa.php, dibawah tag <?php (paling bawah) tambahkan kode:

   <button type="submit" name="update">Simpan</button>
    
    <?php
if (isset($_POST['update'])){
  $dir_foto = 'foto/';
  $filename = basename($_FILES['e']['name']);
  $uploadfile = $dir_foto . $filename;
  if ($filename != ''){
  if (move_uploaded_file($_FILES['e']['tmp_name'], $uploadfile)) {
  mysqli_query($koneksi,"UPDATE siswa SET nis = '$_POST[a]',
  nama_siswa = '$_POST[b]',
  jenis_kelamin = '$_POST[c]',
  alamat = '$_POST[d]',
  foto_siswa = '$filename' where id_siswa = '$_GET[id]'");
  echo "<script>window.alert('Sukses Update Data Siswa.');
  window.location='siswa'</script>";
  }else{
  echo "<script>window.alert('Gagal Update Data Siswa.');
  window.location='index.php?page=siswa&aksi=tambah'</script>";
  }
  }else{
  mysqli_query($koneksi,"UPDATE siswa SET nis = '$_POST[a]',
  nama_siswa = '$_POST[b]',
  jenis_kelamin = '$_POST[c]',
  alamat = '$_POST[d]',
  foto_siswa = '$filename' where id_siswa =
  '$_GET[id]'");
  echo "<script>window.alert('Sukses Update Data Siswa .');
  window.location='siswa'</script>";
  }
  }
}
?>

15. Terakhir, tambahkan fungsi Hapus. Pada file siswa.php, setelah tutup kurawal (}) terakhir tambahkan kode:

 echo "<script>window.alert('Sukses Update Data Siswa .');
  window.location='siswa'</script>";
  }
  }
}
elseif ($_GET['aksi']=='hapus'){
  mysqli_query($koneksi, "DELETE FROM siswa where id_siswa='$_GET[id]'");
  echo "<script>window.alert('Data Siswa Berhasil Di Hapus.');
  window.location='siswa'</script>";
  }
?>