Cara Membuat Form PHP dan XAMPP

Apa kabar kawan? Long Time No See.

Pada posting kali ini saya akan membahas tentang bagaimana cara membuat database dan form php dengan menggunakan XAMPP. Hal ini terinspirasi dari tugas kuliah jaringan komputer dan komunikasi data. Langsung saja ke langkah-langkahnya, kawan.

Buat database dan tabel di XAMPP, untuk lebih mudahnya saya tampilkan saja penampakannya. Jadi kawan tinggal mencontoh. Pada pembuatan database ini, nama database adalah peantist dan nama tabel adalah bento.



Lalu langkah kedua, yang harus kalian lakukan adalah
membuat file dengan ekstensi .php dan menyimpannya pada folder xampp/htdocs. Daripada ribet dan bingung membuat, langsung saja copas sourcecode berikut ini. Kebetulan saya membuatnya dengan notepad++ jadi tinggal memilih language-->php maka tinggal save aja, jika membuat dengan notepad maka file disimpan dengan namafile.php kemudian all file.
<?php
$host="localhost";
$user="root";
$password="";
$database="peantist";
$koneksi=mysql_connect($host,$user,$password);
mysql_select_db($database,$koneksi);
//cek koneksi
if($koneksi){
//echo "Berhasil Terhubung";
}else{
echo "Gagal Terhubung";
}
?>


Simpan dengan nama "koneksi.php" (tanpa tanda petik) di dalam folder htdocs.

Langkah ketiga, buat formnya. Ketikkan saja sourcecode dibawah ini.

<html>
<head>
<title>Form Pengisian</title>
</head>


<DIV ALIGN = "CENTER">
  <H1><U><font color="RED">Selamat Datang Tugas</U></font color="RED"></H1>
  <H2>Silahkan Mengisi Form Di Bawah Ini!</H2>
  <H2>111113035</H2>
 </DIV>
 <HR>

<form action="proses.php" method="post">
<table>
<tr>
<td>NIM         </td>
<td colspan="7"><input type="text" name="nim" size="40"></td>
</tr>
<tr>
<td>Nama        </td>
<td colspan="7"><input type="text" name="nama" size="40"></td>
</tr>
<tr>
<td>Email       </td>
<td colspan="7"><input type="text" name="email" size="40"></td>
</tr>
<tr>
<td>Komentar    </td>
<td><textarea cols="40" rows="5" name="komentar"></textarea></td>
</tr>
<tr>
<td><input type="submit" name="proses" value="Kirim"></td>
<td><input type="reset" value="Reset"></td>
</tr>
</table>
</form>
</body>
</html>

Simpan dengan nama isi.php

Langkah keempat, copas sourcecode berikut ini:
<?php
include "koneksi.php";
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$email=$_POST['email'];
$komentar=$_POST['komentar'];
$query=mysql_query("insert into bento(nim, nama, email, komentar)
value('$nim','$nama','$email','$komentar')");
if($query){
echo "Data Berhasil ditambah";
?><a href="/bukutamu.php">&nbsp;&nbsp;Lihat Data Masuk</a><?php
}else{
echo "Gagal input data";
echo mysql_error();
}
?>

Simpan dengan nama "proses.php"

Langkah kelima, membuat daftar data yang masuk. Lansung saja copas sourcecodenya berikut ini:
<html>
<head>
<title>Data Masuk</title>
</head>
<body>
<?php
include "koneksi.php";
$query=mysql_query("select * from bento");
$jumlah=mysql_num_rows($query);
echo "Jumlah Pesan : ".$jumlah;
echo "<hr>";
?>
<?php
while($row=mysql_fetch_array($query))
{
 echo "Pesan ke-"; echo $a=$a+1; echo "<br>";
 echo "NIM      :$row[nim]<br>";
 echo "Nama     :$row[nama]<br>";
 echo "E-mail   :$row[email]<br>";
 echo "Komentar :$row[komentar]<br>";
 echo "<hr>";
}
?>
<br/>
<a href="/isi.php">Isi buku tamu</a>
</body>
</html>



<html>
<head>
<title>Data Masuk</title>
</head>
<body>
<?php
include "koneksi.php";
$query=mysql_query("select * from bento");
$jumlah=mysql_num_rows($query);
echo "Jumlah Pesan : ".$jumlah;
echo "<hr>";
?>
<?php
while($row=mysql_fetch_array($query))
{
 echo "Pesan ke-"; echo $a=$a+1; echo "<br>";
 echo "NIM      :$row[nim]<br>";
 echo "Nama     :$row[nama]<br>";
 echo "E-mail   :$row[email]<br>";
 echo "Komentar :$row[komentar]<br>";
 echo "<hr>";
}
?>
<br/>
<a href="/isi.php">Isi buku tamu</a>
</body>
</html>
Simpan dengan nama "bukutamu.php"

Lalu langkah terakhir adalah menjalankan XAMPP, klik start pada Apache dan MySQL. Kemudian ketikkan "localhost/isi.php", isi data --> klik kirim --> pada halaman selanjutnya klik Lihat Data Masuk dan kemudian akan tampil daftar data yang telah dimasukkan. Hasil dari yang sudah dibuat seperti ini:

Penampakan form (isi.php)

Penampakan data yang masuk (bukutamu.php)

Untuk hal-hal lain yang belum tercantum silahkan teman-teman eksplorasi sendiri. Kesalahan sekecil apapun pada pengetikan sourcecode akan sangat mempengaruhi hasil.

Damai Kami Sepanjang Hari





4 comments:

  1. bagaimana cara agar hasilnya berada di dalam table

    ReplyDelete
    Replies
    1. Hasilnya yang tabel bisa dilihat di XAMPP, mas.

      Delete
  2. Tutorial yg bermanfaat gan.
    salam bloger by http://id45.org "subdomain gratis untuk blog anda"

    ReplyDelete