Skip to content

Membuat halaman jabatan

Buat file-file berikut di dalam folder content.

  • jabatan.php
  • jabatan_tambah.php
  • jabatan_insert.php
  • jabatan_edit.php
  • jabatan_update.php
  • jabatan_hapus.php

Berikut kode untuk masing-masing filenya.

File jabatan.php

Silahkan modifikasi dari file tabel.html.

<?php
if(!defined('INDEX')) die("");
?>

<h2 class="judul">Data Jabatan</h2>
<a href="?hal=jabatan_tambah" class="tombol">Tambah</a>

<table class="table">
    <thead>
        <tr>
            <th>No</th>
            <th>Nama Jabatan</th>
            <th>Aksi</th>
        </tr>
    </thead>
    <tbody>
        <?php
        $query = "SELECT * FROM jabatan ORDER BY id_jabatan DESC";
        $result = mysqli_query($con,$query);
        $no = 0;
        while($data = mysqli_fetch_array($result)){
            $no++;
        ?>
            <tr>
                <td><?= $no ?></td>
                <td><?= $data['nama_jabatan'] ?></td>
                <td>
                    <a href="?hal=jabatan_edit&id=<?= $data['id_jabatan'] ?>" class="tombol edit"> Edit</a>
                    <a href="?hal=jabatan_hapus&id=<?= $data['id_jabatan'] ?>" class="tombol hapus"> Hapus</a>
                </td>
            </tr>
        <?php    
        }
        ?>
    </tbody>
</table>

File jabatan_tambah.php

Silahkan modifikasi dari file form.html

<?php
if(!defined('INDEX')) die("");
?>

<h2 class="judul">Tambah Jabatan</h2>
<form action="?hal=jabatan_insert" method="post">

    <div class="form-group">
        <label for="nama">Nama</label>
        <div class="input">
            <input type="text" name="nama" id="nama">
        </div>
    </div>

    <div class="form-group">
        <input type="reset" value="Reset" class="tombol reset">
        <input type="submit" value="Simpan" class="tombol simpan">
    </div>
</form>

Skrip di atas berupa tampilan form, untuk bisa memproses datanya kita butuh file jabatan_insert.php, berikut skripnya.

File jabatan_insert.php

<?php
if(!defined('INDEX')) die("");

$nama_jabatan = $_POST['nama'];
$query = "INSERT INTO jabatan SET nama_jabatan = '$nama_jabatan'";
$result = mysqli_query($con,$query);

if ($result) {
    echo "Jabatan <b>$nama_jabatan</b> berhasil disimpan!";
    echo "<meta http-equiv='refresh' content='2; url=?hal=jabatan'>";
} else {
    echo "Tidak dapat menyimpan data!<br>";
    echo mysqli_error();
}
?>

Skrip utama disimpan dalam variabel $result untuk memasukkan data jabatan, lalu kita gunakan fungsi if() untuk menampilkan pesan jika proses insert data berhasil maupun gagal.

File jabatan_edit.php

<?php
if(!defined('INDEX')) die();

$id = $_GET['id'];
$query = "SELECT * FROM jabatan WHERE id_jabatan='$id'";
$result = mysqli_query($con, $query);
$data = mysqli_fetch_assoc($result);
?>

<h2 class="judul">Edit Jabatan</h2>
<form action="?hal=jabatan_update" method="post">
    <input type="hidden" name="id" value="<?= $data['id_jabatan']?>">
    <div class="form-group">
        <label for="nama">Nama Jabatan</label>
        <div class="input">
            <input type="text" name="nama" id="nama" value="<?=$data['nama_jabatan']?>">
        </div>
    </div>

    <div class="form-group">
        <input type="submit" value="Simpan" class="tombol simpan">
        <input type="reset" value="Reset" class="tombol reset">
    </div>
</form>
  • Skrip di atas intinya sama dengan file jabatan_tambah.php, namun pada bagian atas ditambah skrip untuk mendapatkan data jabatan yang akan diedit dari database, untuk ditampilkan nilai defaultnya.
  • Di bagian awal juga perlu kita tambahkan <input> dengan type hidden untuk mendapatkan id dari data jabatan yang akan diedit.
  • Selanjutnya jika tombol Simpan diklik maka data akan diproses/ dilempar ke halaman jabatan_update.php

File jabatan_update.php

Skrip ini bisa copy-paste dari file jabatan_insert.php, bedanya terletak pada proses query datanya.

<?php
if(!defined('INDEX')) die();

$id = $_POST['id'];
$nama = $_POST['nama'];
$query = "UPDATE jabatan SET nama_jabatan = '$nama' WHERE id_jabatan = '$id'";
$result = mysqli_query($con, $query);

if ($result) {
    echo "Jabatan berhasil diperbaharui!";
    echo "<meta http-equiv='refresh' content='2; url=?hal=jabatan'>";
} else {
    echo "Tidak dapat memperbaharui data!!<br>";
    echo mysqli_error();
}
?>

File jabatan_hapus.php

Skrip ini hampir sama dengan file jabatan_insert.php atau jabatan_update.php, namun perlu disesuaikan querynya.

<?php
if(!defined('INDEX')) die();

$id = $_GET['id'];
$query = "DELETE FROM jabatan WHERE id_jabatan = '$id'";
$result = mysqli_query($con, $query);

if ($result) {
    echo "Jabatan berhasil dihapus!";
    echo "<meta http-equiv='refresh' content='2; url=?hal=jabatan'>";
} else {
    echo "Tidak dapat menghapus data!!<br>";
    echo mysqli_error();
}
?>