Ruang IT: Membuat Simpan, Update dan Delete (CRUD) dengan PHP & MySQL

Hai sobat Ruang IT..

Kali ini saya akan membagikan tutorial pemograman website tentang bagaimana cara membuat proses simpan, update dan delete (CRUD) pada website dengan menggunakan PHP & MySQL. Oke tanpa basa-basi lagi kita langsung ke TKP (Saya asumsikan teman-teman sudah memahami dasar pemrograman HTML,CSS,PHP, MySQL dan dapat menggunakan localhost/server lokal).

1. Buat sebuah database dengan nama "db_crud" dan sebuah tabel dengan nama "tbl_siswa" (hasilnya seperti gambar di bawah ini)

2. Buat sebuah folder di localhost dengan nama "belajar_crud", dan didalam folder tersebut buat 5 buah file dengan nama "koneksi.php", "fungsi.php", "index.php", "hapus.php" dan "edit.php"

3. Pada "koneksi.php", masukkan script di bawah ini :

<?php

    $host = 'localhost';
    $user = 'root';
    $pass = '';
    $db = 'db_crud';

    $koneksi = mysqli_connect($host,$user,$pass,$db) or die (mysqli_error($koneksi));

?>

4. Pada "fungsi.php", masukkan script di bawah ini :

<?php

    function simpan_siswa($nis,$nama,$nomor_hp,$alamat){
        global $koneksi;
        $query = "INSERT INTO tbl_siswa(nis,nama,nomor_hp,alamat) VALUES('$nis','$nama','$nomor_hp','$alamat')";
        if(mysqli_query($koneksi,$query) or die ('error fungsi')){
            return true;
        }else{
            return false;
        }
    }

    function tampil_siswa(){
        global $koneksi;
        $query = "SELECT * FROM tbl_siswa";
        $result = mysqli_query($koneksi,$query) or die ('error fungsi');
        return $result;
    }

    function hapus_siswa($nis){
        global $koneksi;
        $query = "DELETE FROM tbl_siswa WHERE nis=$nis";
        if(mysqli_query($koneksi,$query) or die ('error fungsi')){
            return true;
        }else{
            return false;
        }
    }

    function edit_siswa($nis){
        global $koneksi;
        $query = "SELECT * FROM tbl_siswa WHERE nis=$nis";
        $result = mysqli_query($koneksi,$query) or die ('error fungsi');
        return $result;
    }

    function update_siswa($nama,$nomor_hp,$alamat,$nis){
        global $koneksi;
        $query = "UPDATE tbl_siswa SET nama='$nama', nomor_hp='$nomor_hp', alamat='$alamat' WHERE nis = $nis";
        if(mysqli_query($koneksi,$query) or die ('error fungsi')){
            return true;
        }else{
            return false;
        }
    }

?>

5. Pada "index.php", masukkan script di bawah ini :

<?php

    include 'koneksi.php';
    include 'fungsi.php';

    if(isset($_POST['submit'])){
        if(simpan_siswa($_POST['nis'],$_POST['nama'],$_POST['nomor_hp'],$_POST['alamat'])){
            echo '<script type="text/javascript">
                alert("Data Siswa Tersimpan");window.location="index.php";
            </script>';
        }else{
            echo 'error simpan';
        }
    }

?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>Belajar CRUD</title>

</head>
<body>
    <h2>Aplikasi CRUD Sederhana</h2>

    <form method="post">
        <table>
            <tr>
                <td>NIS</td>
                <td>:</td>
                <td><input type="text" name="nis"/></td>
            </tr>

            <tr>
                <td>Nama</td>
                <td>:</td>
                <td><input type="text" name="nama"/></td>
            </tr>

            <tr>
                <td>Nomor HP</td>
                <td>:</td>
                <td><input type="number" name="nomor_hp"/></td>
            </tr>

            <tr>
                <td>Alamat</td>
                <td>:</td>
                <td><input type="text" name="alamat"/></td>
            </tr>

            <tr>
                <td></td>
                <td></td>
                <td>
                    <input type="submit" name="submit" value="Simpan Data" />
                    <input type="reset" name="reset" value="Batal" />
                </td>
            </tr>
        </table>
    </form>

    <br />

    View Data Siswa <br /><br />

    <table width="50%" border="1">
        <tr bgcolor="orange">
            <th>NO</th>
            <th>NIS</th>
            <th>Nama</th>
            <th>Nomor HP</th>
            <th>Alamat</th>
            <th>Action</th>
        </tr>

        <?php

            $no=0;
            $result = tampil_siswa();
            while($row = mysqli_fetch_array($result)){
            $no++;

        ?>
        <tr>
            <td><?php echo $no; ?></td>
            <td><?php echo $row['nis'] ?></td>
            <td><?php echo $row['nama'] ?></td>
            <td><?php echo $row['nomor_hp'] ?></td>
            <td><?php echo $row['alamat'] ?></td>
            <td>
                <a href="edit.php?nis='<?php echo $row['nis'] ?>'">Edit</a>  
                <a href="hapus.php?nis='<?php echo $row['nis'] ?>'">Hapus</a>
            </td>
        </tr>
        <?php

            }

        ?>
    </table>
</body>
</html>

6. Pada "hapus.php",masukkan script di bawah ini :

<?php

    include 'koneksi.php';
    include 'fungsi.php';

    if(isset($_GET['nis'])){
        if(hapus_siswa($_GET['nis'])){
            echo '<script type="text/javascript">
                alert("Data Siswa Terhapus");window.location="index.php";
            </script>';
        }else{
            echo 'hapus error';
        }
    }

?>

7. Pada "edit.php", masukkan script di bawah ini :

<?php

    include 'koneksi.php';
    include 'fungsi.php';

    if(isset($_POST['submit'])){
        if(update_siswa($_POST['nama'],$_POST['nomor_hp'],$_POST['alamat'],$_GET['nis'])){
            echo '<script type="text/javascript">
                alert("Data Siswa Diupdate");window.location="index.php";
            </script>';
        }else{
            echo 'error simpan';
        }
    }

?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>Belajar CRUD</title>

</head>
<body>
    <h3>Edit Data Siswa</h3>
    <?php

        $result = edit_siswa($_GET['nis']);
        $data = mysqli_fetch_array($result);

    ?>
    <form method="post">
        <table>
            <tr>
                <td>NIS</td>
                <td>:</td>
                <td><input type="text" name="nis" value="<?php echo $data['nis'] ?>"/></td>
            </tr>

            <tr>
                <td>Nama</td>
                <td>:</td>
                <td><input type="text" name="nama" value="<?php echo $data['nama'] ?>"/></td>
            </tr>

            <tr>
                <td>Nomor HP</td>
                <td>:</td>
                <td><input type="number" name="nomor_hp" value="<?php echo $data['nomor_hp'] ?>"/></td>
            </tr>

            <tr>
                <td>Alamat</td>
                <td>:</td>
                <td><input type="text" name="alamat" value="<?php echo $data['alamat'] ?>"/></td>
            </tr>

            <tr>
                <td></td>
                <td></td>
                <td>
                    <input type="submit" name="submit" value="Update Data" />
                    <input type="reset" name="reset" value="Batal" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

Setelah semua script sudah dibuat, jalankan aplikasi, maka akan terlihat seperti di bawah ini :

Yups, begitulah aplikasi CRUD paling sederhana dan tentu teman-teman dapat mengembangkannya sesuai keinginan.. semoga dapat membantu teman-teman sekalian, silahkan tinggalkan komentar kalau ada yang ingin di tanyakan / blm jalan aplikasinya..

Sampai jumpa di tutorial berikut nya.. :D

Ruang IT

Rabu, 17 Januari 2018

Membuat Simpan, Update dan Delete (CRUD) dengan PHP & MySQL

1 komentar: