11/22/2020

Cara membuat CRUD dengan PHP dan MySQL pada aplikasi berbasis web

By    10:23 PM // No comments

Hellooo apa kabarnya nih teman-teman? semoga selalu dalam keadaan baik yaa.

Oke pada postingan kali ini, kita akan membuat CRUD dengan menggunakan bahasa pemrograman PHP dan database MySQL nih. Postingan ini juga lanjutan dari postingan sebelumnya yaa.

Tau ga nih kalau postingan kali ini termasuk tutorial paling penting yang harus kita pelajari dalam membuat aplikasi berbasis web karena CRUD memiliki fungsi untuk menambahkan data baru, menampilkan data dari database, mengedit data, dan menghapus data. Nah sudah tau pentingnya CRUD kaan? yap fungsi CRUD ini dibutuhkan apabila teman-teman mau membuat aplikasi yang didalamnya ada database. Fungsi CRUD ini tidak dibutuhkan apabila aplikasi yang teman-teman buat tidak berhubungan dengan database.

Apa itu CRUD?

Oke sebelum memulai tutorialnya, kita kenali dulu yaa apa sih CRUD itu, kalau kata orang tak kenal maka tak sayang hehe. So CRUD itu singkatan dari create, read, update, dan delete. Nah kalau melihat dari singkatan tersebut pasti terbayang tentang manajemen data kan ya? yap betul sekali nih jadi CRUD ini ditujukan untuk mengelola database yang memiliki fungsi tambah (create), fungsi baca (read), fungsi perbarui (update), dan fungsi hapus (delete). Fungsi ini bakalan memudahkan kita dalam mengelola data loh, ga percayaaa? yaudah yuk kita langsung praktik aja.

Perhatian! pastikan untuk penulisan coding, harus diketik yaa jangan copy paste karena setiap text editor formatnya berbeda-beda sehingga terkadang copy paste akan menyebabkan error.

Langkah-langkah:

1. Jalankan Apache dan MySQL


2. Buat 6 file baru yang meliputi form-edit.php, form-tambah.php, hapus.php, list-mahasiswa.php, proses-edit.php, dan proses-tambah.php di dalam folder crud


3. Untuk menampilkan data dari database, ketikkan koding berikut di file list-mahasiswa.php

<?php include("koneksi.php"); ?>
<div class="halaman">
<div align="Left">
    <h3>Data Mahasiswa</h3>
    <nav>
        <a href="index.php?page=form-tambah">[] Tambah Baru</a>
    </nav>
    <br>
    <table border="1">
    <thead>
        <tr>
            <th>NIM</th>
            <th>Nama</th>
            <th>Tanggal Lahir</th>
            <th>Tempat Lahir</th>
            <th>Jenis Kelamin</th>
            <th>Alamat</th>
            <th>Tindakan</th>
        </tr>
    </thead>
    <tbody>
<?php
        $sql = "SELECT * FROM mahasiswa";
        $query = mysqli_query($db, $sql);
        while($mhs = mysqli_fetch_array($query)){
            echo "<tr>";
            echo "<td>".$mhs['NIM']."</td>";
            echo "<td>".$mhs['Nama']."</td>";
            echo "<td>".$mhs['TanggalLahir']."</td>";
            echo "<td>".$mhs['TempatLahir']."</td>";
            echo "<td>".$mhs['JenisKelamin']."</td>";
            echo "<td>".$mhs['Alamat']."</td>";
            echo "<td>";
            echo "<a href='index.php?page=form-edit&id=".$mhs['NIM']."'>Edit</a> | ";
            echo "<a href='index.php?page=hapus&id=".$mhs['NIM']."'>Hapus</a>";
            echo "</td>";
            echo "</tr>";
        }
        ?>
    </tbody>
    </table>
    <p>Total: <?php echo mysqli_num_rows($query) ?></p>
</div>
</div>


4. Cek tampilan data, ketikkan link http://localhost/latihan/index.php?page=list-mahasiswa di browser

5. Tampilan data list mahasiswa apabila berhasil akan seperti ini


6. Untuk menambahkan data, ketikkan koding berikut di file form-tambah.php

<html>
<head>
    <title></title>
</head>
<body>
<div class="halaman">
    <div align="left">
    <header>
        <h3>Form Tambah Data</h3>
    </header>
    <form action="index.php?page=proses-tambah" method="POST">
        <fieldset>
        <p>
            <label for="NIM">NIM: </label>
            <input type="text" name="NIM" placeholder="NIM" />
        </p>
        <p>
            <label for="Nama">Nama: </label>
            <input type="text" name="Nama" placeholder="Nama Lengkap" />
        </p>
        <p>
            <label for="TanggalLahir">Tanggal Lahir: </label>
            <input type="text" name="TanggalLahir" placeholder="yyyy-mm-dd" />
        </p>
        <p>
            <label for="TempatLahir">Tempat Lahir: </label>
            <input type="text" name="TempatLahir" placeholder="Tempat Lahir" />
        </p>
        <p>
            <label for="JenisKelamin">Jenis Kelamin: </label>
            <label><input type="radio" name="JenisKelamin" value="L"> Laki-laki</label>
            <label><input type="radio" name="JenisKelamin" value="P"> Perempuan</label>
        </p>
        <p>
            <label for="Alamat">Alamat: </label>
            <textarea name="Alamat"></textarea>
        </p>
        <p>
            <input type="submit" value="Simpan" name="Simpan" />
        </p>
        </fieldset>
    </form>
    </div>
    </div>
</body>
</html>


7. Ketikkan koding berikut di file proses-tambah.php

<?php
include("koneksi.php");
// mengecek apakah tombol simpan sudah diklik atau belum
if(isset($_POST['Simpan'])){
    // mengambil data dari form tambah data
    $NIM = $_POST['NIM'];
$Nama = $_POST['Nama'];
$TanggalLahir = $_POST['TanggalLahir'];
$TempatLahir = $_POST['TempatLahir'];
    $JenisKelamin = $_POST['JenisKelamin'];
$Alamat = $_POST['Alamat'];
    // buat query
    $sql = "INSERT INTO mahasiswa (NIM, Nama, TanggalLahir, TempatLahir, JenisKelamin, Alamat) VALUE ('$NIM', '$Nama', '$TanggalLahir', '$TempatLahir', '$JenisKelamin', '$Alamat')";
    $query = mysqli_query($db, $sql);
    // pengecekan query berhasil disimpan atu tidak
    if( $query ) {
        // kalau berhasil diarahkan ke halaman index.php dengan status=sukses
        header('Location: index.php?page=list-mahasiswa');
    } else {
        // kalau gagal diarahkan ke halaman indek.php dengan status=gagal
        die("Akses gagal");
    }
} else {
    die("Akses dilarang");
}
?>


8. Cek tambah data, ketikkan link http://localhost/latihan/index.php?page=form-tambah di browser

9. Tambahkan satu data berikut ini lalu klik Simpan

NIM: 2019002

Nama: Budi Utomo

Tanggal Lahir: 1997-12-01

Tempat Lahir: Yogyakarta

Jenis Kelamin: Laki-laki

Alamat: Jl. Colombo

10. Penambahan data apabila berhasil akan seperti ini


11. Untuk mengedit data, ketikkan koding berikut di file form-edit.php

<?php include("koneksi.php");
if( !isset($_GET['id']) ){
header('Location: index.php?page=list-mahasiswa');
}
$id = $_GET['id'];
$sql = "SELECT * FROM mahasiswa WHERE NIM=$id";
$query = mysqli_query($db, $sql);
$mhs = mysqli_fetch_assoc($query);
if( mysqli_num_rows($query) < 1 ){
die("data tidak ditemukan");} 
?>
<html>
<head><title></title></head>
<body>
<header><h3>Form Edit Data</h3></header>
    <form action="index.php?page=proses-edit" method="POST">
    <fieldset>
    <input type="hidden" name="NIM" value="<?php echo $mhs['NIM'] ?>" />
    <p>
    <label for="Nama">Nama: </label>
    <input type="text" name="Nama" placeholder="nama lengkap" value="<?php echo $mhs['Nama'] ?>" />
    </p>
    <p>
    <label for="TanggalLahir">Tanggal Lahir: </label>
    <input type="text" name="TanggalLahir" placeholder="TanggalLahir" value="<?php echo $mhs['TanggalLahir'] ?>" />
    </p>
    <p>
    <label for="TempatLahir">Tempat Lahir: </label>
    <input type="text" name="TempatLahir" placeholder="TempatLahir" value="<?php echo $mhs['TempatLahir'] ?>" />
    </p>
    <p>
    <label for="JenisKelamin">Jenis Kelamin: </label><?php $jk = $mhs['JenisKelamin']; ?>
    <label><input type="radio" name="JenisKelamin" value="L" <?php echo ($jk == 'L') ? "checked": "" ?>> Laki-laki</label>
    <label><input type="radio" name="JenisKelamin" value="P" <?php echo ($jk == 'P') ? "checked": "" ?>> Perempuan</label>
    </p>
    <p>
    <label for="Alamat">Alamat: </label>
    <textarea name="Alamat"><?php echo $mhs['Alamat'] ?></textarea>
    </p>
    <p><input type="submit" value="Simpan" name="Simpan" /></p>
    </fieldset>
    </form>
</body>
</html>


12. Ketikkan koding berikut di file proses-edit.php

<?php
include("koneksi.php");
if(isset($_POST['Simpan'])){
// mengambil data dari form
$id = $_POST['NIM'];
$Nama = $_POST['Nama'];
$TanggalLahir = $_POST['TanggalLahir'];
$TempatLahir = $_POST['TempatLahir'];
$JK = $_POST['JenisKelamin'];
$Alamat = $_POST['Alamat'];
// buat query update
$sql = "UPDATE mahasiswa SET Nama='$Nama', TanggalLahir='$TanggalLahir', 
TempatLahir='$TempatLahir', JenisKelamin='$JK', Alamat='$Alamat' WHERE NIM=$id";
$query = mysqli_query($db, $sql);
// jika query update berhasil
if( $query ) {
// beralih ke halaman list-mahasiswa.php
header('Location: index.php?page=list-mahasiswa');
} else {
// jika gagal akan menampilkan pesan
die("Gagal menyimpan");
}
} else {
die("Akses dilarang");
} ?>


13. Lakukan edit data pada tempat lahir Budi Utomo dari Yogyakarta menjadi Sleman

14. Pengeditan data apabila berhasil akan seperti ini


15. Untuk menghapus data, ketikkan koding berikut di file hapus.php

<?php
include("koneksi.php");
if(isset($_GET['id']) ){
// ambil id dari query string
$id = $_GET['id'];
// buat query hapus
$sql = "DELETE FROM mahasiswa WHERE NIM=$id";
$query = mysqli_query($db, $sql);
// apakah query hapus berhasil?
if( $query ){
header('Location: index.php?page=list-mahasiswa');
} else {
die("gagal menghapus");
}
} else {
die("akses dilarang");
} ?>


16. Lakukan tindakan hapus data dengan menekan tombol Hapus pada data Budi Utomo

17. Penghapusan data berhasil apabila data Budi Utomo terhapus

Tadaaa selesai deh kita membuat CRUD, keep learning yah

This entry was posted in

0 komentar:

Posting Komentar

Berkomentarlah dengan baik dan sopan ya ^^

Langganan: Posting Komentar (Atom)
View My Stats