Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL

index.php

Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL. Seperti judulnya yaitu Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL. Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database MySQL.

Oke, sebelumnya file-file yang akan kita buat adalah seperti tambah pada gambar di bawah ini:

Nah, sudah tau kan file apa saja yang nantinya kita buat.

Langsung saja za kita mulai tutorial yang panjang ini 

Step #1 Database

Tahap pertama adalah membuat database dahulu di phpMyAdmin, saya umpamakan Anda sudah membuat sebuah database dengan nama Biodata dengan field id,Nama,Jenis_kelamin,Alamat,No_Hp.

Step #2 Koneksi ke Database

Tahap selanjutnya adalah melakukan koneksi ke database, file untuk koneksi ke database adalah connect.php.

Silahkan buat file baru dan beri nama connect.php kemudian isi dari file ini seperti di bawah ini:

<?php
    $dsn  = "mysql:dbname=biodata;host=localhost";
    $user = "root";
    $pass = "";

    try {
        $dbh = new PDO($dsn, $user, $pass);
    } 
    catch (PDOException $e) {
        echo "Koneksi ke database gagal: ".$e->getMessage();
    }
?>

Step #3 Memasukkan Data (Create/Insert)

Tahap ke empat adalah meng-insertkan data ke database dengan perintan INSERT INTO.

Pertama tertu saja kita buat Form utuk memasukkan datanya.

Form ini akan kita simpan dalam file input.php dengan script seperti di bawah ini:

<h1 align="center">Input Biodata</h1>
<fieldset style="width: 35%; margin: auto;">
    <legend>Form Input Biodata</legend>
    
    <form action="simpan.php" method="post">

        <p>
            Nama Lengkap<br />
            <input type="text" name="nama" required />
        </p>
        
        <p>
            Jenis Kelamin<br />
            <input type="radio" name="Jenis_kelamin" value="laki-laki" id="laki-laki" /><label for="laki-laki">Laki-Laki</label>
            <input type="radio" name="Jenis_kelamin" value="perempuan" id="perempuan" /><label for="perempuan">Perempuan</label>
        </p>
        
        <p>
            Alamat Lengkap<br />
            <textarea name="alamat" cols="50" required></textarea>
        </p>
        
        <p>
            Nomor Handphone<br />
            <input type="text" name="no_hp" required />
        </p>
        
        <p>
            <input type="submit" value="Simpan" />
            <input type="reset" value="Reset" onclick="return confirm('hapus data yang telah diinput?')">
        </p>
    </form>
</fieldset>
<br />
<center><a href="index.php">? Tabel Biodata</a></center>

Berikut penampakannya jika dijalankan melalui browser:

Simpan.php

<?php
    include 'connect.php';

    if (isset($_POST)) {
        $sql = "INSERT INTO tabel_biodata VALUE ('', '$_POST[nama]', '$_POST[Jenis_kelamin]', '$_POST[alamat]', '$_POST[no_hp]')";
        $dbh->exec($sql);
    }

    header("location:index.php");
?>

Berikut penampakannya jika dijalankan melalui browser:

index.php

<?php
    include 'connect.php';
?>
    <style>
        tbody > tr:nth-child(2n+1) > td, tbody > tr:nth-child(2n+1) > th {
            background-color: #ededed;
        }
        table{
            width           : 70%;
            margin          : auto;
            border-collapse : collapse;
            box-shadow      : darkgrey 3px;
        }
        thead tr {
            background-color: #36c2ff;
        }
    </style>

    <h1 align="center">Tabel Biodata</h1>

    <center><a href="input.php">Input Biodata ? </a></center>
    <br />
    <table border="2">
        <thead>
            <tr>
                <th>No</th>
                <th>Nama</th>
                <th>Jenis Kelamin</th>
                <th>Alamat</th>
                <th>No Hp</th>
                <th>Pilihan</th>
            </tr>
        </thead>

        <tbody>
            <?php
                $sql = "SELECT * FROM tabel_biodata ORDER BY id";
                $no  = 1;
                foreach ($dbh->query($sql) as $data) :
            ?>
                <tr>
                    <th><?php echo $no++; ?></th>
                    <td><?php echo $data['Nama'] ?></td>
                    <td><?php echo $data['Jenis_kelamin'] ?></td>
                    <td><?php echo $data['Alamat'] ?></td>
                    <td><?php echo $data['No_Hp'] ?></td>
                    <th>
                        <a href="edit.php?id=<?php echo $data['id'] ?>">edit</a>

                        <a href="hapus.php?id=<?php echo $data['id'] ?>" onclick="return confirm('Anda yakin akan menghapus data?')">hapus</a>
                    </th>
                </tr>
            <?php
                endforeach;
            ?>
        </tbody>
    </table>

Berikut penampakannya jika dijalankan melalui browser:

Edit (Edit Data)

Edit.php

<?php
    include 'connect.php';
    
    if (isset($_GET['id'])) {
        $query = $dbh->query("SELECT * FROM tabel_biodata WHERE id = '$_GET[id]'");
        $data  = $query->fetch(PDO::FETCH_ASSOC);
    } else {
        echo "ID tidak tersedia!<br /><a href='index.php'>Kembali</a>";
        exit();
    }

    if ($data === false) {
        echo "Data tidak ditemukan!<br /><a href='index.php'>Kembali</a>";
        exit();
    }
?>
    <h1 align="center">Edit Biodata</h1>
    <fieldset style="width: 50%; margin: auto;">
        <legend>Form Input Biodata</legend>

        <form action="update.php" method="post">
            <input type="hidden" name="id" value="<?php echo $data['id']; ?>" />
            <p>
                Nama Lengkap<br />
                <input type="text" name="Nama" required value="<?php echo $data['Nama']; ?>"/>
            </p>

            <p>
                Jenis Kelamin<br />
                <?php if ($data['Jenis_kelamin'] === "laki-laki") : ?>
                    <input type="radio" name="Jenis_kelamin" value="laki-Laki" id="laki-laki" checked /><label for="laki-laki">Laki-Laki</label>
                    <input type="radio" name="Jenis_kelamin" value="Perempuan" id="perempuan" /><label for="perempuan">Perempuan</label>
                <?php else : ?>
                    <input type="radio" name="Jenis_kelamin" value="Laki-Laki" id="laki-laki" /><label for="laki-laki">Laki-Laki</label>
                    <input type="radio" name="Jenis_kelamin" value="Perempuan" id="perempuan" checked /><label for="perempuan">Perempuan</label>
                <?php endif; ?>
            </p>

            <p>
                Alamat Lengkap<br />
                <textarea name="Alamat" cols="50" required><?php echo $data['Alamat']; ?></textarea>
            </p>

            <p>
                Nomor Handphone<br />
                <input type="text" name="No_Hp" required value="<?php echo $data['No_Hp']; ?>" />
            </p>

            <p>
                <input type="submit" value="Simpan" />
                <input type="reset" value="Reset" onclick="return confirm('hapus data yang telah diinput?')">
            </p>
        </form>
    </fieldset>
    <br />
    <center><a href="index.php">? Tabel Biodata</a></center>

Berikut penampakannya jika dijalankan melalui browser:

Update.php

<?php
    include 'connect.php';

    if (isset($_POST)) {
        $sql = "UPDATE tabel_biodata SET Nama           = '$_POST[nama]',
                                         Jenis_kelamin  = '$_POST[jenis_kelamin]',
                                         Alamat         = '$_POST[alamat]',
                                         No_Hp          = '$_POST[no_hp]',
                                         WHERE id       = '$_POST[id]' ";
        $dbh->exec($sql);
    }

    header("location:index.php");
?>

Berikut penampakannya jika dijalankan melalui browser:

Hapus data (Delete/Hapus)

Tahap ke enam ini adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data dari database.

file yang akan kita buat adalah hapus.php, dan isi scriptnya seperti di bawah ini:

Hapus.php

<?php
    include 'connect.php';
    if (isset($_GET['id'])) {
        $dbh->exec("DELETE FROM tabel_biodata WHERE id = '$_GET[id]'");
    }
    header("location:index.php")
?>

Berikut penampakannya jika dijalankan melalui browser:

Sekian Tutorial dari saya semoga bermanfaat.