Featured Article
Tampilkan postingan dengan label Belajar HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar HTML. Tampilkan semua postingan

11.5.12

Cara Menginputkan dan Melihat Data Shoutbox

Cara Menginputkan dan Melihat Data Shoutbox

Selanjutnya, ketika data form shoutbox disubmit ke input_shoutbox.php, akan terjadi proses penyimpanan data ke tabel testimonial dalam database shoutbox. Berikut adalah skrip dari input_shoutbox.php. Jika anda mau melakukan copas terhadap kode dibawah ini copas terlebih dahulu di notepad.

<?
include'config.php'; //Pemanggilan koneksi ke database server MYsql dan nama database shoutbox
$name=$_POST['name']; //ambil variable POST name
$email=$_POST['email']; //ambil variable POST email
$web=$_POST['web']; //ambil variable POST web
$comment=$_POST['comment']; //ambil variable POST comment
$date=date("Y-n-d H:i:s"); //ambil variable tanggal dan waktu
$ip_client=$_SERVER['REMOTE_ADDR']; // ambil ip computer client

if( !ereg('^.+@.+\\..+$',$email) ) //validasi email
{ $mail='1';}

if( trim($name) && $mail<>1 && trim($comment))//validasi input data
{
if(trim($web)=='http://')
{ $web='';}
//script input data ke table testimonial database shoutbox
$sql="insert into testimonial (name, email, web, ip_client, date, comment)
values
('".$name."','".$email."','".$web."','".$ip_client."','".$edate."','".$comment."')";

$sq=mysql_query($sql);// proses simpan data
if($sq)//cek keberhasilan simpan data
{//jika tersimpan menuju show_shoutbox.php
header('location:show_shoutbox.php')
die;
}
}
//jika tidak tersimpan menuju shoutbox.php
header('location:shoutbox.php');
die;
?>

Ketika proses penyimpanan data berjalan, akan terjadi pengecekan apakah proses penyimpanan berhasil atau tidak. Jika berhasil, maka selanjutnya proses akan dilanjutkan menuju show_shoutbox.php. Seandainya proses penyimpanan gagal, maka proses akan kembali menuju shoutbox.php.


Lihat Data Shoutbox – show_shoutbox.php

Data yang ditampilkan diurutkan berdasar id terakhir ( … order by id desc … ), sehingga data terakhir akan ditampilkan pada posisi paling atas. Data yang akan ditampilkan juga dibatasi dengan jumlah maksimal 10 data ( … limit 0,10 ). Data akan diambil per baris dengan menggunakan perintah while.

Berikut adalah skrip untuk menampilkan data pada tabel testimonial
<?
include'config.php';//pengambilan koneksi database sever MYsql dan nama database shoutbox
//skrip ambil data dari table testimonal database shoutbox
$sql="select id, name, email, web, ip_client, date, comment
from testimonial order by id desc limit 0,10";//urut berdasarkan id terbesar, max. 1o data
$sq=mysql_query($sql);//proses ambil data
while($s=mysql_fetch_array($sq))//perulangan ambil data dg metode while
{
$id=$s['id'];
$name=$s['name'];
$email=$s['email'];
$web=$s['web'];
$ip_client=$s['ip_client'];
$date=$s['date'];
$comment=$s['comment'];

if($web)//jika web ada, nama buat link web itu
{
$name='<a haref="'.$web.'" target="_blank" title="'.$web.'">'.$name.'</a>';
)
$content=$content.'<p>'.//penempatan variable content
$date.' | '.$ip_client.' | comment_by '.$name.' <br/>
<table width="200" bgcolor="#CCCCCC" cellpadding="5" cellspacing="1">
<tr bgcolor="#FFFFFF"> <td>
'.$comment.'
</td></tr></table></p>';
}
$content=$content.'<p><a href="shoutbox.php">$laquo; back to ahoutbox</a></p>';
echo $content;//tampilakan variableecontent
?>

Membuat From Shoutbox

Membuat From Shoutbox

Jika membuat database terus sukses mengkoneksikannya, langkah selanjutnya kita membuat FROM Shoutbox, shoutbox.php Buat file baru dengan memilih menu File--> New (Ctrl+N).



Pilih Tab General -->Dynamic page -->PHP. Klik tombol Create.


Berikut adalah form Shoutbox. Disini kita menggunakan metode pengiriman POST dan action untuk tujuan pengiriman ke file input_shoutbox.php. Simpan file berikut dengan nama shoutbox.php.

<html>
<head>
<title>From shoutbox</title>
</head>
<body>
<h3> comment</h3>
Silahkan masukan nama kamu, e-mail dan berilah commentar!
<form name="form" method="post" action="input_shoutbox.php">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="10%">name</td>
<td width="90%">
<input type="text" name="name">
</td>
</tr>
<td>email</td>
<td> <input type="text" name="email"></td>
</tr>
<tr>
<td>comment</td>
<td><textarea name="comment"></textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="submit" value="submit">
<input type="reset" name="clear" value="clear"></td></tr>
</table></form></body>
</html>

Cara Mengetes Koneksi Database

Setelah melakukan koneksi ke sebuah database. Lalu kita mengetes koneksei database adegan langkah-langkah sebagai berikut: buka browser dan di address bar browser ketikkan localhost/shoutbox, tekan ENTER. Akan terlihat tampilan sebagai berikut. Klik file config.php tersebut.



Bagaimana hasil tampilannya? Apakah terlihat seperti gambar berikut?


Jika ya, berarti anda belum berhasil dalam membuat koneksi. Silahkan teliti kembali. Jika hasil tampilankosong/blank, itu menunjukkan bahwa anda telah sukses membuat file koneksi. Selamat bagi Anda  yang telah berhasil!

Membuat Script Koneksi Database

Agar Database yang telah kita buat dapat terhubung dengan halaman web, maka perlu dibuat koneksi ke database tersebut. Buka aplikasi DreamWeaver pilih PHP pada menu Create New.

Berikut adalah skrip untuk koneksi ke database.

<?
$dbhost = 'localhost'; //alamat database server
$dbuser = 'root'; //user database server
$dbpass = ''; //password database server
$dbname = 'shutbox'; //nama database
//skrip koneksi ke database server
$koneksi = mysql_connect($dbhost, $dbuser, $dbpass);
//skript koneksi ke nama database shutbox
mysql_select_db($dbname, $koneksi) or die();
?>

Menyimpan file PHP

Selanjutnya anda harus menyimpan file tersebut ke sebuah folder web di C:\Program Files\xampp\htdocs\shoutbox. Pilih menu File-->Save atau dengan shortcut tombol keyboard Ctrl+S.

Jika anda belum membuat folder shoutbox, silahkan membuat folder baru di C:\Program Files\xampp\htdocs\dengan meng-klik ikon Create New Folder. Beri nama folder tersebut shoutbox. Silahkan masuk ke dalam folder tersebut dengan cara double klik(mouse) atau tekan tombol ENTER(keyboard) pada ikon folder shoutbox.

Selanjutnya pada kolom File name: ketikkan config.php, tekan Save.

Cara Membuat Database

Kali ini kita akan membuat shoutbox menggunkan PHP, Pertama, kita akan membuat database, dengan nama database shoutbox. Setelah membuka browser dan muncul tampilan seperti di atas (http://localhost/phpMyAdmin/), dikolom Create new database ketikkan shoutbox dan klik tombol create. Akan muncul tampilan seperti berikut.



Pada pembuatan nama database yang terdiri lebih dari satu kata, jangan
menggunakan tanda “-“ (strip) atau “ “ (spasi). Anda dapat menggunakan tanda “_” (garis
bawah) untuk memisahkan kedua kata.

Sebuah database dapat berisi beberapa tabel yang berisi informasi pendukung web, seperti informasi mahasiswa, dosen, buku, dll. Setelah membuat database buatlah tabel testimonial dengan mengetikkan pada Create new table on database shoutbox dengan jumlah fields 7



kemudian klik go.

Fields merupakan unsur penyusun basis data.
Field tersebut meliputi id, name, email, web, ip_client, date, comment. Masukkan nama masing-masing variabel field beserta type dan panjang karakter maksimal.



1. Type INT berarti pada field tersebut hanya bisa diisi angka, sedangkan varchar (variable character) berisi karakter/huruf.
2. Length/Values berarti jumlah karakter maksimal yang bisa diisikan. Pada kolom Null, Null berarti optional (boleh tidak diisi).
3. DateTime adalah format tanggal(tahun-bulan-tanggal) dan waktu(jam:menit:detik) yang berfungsi untuk menyimpan data tanggal & waktu.
4. Sedangkan not null berarti kolom tersebut tidak boleh kosong. Kemudian pada kolom extra pilih auto_increment. Simpan data yang telah diisikan dengan mengklik pada save dibagian bawah tabel atau jika anda merasa bahwa jumlah baris field yang dibutuhkan kurang, Anda dapat menambahkannya lagi dengan mengisi jumlah kolom pada Add … field(s) dan klik tombol Go. Berikut hasil tampilan pembuatan tabel.

Langganan: Postingan (Atom)

Followers