Skip to content Skip to sidebar Skip to footer

Membuat Form Bukutamu Keren Dinamis Simpan

Pada tutorial kali ini, saya akan menjelaskan bagaimana cara memfungsikan Bukutamu yang sudah kita buat kemaren layaknya Program yang sudah jadi. Oke untuk yang pertama, saya akan memberikan penjelasan yang sangat detail mengenai cara membuat Form Bukutamu agar bisa menyimpan data.
Membuat Form Bukutamu Keren Dinamis Simpan
Membuat Form Bukutamu Keren Dinamis Simpan

Jadi, pada saat pengguna menginputkan data pada Form Bukutamu, maka data yang di inputkan si pengguna secara otomatis akan masuk kedalam Database, gambaranya seperti itu. 

nah, buat kalian nih yang ketinggalan dengan tutorial pembuatan Form Bukutamu, bisa dibaca kembali kok hehehehe.


Setelah kalian buat Form Bukutamunya, selanjutnya kita buat source code atau peirntah menyimpan hasil inputan itu tadi, agar data dapat tersimpan dalam database.

Berikut Source code untuk Menyimpan data input data.

PHP
<?php
    mysql_connect("localhost","root","") or die (mysql_error());
    mysql_select_db("bukutamu") or die (mysql_error());

    $Nama=$_POST['Nama'];
    $Alamat=$_POST['Alamat'];
    $Email=$_POST['Email'];
    $Kota=$_POST['Kota'];
    $Pesan=$_POST['Pesan'];

     if($_FILES['gambar']['size'] > 0 && $_FILES['gambar']['error'] == 0){ 
     $fileName = $_FILES['gambar']['name']; 
     $mimeType = $_FILES['gambar']['type']; 
     $tmpFile = fopen($_FILES['gambar']['tmp_name'], 'rb');
     $fileData = fread($tmpFile, filesize($_FILES['gambar']['tmp_name'])); 
     $fileData = addslashes($fileData);   
   } 
     $sql= "INSERT INTO bukutamu (Nama,Alamat,Email,Kota,Pesan,file_name,mime_type,Foto)
                VALUES ('$Nama','$Alamat','$Email','$Kota','$Pesan','$fileName','$mimeType','$fileData')";

      mysql_query($sql) or die ("Gagal Menyimpan Data".mysql_error());
?>

Simpan source code diatas dengan nama Simpan.php dan jadikan folder dengan index.html atau index.php yang sudah kalian buat.
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 : 

   $Nama = $_POST['Nama'];
    $Alamat = $_POST['Alamat'];
    $Email = $_POST['Email'];
    $Kota = $_POST['Kota'];
    $Pesan = $_POST['Pesan'];

1). $Nama dkk.


Untuk nama yang berawalan $, itu merupakan sebuah variabel dari program, jadi tidak harus $Nama, $Alamat dan seterusnya, melainkan terserah si programmernya, entah itu $N atau $a, yang terpenting dapat mepersingkat penulisan source code, dan juga mudah dalam pemanggilan ulang nantinya. 

2). $_POST['Nama'] dkk.


Maksutnya yaitu, menyimpan data kedalam database sesuai dengan name yang ada pada inputan bukutamu kalian, apabila name nama yang kita buat berawalan dengan huruf kapital, maka penulisan source code pada file Simpan.php harus berawalan huruf kapital, begitu seterusnya.

Contoh :

<input class="nama" name="Nama" type="text" id="TxtNama" size="38" maxlength="25" placeholder="Nama">

Jadi apabila kalian menulis name pada suatu inputan yang sudah dibuat dengan Nama berawalan huruf kapital, maka penulisannya harus kita samakan.

untuk yang selanjutnya yaitu source code untuk gambar, dengan code sebagai berikut :

if($_FILES['gambar']['size'] > 0 && $_FILES['gambar']['error'] == 0){ 
     $fileName = $_FILES['gambar']['name']; 
     $mimeType = $_FILES['gambar']['type']; 
     $tmpFile = fopen($_FILES['gambar']['tmp_name'], 'rb');
     $fileData = fread($tmpFile, filesize($_FILES['gambar']['tmp_name'])); 
     $fileData = addslashes($fileData);

Nah, untuk source code gambar, kalian tidak perlu pusing-pusing, cukup kalian copy saja source code penyimpanan gambar diatas.   

Selanjutnya kita masuk ke pembahasan terakhir yaitu membaca data yang sudah di inputkan oleh pengguna, dan memasukkannya kedalam tabel bukutamu.

$sql = "INSERT INTO bukutamu (Nama, Alamat, Email, Kota, Pesan, file_name, mime_type, Foto) VALUES ('$Nama', '$Alamat', '$Email', '$Kota', '$Pesan', '$fileName', '$mimeType', '$fileData')"; 

Penjelasan :

Maksut dari $sql adalah sebuah variabel yang mewakilkan isi dari $sql.

Maksut dari INSERT INTO bukutamu, yaitu memasukkan data yang sudah di inputkan kedalam tabel bukutamu.  

Maksut dari Nama, Alamat, Email, Kota, Pesan, file_name, mime_type, Foto adalah nama fiel yang kita buat pada tabel bukutamu, dan harus sama.
Nah, kalau ada perbedaan gimana..? misalkan Nama saya ganti nama, apakah ada error...?
pasti nantinya, inputan dengan name="Nama" tidak akan terbaca oleh program, dadi pastinya isi dari field akan kosong

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

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

nah, untuk yang terakhir ini, maksutnya adalah, apabila proses benar, maka program akan melakukan langkah yaitu memasukkan data inputan kedalam tabel.

apabila salah, maka browser akan menampilkan tulisan "Gagal Menyimpan Data".

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, kemudian buka database yang sdauh kalian buat tadi, setelah itu klik tabel bukutamu, apabila data masuk, maka program anda sudah jalan.
Eh tunggu, kenapa ya gambarnya kok tidak tersimpan...? padahal saya sudah melakukan cara yang sama.
Saya punya masalah yang berbeda, data yang saya inputkan sudah masuk, tapi muncul tulisan Gagal Menyimpan Data.
Nah, itu semua sudah berhasil, cuman nantinya kita akan buat satu file lagi, yaotu proses menyimpan gambar atau memasukkan gambar kedalam database.

Maka dari itu, ikuti terus tutorial Dunia Programming lainnya ya hehehe.

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 koemntar 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. 

Post a Comment for "Membuat Form Bukutamu Keren Dinamis Simpan"

Berlangganan via Email