Membuat Form Bukutamu Keren Dinamis Edit

Pada tutorial kali ini, saya akan melanjutkan tutorial sebelumnya dari Form Bukutamu yang sudah kita buat dulu diantaranya, Membuat Form Bukutamu, Membuat Form Bukutamu Menjadi Bisa Disimpan, Hapus.
Membuat Form Bukutamu Keren Dinamis Edit

Nah, kali ini saya akan menjelaskan bagaimana cara agar data yang sudah kita inputkan atau data yang ada dalam database bisa kita rubah atau bisa kita edit.

saya akan jelaskan secara detail, agar kalian dapat memahami apa yang saya jelaskan.

Setelah kalian buat Form Bukutamunya, selanjutnya kita buat source code atau perintah editnya dari data yang ada pada database, agar kita dapat mengubah atau mengedit data yang kita ingin rubah.

Berikut Source code untuk Mngubah data input data.

PHP
<!doctype html>
    <html>
        <head>
            <title>Bukutamu</title>
                <link rel="stylesheet" href="style.css" type="text/css">
        </head>
        <body>
        <?php
            mysql_connect("localhost","root","") or die (mysql_error());
            mysql_select_db("bukutamu") or die (mysql_error());

            $No=$_GET['id'];
            $sql="SELECT* FROM bukutamu WHERE id='$No'";
            $qry=mysql_query($sql)
            or die("Query gagal ".mysql_error());

            $data=mysql_fetch_array($qry);
               
            $nama=$data['Nama'];
            $alamat=$data['Alamat'];
            $email=$data['Email'];
            $kota=$data['Kota'];
            $pesan=$data['Pesan'];
        ?>
        <form action="UbahSimpan.php" method="post" enctype="multipart/form-data" name="form1">
            <table width="468" height="274" border="0" align="center">
                <tr>
                    <td height="38" colspan="9" id="judul">
                        <img src="ub.png"/>
                    </td>
                </tr>
                    <tr bgcolor="#ccc">
                        <td align="center">No</td>
                        <td>
                            <input name="id" type="text" disabled id="id" value="<?php echo "$No" ?>" size="3">
                            <input name="IDH" type="hidden" value="<?php echo "$No" ?>">
                        <td width="388" rowspan="7"><center><?php echo '<img src="Gambar.php?id='.$data['id'].'" width="210" / >'?></center></td>
                        </td>
                    </tr>
                    <tr bgcolor="#ccc">
                        <td width="90" height="24" align="center">Nama</td>
                        <td width="362">
                            <input type="text" name="Nama" id="Nama" value= "<?php echo "$nama" ;?>" size="40" maxlength="35"></td>
                    </tr>
                    <tr bgcolor="#ccc">
                        <td height="25" align="center">Alamat</td>
                        <td>
                            <input type="text" name="Alamat" id="Alamat" value= "<?php echo "$alamat" ;?>"size="40" maxlength="40" /></td>
                    </tr>
                    <tr bgcolor="#ccc">
                        <td height="24" align="center">Email</td>
                        <td>
                            <input type="text" name="Email" id="Email" size="35" value= "<?php echo "$email" ;?>" maxlength="35"/></td>
                    </tr>
                    <tr bgcolor="#ccc">
                        <td height="24" bgcolor="#ccc" align="center">Kota</td>
                        <td>
                            <input type="text" name="Kota" id="Kota" value= "<?php echo "$kota" ;?>" size="30" maxlength="30" /></td>
                    </tr>
                    <tr bgcolor="#ccc">
                        <td height="94" bgcolor="#ccc" align="center">Pesan</td>
                        <td>
                            <textarea name="Pesan" id="Pesan" cols="45" rows="5"><?php echo "$pesan" ;?></textarea></td>
                    </tr>
                    <tr bgcolor="#ccc">
                        <td height="26" bgcolor="#ccc" align="center">Foto</td>
                        <td><input type="file" name="gambar" id="gambar" /></td>
                    </tr>
                <td>&nbsp;</td>
                <td><input name="simpan" type="submit" value="Ubah" /></td>
      </table>
    </form><hr/>
 </div>
</body>
</html>

Simpan source code diatas dalam satu folder dengan file yang diatas dengan nama UbahForm.php.

Penjelasan :

Pertama
mysql_connect("localhost","root","") : Maksutnya adalah program akan melakukan perintah awal yaitu mengkoneksikan Form Bukutamu dengan database dengan sever localhost, username root, dan password kosong.

itu merupakan standar penulisannya, namun, apabila database kalian beri password, maka password harus kalian isi sesuai dengan password yang kalian beri.

Kedua
mysql_select_db("bukutamu") : Setelah langkah diatas selesai diproses oleh mesin, selanjutnya mesin akan membaca perintah  mysql_select_db("bukutamu") yaitu memilih database yang nantinya akan digunakan untuk menyimpan data dari hasil inputan Form Bukutamu.

lalu, cara membuat databasenya gimana...? aku kan masih pemula dengan bahasa pemrograman PHP.

Tenang, nanti saya akan memberikan tutorial sendiri bagaimana cara membuat databasenya, kalian bisa baca artikel dibawah ini.

Baca Juga : 



Lanjut, kepenjelasan berikutnya yaitu bagian source code berikut :
 

$No = $_GET['id'];
$sql = "SELECT FROM bukutamu WHERE id='$No'";

1). $No = $_GET['id'];
Untuk nama yang berawalan $, itu merupakan sebuah variabel dari program, jadi tidak harus $No melainkan terserah si programmernya, entah itu $N atau $no, yang terpenting dapat mepersingkat penulisan source code, dan juga mudah dalam pemanggilan ulang nantinya.
 

Untuk $_GET['id']; maksutnya adalah program akan mengambil id yang menjadi primary key pada tabel bukutamu.

2). $sql = "SELECT*FROM bukutamu WHERE id='$No'"; $sql : adalah sebuah variabel, jadi $sql merupakan wadah dari isi "SELECT*FROM bukutamu WHERE id='$No'";,

SELECT*FROM bukutamu WHERE id='$No'"; : Maksutnya program akan mengambil atau memilih dari tabel yang kita tuju, misalkan tabel yang kita tuju adalah bukutamu, maka yang menjadi Primary Key dalam bukutamu itu lha yang akan dicari oleh program dengan bahasa WHERE, untuk Primary key dalam tabel bukutamu yang sudah kita buat adalah id, jadi penulisan source code adalah WHERE id dan kita kembalikan ke variabel awal $_GET tersebut yaitu $No, kenapa..?

Sebab, perintah itu akan dijadikan bukti bahwa program telah mengambil data yang diperintahkan untuk mengapus data yang ada pada database.


Penjelasan untuk * maksutnya adalah secara keseluruhan field yang ada pada tabel bukutamu, nah apabila kalian hanya menyebutkan Nama, maka secara otomatis program hanya mengambil data yang ada pada field saja, bukan keseluruhan.
 
untuk yang selanjutnya yaitu source code untuk eksekusi program, dengan code sebagai berikut :


$nama=$data['Nama'];
$alamat=$data['Alamat'];
$email=$data['Email'];
$kota=$data['Kota'];
$pesan=$data['Pesan'];

Nah, untuk source code diatas maksutnya adalah, setelah program melakukan perintah yang ada diatas source code diatas atau sebelum source code diatas, apabila perintah benar, maka program secara otomatis akan mengambil data yang ada pada database sesuai dengan keinginan si pemakai data apa yang mau dirubah atau diedit.


nah, untuk variabel $nama, $alamat, $email, $kota dan $pesan itu nantinya akan kita panggil lagi pada inputan yang akan emnampilkan data yang akan diedit dengan cara value="<?php echo '$nama';?>".

Ouh iya, satu lagi kawan, untuk source code ini :

mysql_query($sql) or die ("Query Gagal" .mysql_error());

nah, untuk yang terakhir ini, maksutnya adalah, apabila proses benar, maka program akan melakukan langkah yaitu menghapus data yang diinputkan oleh pengguna atau menghapus data yang ada pada tabel bukutamu.

apabila salah, maka browser akan menampilkan tulisan "Query Gagal".

Setelah semuanya kalian fahami, selanjutnya kita lakukan pengecekan pada Form Bukutamu kita, apakah sudah bekerja dengan baik atau tidak.

Setelah kalian inputkan, selanjutkan klik tombol simpan, akan muncul Tampilan data yang sudah kita inputkan tadi, kemdian coba kalian klik tombol Edit/Ubah.
 

Bagaimana..? Sukses Bukan..?.
"Iya Berhasil, makasih ya Admin Dunia Programming"
Sekian dulu penjelasan dari saya, apabila kalian belum faham atau masih bingung atau juga mengalamai masalah pada saat pembuatan Form Bukutamu. silahkan, kalian dapat meninggalkan komentar pada kolom komentar dibawah artikel ini, atau bisa juga kirim email dengan cara menekan tombol bagian footer (bawah website) dan isi data diri kalian dengan benar. Terima kasih. 

Belum ada Komentar untuk "Membuat Form Bukutamu Keren Dinamis Edit"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel