Part 3 : Cara Membuat Halaman edit Data ke Database

Share:

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 :

15 comments:

  1. Min, tolong dibantu masalahnya berikut :

    Warning: Undefined array key "jeniskelamin" in C:\xampp\htdocs\projekcrud\tampil_data.php on line 24

    ReplyDelete
    Replies
    1. Cek file tampil_data.php line 24 dan 25. Tambahkan ; sebelum ?>

      Delete
  2. min, kira2 knp ya?

    Notice: Undefined index: id in /home/mtsasyr1/public_html/asrama/proses_edit.php on line 4

    ReplyDelete
    Replies
    1. dicoba lagi mas, di file proses_edit.php sudah saya perbaiki. thnks kunjugnannya

      Delete
  3. Halo min, kira kira kalo gini kenapa ya?

    Fatal error: Uncaught mysqli_sql_exception: You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'id']'

    ReplyDelete
  4. Min cara mengatasi "warning: trying to access array offset on value of type null" gmana?

    ReplyDelete
  5. Kk admin thanx untuk tutorialnya. Melalui tutorial ini saya mencoba membuat daftar link website, misalnya sebagai contoh tabel pada $nama berisi : goggle.com, yahoo.com, facebook.com
    Pada kolom tampilan website (index.php) nantinya sy akan buat "button" yang akan mengarah/membuka ke contoh website diatas ketika di click. Pertanyaannya:
    1. button yang saya buat apa sebaiknya dengan html code atau php code?
    2. Bagaimana menyusun koding pada script php untuk membuat button sehingga akan membuka website seperti contoh ketika di click. (dalam new tab)
    berikut ilustrasi tampilan index.php (click akan berupa button):
    ----------------------------------------------
    site_name | info | Visit |
    ----------------------------------------------
    google.com | A | Click |
    yahoo.com | B | Click |
    facebook.com | C | Click |
    ------------------------------------------------
    Semoga pertanyaan newbie ini bisa dipahami, terimakasih atas tutorial kk.

    ReplyDelete
    Replies
    1. terima kasih sebelumnya sudah berkunjung :). Sebaiknya bikin buttonnya html aja. buttonnya menggunakan a href, a hrefnya dikasih style css biar keliatan jadi button. Terus di dalam href=""

      Delete
  6. saya sudah berhasil input ngikutin codingan, pas proses edit tidak ada peringatan eror apapun, tapi data di sql tidak terupdate. kenapa ya?
    curiganya disini pak, pas manggil id jadi ada %27

    /test/proses_edit.php?id=$_GET[%27id%27]

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. This comment has been removed by the author.

      Delete
    3. Sepertinya ada yg salah dengan tulisan saya. Saya akan coba perbaiki di bagian actionnya

      Delete
    4. Sudah saya perbaiki, coba masnya ulang lagi ya. Btw terimakasih atas kunjungannya

      Delete
  7. untuk proses EDIT berhasil, cuman pas dicoba buat hapus hasilnya error Not Found
    The requested URL was not found on this server.

    ReplyDelete
    Replies
    1. terima kasih mas yayan sudah berkunjung ke blog saya. Kenapa bisa terjadi error alasannya karena file yang dituju tidak ditemukan, file hapus_data.php sepertinya belum dibuat

      ini artikel lama, seinget saya, saya belum bikin untuk hapus datanya. Tapi masnya bisa mengikuti tutorial saya yang ini. Disini ada CRUD, template, dan loginnya

      https://sahrebook.com/produk-detail/crud-dengan-php-dan-mysql-login-install-template-login

      Delete

Jangan lupa kasih komentar ya!. Karena komentar kalian membantu kami menyediakan informasi yang lebih baik

Tidak boleh menyertakan link atau promosi produk saat berkomentar. Komentar tidak akan ditampilkan. Hubungi 081271449921(WA) untuk dapat menyertakan link dan promosi