Aplikasi input dan tampil data sederhana

Pada tutorial PHP & Mysql kali ini , penulis akan mencoba membahas pembuatan aplikasi input dan tampil data sederhana . Tutorial ini di tujukan bagi para pengunjung yang sedang mempelajari dasar2 pembuatan aplikasi berbasis web . Dan bercita2 untuk menjadi seorang web developer handal yang dapat di banggakan oleh bangsa , negara , agama , propinsi , kota , kecamatan , kelurahan dst di masa depan hihihihi .. :lol: .


Dalam contoh kali ini , penulis membuat 3 buah file yang bernama depan.php , simpen.php , dan nongol.php . Namun sebelumnya anda harus membuat sebuah database bserta table nya terlebih dahulu :

CREATE DATABASE latihan_nw;
USE latihan_nw;
CREATE TABLE 'latihan_nw'.'bukualamat' (
'id' INT( 3 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
'nama' VARCHAR( 40 ) NOT NULL ,
'email' VARCHAR( 40 ) NOT NULL ,
'url_facebook' VARCHAR( 80 ) NOT NULL ,
'url_twitter' VARCHAR( 80 ) NOT NULL ,
'hp' INT( 15 ) NOT NULL ,
'alamat' VARCHAR( 80 ) NOT NULL
) ENGINE = MYISAM ;


Berikut ini listing code nya :

/* ~~oO0 depan.php 0Oo~~ */
<html>
<head>
<title>
latihan membuat aplikasi input & tampil data sederhana
</title>
</head>
<body><br><br><div align="center"><h1>input data</h1>
<form method="post" action="simpen.php">
Nama : <input type="text" name="nama" size="30"> <br>
Email : <input type="text" name="email" size="30"> <br>
Url Facebook : <input type="text" name="fb" size="30"> <br>
Url Twitter : <input type="text" name="twit" size="30"> <br>
No. Hp : <input type="text" name="hp" size="30"> <br>
Alamat : <input type="text" name="alamat" size="30"> <br>
<input type="submit" value="simpan" name="simpan"> &nbsp;
<input type="reset" value="batal" name="batal"><br><br><a href="nongol.php">Lihat Data</a> </div>
</body>
</html>


/* ~~oO0 simpen.php 0Oo~~ */
<?php
$xnama = $_POST['nama'];
$xemail = $_POST['email'];
$xfb = $_POST['fb'];
$xtw = $_POST['twit'];
$xhp = $_POST['hp'];
$xaddr = $_POST['alamat'];


$konek = mysql_connect("localhost", "root", "password")
or die ("koneksi gagal".mysql_error());
$pildb = mysql_select_db("latihan_nw")
or die ("gabisa buka db".mysql_error());


$perintah = "INSERT INTO bukualamat (id,nama,email,url_facebook,url_twitter,hp,alamat)
VALUES ('','$xnama','$xemail','$xfb','$xtw','$xhp','$xaddr')";


mysql_query($perintah, $konek) or die ("data gagal masuk".mysql_error());

echo "<script> alert('data berhasil disimpan') </script>";
include "depan.php";
?>


/* ~~oO0 nongol.php 0Oo~~ */
<html>
<head>
<title>latihan membuat aplikasi input & tampil data sederhana </title>
</head>
<body><div align="center"><h1>Tampil Data</h1>
<div style="width: 70%; text-align: left;">
<?php
$konek = mysql_connect("localhost", "root", "password")
or die ("koneksi gagal".mysql_error());
$pildb = mysql_select_db("latihan_nw")
or die ("gabisa buka db".mysql_error());


$perintah = "SELECT * FROM bukualamat ORDER BY id";
$kueri = mysql_query($perintah, $konek) or die ("gabisa buka db".mysql_error());


while($hasil=mysql_fetch_array($kueri)) {
$hasil++;
echo "Nama : &nbsp;&nbsp; <b>$hasil[nama]</b> <br>";
echo "Email : &nbsp;&nbsp; <b>$hasil[email]</b> <br>";
echo "Url Facebook : &nbsp;&nbsp; <a href=$hasil[url_facebook]><b>$hasil[url_facebook]</b></a> <br>";
echo "Url Twitter : &nbsp;&nbsp; <a href=$hasil[url_twitter]><b>$hasil[url_twitter]</b></a> <br>";
echo "No.Ho : &nbsp;&nbsp; <b>$hasil[hp]</b> <br>";
echo "Alamat : &nbsp;&nbsp; <b>$hasil[alamat]</b> <br><br><hr>";
}
?><br><br>
<a href="depan.php">Kembali Ke Halaman input</a>
</div></div>
</body>
</html>


Yups , selesailah sudah artikel kali ini , Jika ada yang ingin di tanyakan , jangan ragu untuk bertanya pada form komentar di bawah :D . Bagi yang ingin mendownload langsung source code lengkap beserta database nya , anda dapat meng-klik link berikut ini :

DOWNLOAD SOURCE CODE

1 comments so far


EmoticonEmoticon