[trick] Teknik Menampilkan Data Secara Vertikal Dengan PHP dan MYSQL

Bismillah..

Kali ini gw mencoba memberikan sedikit tutorial dengan php dan mysql,mungkin dikalangan kita udh banyak yang bisa melakukannya, tapi mingkin berguna buat kita untuk rivew kembali ttg teknik penampil data secara vertikal.

ok langsung gw load kodinganya :

$batas=9;
$halaman=$_GET['halaman'];
if(empty($halaman)){
    $posisi=0;
    $halaman=1;
}else{
    $posisi=($halaman-1)*$batas;
}

$kolom=3;
$sql=mysql_query(“select * from produk limit $posisi,$batas”);
echo”<h3>&#187 : Semua Produk Kami</h3><p></p>”;
echo”<table border=0 width=500px><tr>”;
$i=0;
while($data=mysql_fetch_array($sql)){
    if($i>=$kolom){
        echo”</tr><tr>”;
        $i=0;
    }
    $i++;

echo”<td align=center>
<a href=’#’ onclick=\”window.open(‘produk/$data[gambar]’,’newWindow’,’height=500,width=500,left=200′)\”>
<img src=’produk/$data[gambar]’ height=100 width=100 border=2px></a><br><a href=’?menu=detail&id=$data[id_produk]’>$data[nama_produk]
</a><br>
<a href=’aksi_user.php?act=beli&id=$data[id_produk]’>Beli
</a></td>”;
}
echo”</tr></table>”;

$query=mysql_num_rows(mysql_query(“select * from produk”));
$jum=ceil($query/$batas);

echo”<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Halaman :”;

for($i=1;$i<=$jum;$i++)
    if($i != $halaman){
        echo”<a href=’?menu=home&halaman=$i’> $i |</a>”;
    }else{
        echo”<b> $i |</b>”;
    }

jangan lupa koneksi.php nya di include ya.

hasil contohnya kira-kira seperti ini :

gambar

 

download aplikasi lengkap toko online diatas : download

 

Leave a comment

1 Comment

  1. Orlando

     /  10/10/2016

    Gan,kok gak bisa donlot contoh aplikasinya ?

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: