Selasa, 18 November 2014

Aplikasi CRUD Sederhana PHP + Mysql Part 4

Step #5 Update Data (Update/Edit)

Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah file edit.php.
Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom Opsi ada Link edit dan hapus. Dimana untuk Link edit yang di klik Anda akan mendapatkan Link seperti <a href=”edit.php?id=12″>Edit</a> dimana id ini adalah nilai dari siswa_id. Jika id tersebut adalah 12, maka akan menampilkan data siswa dimana siswa_id=12.
Oke, silahkan buat file edit.php dan paste script di bawah ini:


<!DOCTYPE html>
<html>
<head>
    <title>Simple CRUD by TUTORIALWEB.NET</title>
</head>
<body>
    <h2>Simple CRUD</h2>
   
    <p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
   
    <h3>Edit Data Siswa</h3>
   
    <?php
    //proses mengambil data ke database untuk ditampilkan di form edit berdasarkan siswa_id yg didapatkan dari GET id -> edit.php?id=siswa_id
   
    //include atau memasukkan file koneksi ke database
    include('koneksi.php');
   
    //membuat variabel $id yg nilainya adalah dari URL GET id -> edit.php?id=siswa_id
    $id = $_GET['id'];
   
    //melakukan query ke database dg SELECT table siswa dengan kondisi WHERE siswa_id = '$id'
    $show = mysql_query("SELECT * FROM siswa WHERE siswa_id='$id'");
   
    //cek apakah data dari hasil query ada atau tidak
    if(mysql_num_rows($show) == 0){
       
        //jika tidak ada data yg sesuai maka akan langsung di arahkan ke halaman depan atau beranda -> index.php
        echo '<script>window.history.back()</script>';
       
    }else{
   
        //jika data ditemukan, maka membuat variabel $data
        $data = mysql_fetch_assoc($show);    //mengambil data ke database yang nantinya akan ditampilkan di form edit di bawah
   
    }
    ?>
   
    <form action="edit-proses.php" method="post">
        <input type="hidden" name="id" value="<?php echo $id; ?>">    <!-- membuat inputan hidden dan nilainya adalah siswa_id -->
        <table cellpadding="3" cellspacing="0">
            <tr>
                <td>NIS</td>
                <td>:</td>
                <td><input type="text" name="nis" value="<?php echo $data['siswa_nis']; ?>" required></td>    <!-- value diambil dari hasil query -->
            </tr>
            <tr>
                <td>Nama Lengkap</td>
                <td>:</td>
                <td><input type="text" name="nama" size="30" value="<?php echo $data['siswa_nama']; ?>" required></td> <!-- value diambil dari hasil query -->
            </tr>
            <tr>
                <td>Kelas</td>
                <td>:</td>
                <td>
                    <select name="kelas" required>
                        <option value="">Pilih Kelas</option>
                        <option value="X" <?php if($data['siswa_kelas'] == 'X'){ echo 'selected'; } ?>>X</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                        <option value="XI" <?php if($data['siswa_kelas'] == 'XI'){ echo 'selected'; } ?>>XI</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                        <option value="XII" <?php if($data['siswa_kelas'] == 'XII'){ echo 'selected'; } ?>>XII</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                    </select>
                </td>
            </tr>
            <tr>
                <td>Jurusan</td>
                <td>:</td>
                <td>
                    <select name="jurusan" required>
                        <option value="">Pilih Jurusan</option>
                        <option value="Teknik Komputer dan Jaringan" <?php if($data['siswa_jurusan'] == 'Teknik Komputer dan Jaringan'){ echo 'selected'; } ?>>Teknik Komputer dan Jaringan</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                        <option value="Multimedia" <?php if($data['siswa_jurusan'] == 'Multimedia'){ echo 'selected'; } ?>>Multimedia</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                        <option value="Akuntansi" <?php if($data['siswa_jurusan'] == 'Akuntansi'){ echo 'selected'; } ?>>Akuntansi</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                        <option value="Perbankan" <?php if($data['siswa_jurusan'] == 'Perbankan'){ echo 'selected'; } ?>>Perbankan</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                        <option value="Pemasaran" <?php if($data['siswa_jurusan'] == 'Pemasaran'){ echo 'selected'; } ?>>Pemasaran</option>    <!-- jika data di database sama dengan value maka akan terselect/terpilih -->
                    </select>
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td></td>
                <td><input type="submit" name="simpan" value="Simpan"></td>
            </tr>
        </table>
    </form>
</body>
</html>


Jika sudah silahkan simpan, dan hasil tampilan dari script di atas seperti gambar di bawah ini:
simple-crud-form-edit
Nah, form edit diatas jika di klik tombol Simpan, maka akan menjalankan file edit-proses.php, dimana file ini adalah proses untuk melakukan update data ke database.
Buat file edit-proses.php dan paste script di bawah ini:

<?php
//mulai proses edit data

//cek dahulu, jika tombol simpan di klik
if(isset($_POST['simpan'])){
   
    //inlcude atau memasukkan file koneksi ke database
    include('koneksi.php');
   
    //jika tombol tambah benar di klik maka lanjut prosesnya
    $id            = $_POST['id'];    //membuat variabel $id dan datanya dari inputan hidden id
    $nis        = $_POST['nis'];    //membuat variabel $nis dan datanya dari inputan NIS
    $nama        = $_POST['nama'];    //membuat variabel $nama dan datanya dari inputan Nama Lengkap
    $kelas        = $_POST['kelas'];    //membuat variabel $kelas dan datanya dari inputan dropdown Kelas
    $jurusan    = $_POST['jurusan'];    //membuat variabel $jurusan dan datanya dari inputan dropdown Jurusan
   
    //melakukan query dengan perintah UPDATE untuk update data ke database dengan kondisi WHERE siswa_id='$id' <- diambil dari inputan hidden id
    $update = mysql_query("UPDATE siswa SET siswa_nis='$nis', siswa_nama='$nama', siswa_kelas='$kelas', siswa_jurusan='$jurusan' WHERE siswa_id='$id'") or die(mysql_error());
   
    //jika query update sukses
    if($update){
       
        echo 'Data berhasil di simpan! ';        //Pesan jika proses simpan sukses
        echo '<a href="edit.php?id='.$id.'">Kembali</a>';    //membuat Link untuk kembali ke halaman edit
       
    }else{
       
        echo 'Gagal menyimpan data! ';        //Pesan jika proses simpan gagal
        echo '<a href="edit.php?id='.$id.'">Kembali</a>';    //membuat Link untuk kembali ke halaman edit
       
    }

}else{    //jika tidak terdeteksi tombol simpan di klik

    //redirect atau dikembalikan ke halaman edit
    echo '<script>window.history.back()</script>';

}
?>


Silahkan simpan. Dan seperti biasa penjelasan tiap baris kode sudah saya masukkan di dalamnya, silahkan baca.

Selanjutnya proses Hapus Data (DELETE/HAPUS)
Membuat Aplikasi CRUD Sederhana Part 5

Tidak ada komentar:

Posting Komentar