Part 3 : Cara Membuat Halaman edit Data ke Database

pada tutorial kali ini kita akan mempelajari cara mengedit data dari database dengan menggunakan form yang  sederhana. Ikuti tahapan-tahapan berikut ini, dan pastikan syarat-syarat di bawah ini terpenuhi

1. Buat Database

• 1. Hidupkan webservice dan mysql terlebih dahulu
• 2. Buka browser lalu ketik localhost/phpmyadmin
• 3. Buat database projekcrud
• 4. Buat table dengan nama identitas dan buat field seperti gambar di bawah ini, jika sudah klik save untuk membuat tabel

• 5. Isilah beberapa data di dalam tabel identitas, dengan cara klik insert, isi id,nama, jenis kelamin, dan alamat dengan sembarang data

2. Siapkan file koneksi

Sebelum kita dapat memasukkan data ke dalam database, hal pertama yang harus kita buat adalah membuat file koneksi. Tujuannya adalah untuk menghubungkan file php ke database yang kita buat. 

• 1. Buat sebuah folder baru di dalam htdocs dengan nama projekcrud
• 2. Buka teks editor kesayangan kalian, copy paste script di bawah ini dan simpan dengan nama koneksi.php di dalam folder projekcrud

<?php

    $mysqli = new mysqli("localhost","root","","projekcrud");

?>

penjelasan : di atas adalah fungsi untuk menghubungkan database, fungsi mysqli kita masukkan ke dalam variabel $mysqli. Lalu "localhost" adalah host yang kita gunakan, "root" adalah user database, "" adalah password database, secara default xampp tidak memberikan password, dan "projekcrud" adalah nama database kita.

Coba buka browser lalu jalankan file koneksi.php. Jika tidak menampilkan pesan apapun artinya kita sudah berhasil membuat koneksi ke database. Jika ada pesan error coba ulangi kembali tahapan demi tahapan di atas.

3. Buat Form untuk menampilkan data

• Buka editor kesayangan kalian, copy paste script di bawah ini dan simpan dengan nama tampil_data.php di dalam folder projekcrud

<?php

    include "koneksi.php";

?>
<h2>LATIHAN MENAMPILKAN DATA DARI DATABASE DENGAN TABEL</h2>
<table border="1">
    <tr>
        <td>Nomor</td>
        <td>Nama</td>
        <td>jenis Kelamin</td>
        <td>Alamat</td>
        <td>Aksi</td>
    </tr>
    <?php

        $tampil = mysqli_query($mysqli, "select * from identitas");
        $no = 1;
        while($hasil = mysqli_fetch_array($tampil)){
    ?>
    <tr>
        <td><?php echo $no++; ?></td>
        <td><?php echo $hasil['nama']; ?></td>
        <td><?php echo $hasil['jeniskelamin']; ?></td>
        <td><?php echo $hasil['alamat']; ?></td>
        <td>
            <a href="edit_data.php?id=<?php echo $hasil['id']; ?>">edit</a>|
            <a href="hapus_data.php?id=<?php echo $hasil['id']; ?>">hapus</a>
        </td>
    </tr>
    <?php
        }
    ?>
</table>

penjelasan :

• include "koneksi.php" adalah fungsi untuk mengimpor file, jadi kita tidak perlu membuat file koneksi lagi untuk setiap halaman yang membutuhkan koneksi ke database. Cukup panggil filenya apa lewat perintah include
• $tampil = mysqli_query(...) adalah fungsi untuk berinteraksi dan  memanipulasi data yang ada di dalam database
• "select * from identitas" adalah perintah atau query untuk menampilkan data dari tabel identitas
• while (...) fungsi while digunakan untuk melakukan perulangan pada data yang ada di dalam database

coba jalankan hasilnya kurang lebih akan tampil seperti gambar di bawah ini. tombol edit akan mengarah ke halaman lain. Ikuti langkah selanjutnya untuk membuat halaman edit dan proses editnya

4. Buat Form untuk edit data

• Buka editor kesayangan kalian copy paste script di bawah ini dan simpan dengan nama edit_data.php

<?php

    include "koneksi.php";
    $id = $_GET['id'];
    $tampil = mysqli_query($mysqli, "select * from identitas where id='$id'");
    $hasil = mysqli_fetch_array($tampil);

?>
<h2>LATIHAN EDIT DATA DARI DATABASE</h2>
<form method="post" action="proses_edit.php?id=<?PHP echo $_GET['id']; ?>">
    <table>
        <tr>
            <td>Nama</td>
            <td><input type="text" name="nama" value="<?php echo $hasil['nama']; ?>"></td>
        </tr>
        <tr>
            <td>Jenis Kelamin</td>
            <td>
                <input type="radio" <?php if($hasil['jeniskelamin']=="laki-laki"){ echo "checked"; } ?> name="jeniskelamin" value="laki-laki">Laki-laki
                <input type="radio" <?php if($hasil['jeniskelamin']=="perempuan"){ echo "checked"; } ?> name="jeniskelamin" value="perempuan">Perempuan
            </td>
        </tr>
        <tr>
            <td>Alamat</td>
            <td><input type="text" name="alamat" value="<?php echo $hasil['alamat']; ?>"></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="kirim"></td>
        </tr>
    </table>
</form>

Hasil form edit yang kita buat kurang lebih seperti gambar di bawah ini. di halaman edit ini form-formnya akan langsung terisi sesuai dengan nama yang mau kita edit di halaman tampil data sebelumnya

5. Buat Form untuk proses edit data

• Buka editor kesayangan kalian copy paste script di bawah ini dan simpan dengan nama proses_edit.php dan simpan di dalam folder projekcrud

<?php

    include "koneksi.php";
    $id = $_GET['id'];
    $nama = $_POST['nama'];
    $jeniskelamin = $_POST['jeniskelamin'];
    $alamat = $_POST['alamat'];

    mysqli_query($mysqli, "update identitas set nama='$nama', jeniskelamin='$jeniskelamin', alamat='$alamat' where id='$id' ");
?>

Jalankan halaman tampil_data.php kemudian pilih data yang ingin anda edit, lalu coba edit data tersebut dan lihat hasilnya di halaman tampil_data.php.

Cukup sekian tutorial membuat halaman edit data ke database, mudah-mudahan bermanfaat bagi kita semua saya ucapkan assalamualaikum warahmatullahi wabarakaatuh, happy coding!.


Dan jangan lupa ikuti part-part selanjutnya :

• Part 1 : Cara membuat halaman input data ke database
• Part 2 : Cara menampilkan data dari database
• Part 3 : Cara mengedit data dari database