Designing Opeation Oriented Web Applications / YAPC::Asia Tokyo 2011
Php
1. 1. dbcon.php
<?php
$link =mysql_connect("localhost","root","") or die("No
connection");
mysql_select_db("banhang",$link);
mysql_query("set names 'utf8'");
?>
2. index.php
<body>
<div id="container">
<div id="header">
<?php include ("header.php"); ?>
</div>
<div id="loaisp">
<?php include ("loaisp2.php"); ?>
</div>
<div id="content">
<div id="sdmenu">
<?php include ("sdmenu/sdmenu.php"); ?>
</div>
<div id="gsp">
<?php
if (!isset($_GET["act"]))
{ include ("gsp.php");}
else
{
switch($_GET["act"])
{
case "loaisp": include ("sanpham.php");
break;
case "tim": include ("sanpham2.php");
break;
case "chitiet": include ("ctsp.php");
break;
}
}
?>
</div>
</div>
<div id="footer">
<?php include ("footer.php"); ?>
</div>
</div>
</body>
2. 3. gsp.php
<scri pt t ype="t ext / j avascri pt " src=" j query.mi n.j s" ></ scri pt >
<scri pt t ype="t ext / j avascri pt " >
$(docu ment ).read y(f unct i on (){
$(' # mai n_phi m>di v' ).ea ch(f unct i on (){
var $i mg=$ (t hi s).chi l dren(). at t r (' src' );
/ / al ert ($i mg)
var $t i t l e=$(t hi s ).f i nd(' p.nam e' ).t ext ()
/ / al ert ($t i t l e)
$(t hi s ).f i nd(' di v.i nf o' ).pr epend(' <i mg src=' +$i mg+' / ><p cl ass=" t i tl e" >' +
$t i tl e+' </ p>' )
})
$(' # mai n_phi m>di v>i mg' ).ho ver (f unct i on (){
$(t hi s ).parent ().f i nd (' di v.i nf o' ).show ()
},f unct i on(){
$(t hi s ).parent ().f i nd (' di v.i nf o' ).hi de()
}).mous emov e(f unct i on (e ){
var $X=e.cl i ent X
var $Y =e.cl i entY
$(t hi s ).parent ().f i nd (' di v.i nf o' ).css ({' l ef t ' :$X+20,' t op' :$Y })
}).cl i c k(f unct i on (){
var $l i nk=$ (t hi s).par ent (). f i nd(' a' ).at t r(' href ' )
w i ndow .open ($l i nk,' ' )
})
})
</ scri pt >
<?php
include("dbcon.php");
//can chep doan nay vao neu co lam
$sodong=9;
$kq=mysql_query("select * from sanpham",$link);
$tongsotrang=ceil(mysql_num_rows($kq)/$sodong); //tong so
dong du lieu truy van
//ceil lay tron
if (!isset($_GET["p"]))
{ $p=1;
}
else
{
$p=intval($_GET["p"]); //intval chuyen chuoi thanh so
}
$x=($p-1)*$sodong;
$query_sanpham="select * from sanpham limit $x, $sodong";
6. $tongsotrang=ceil(mysql_num_rows($kq)/$sodong); //tong so
dong du lieu truy van
//ceil lay tron
if (!isset($_GET["p"]))
{ $p=1;
}
else
{
$p=intval($_GET["p"]); //intval chuyen chuoi thanh so
}
$x=($p-1)*$sodong;
//chep den day
if (substr($id,0,2)=="cl")
{
$idcl=substr($id,3,strlen($id)-3);
$s="select * from sanpham,loaisp
where sanpham.idLoai=loaisp.idLoai
and idCL=$idcl and Gia between $price_from and
$price_to and mota like '%$mota%' limit $x, $sodong ";
}
else
{
$idloai=$id;
$s="select * from sanpham where idLoai=$idloai
and Gia between $price_from and $price_to limit $x, $sodong ";
}
$table_sanpham=mysql_query($s,$link);
?>
<?php while($d=mysql_fetch_array($table_sanpham)) { ?>
<div>
<img width="100" height="100" src="images/<?php echo
$d["UrlHinh"];?>">
<div class="info">
<p>IDLoai= <?php echo $d["idLoai"]; ?></p>
<p>Gia= <?php echo $d["Gia"]; ?></p>
<p>Mota= <?php echo $d["Mota"]; ?></p>
</div>
<a href="index.php?act=chitiet&masp=<?php echo
$d["MaSP"]; ?>"> Chitiet </a>
7. </div>
<?php }?>
</div>
<p align="center">
<?php
//can chep doan nay vao neu co lam phan trang
for($i=1;$i<=$tongsotrang;$i++)
{ if ($i==$p)
{ echo $i." ";
}
else
{
?>
<a href="index.php?p=<?php echo $i; ?>"><?php echo $i; ?></a>
<?php
}
}
//chep den day
?>
</p>
</body>
5. sanpham.php
<body>
<div id="main_phim">
<?php
$idloai=$_GET["idLoai"];
include("dbcon.php");
$sodong=9;
$kq=mysql_query("select * from sanpham",$link);
$tongsotrang=ceil(mysql_num_rows($kq)/$sodong); //tong so
dong du lieu truy van
//ceil lay tron
if (!isset($_GET["p"]))
{ $p=1;
}
else
{
$p=intval($_GET["p"]); //intval chuyen chuoi thanh so
8. }
$x=($p-1)*$sodong;
$query_sanpham="select * from sanpham limit $x, $sodong";
$table_sanpham=mysql_query($query_sanpham,$link);
?>
<?php while($d=mysql_fetch_array($table_sanpham)) { ?>
<div>
<img width="100" height="100" src="images/<?php echo
$d["UrlHinh"];?>">
<div class="info">
<?php echo $d["MaSP"];?><br />
<?php echo $d["Gia"];?><br />
</div>
<a href="index.php?act=chitiet&masp=<?php echo
$d["MaSP"]; ?>"> Chitiet </a>
</div>
<?php }?>
</div>
<p align="center">
<?php
//can chep doan nay vao neu co lam phan trang
for($i=1;$i<=$tongsotrang;$i++)
{ if ($i==$p)
{ echo $i." ";
}
else
{
?>
<a href="index.php?p=<?php echo $i; ?>"><?php echo $i; ?></a>
<?php
}
}
//chep den day
?>
</p>
</body>
6. sdmenu.php
<l i nk rel =" st yl esheet " t ype=" t ext / css" href =" sdmenu.css" / >
<scri pt t ype="t ext / j avascri pt " src=" sdmenu.j s" >
/ ***********************************************
* Sl ashdot Menu scri pt - By Di mX
9. * Submi t t ed t o Dynami c Dri ve DHT ML code li brary:
ht t p:/ /w w w .dynami cdri ve.com
* Vi si t Dynami c Dri ve at ht t p:// w ww .dynami cdri ve. com/ f or f ul l source
code
***********************************************/
</ scri pt >
<scri pt t ype="t ext / j avascri pt " >
/ / <![C DAT A[
var myMenu;
w i ndow .onl oad = funct i on() {
myMenu = new SDMenu (" my_menu" );
myMenu.i ni t ();
};
// ]] >
</ scri pt >
<body>
<?php
$link =mysql_connect("localhost","root","") or die("No
connection");
mysql_select_db("banhang",$link);
mysql_query("set names 'utf8'");
$query_chungloaisp="select * from chungloaisp";
$table_chungloaisp=mysql_query($query_chungloaisp,$link);
?>
<div style="float: left" id="my_menu" class="sdmenu">
<?php
while($chungloaisp=mysql_fetch_array($table_chungloaisp)) { ?>
<div>
<span><?php echo $chungloaisp['Ten']?></span>
<?php $idCL=$chungloaisp['idCL'];
$query_loaisp="select * from loaisp where
idCL=$idCL";
$table_loaisp=mysql_query($query_loaisp,$link);
while($loaisp=mysql_fetch_array($table_loaisp)) { ?
>
<a href="index.php?act=loaisp&idLoai=<?php
echo $loaisp["idLoai"];?>"><?php echo $loaisp['Ten'];?></a>
<?php }?>
</div>
<?php } ?>
</div>
</body>
7. hanghoa.php
<body>
<p align="center">Danh Sach Hang Hoa</p>
10. <table width="400" border="1" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="200"><div align="center">ten hang hoa</div></td>
<td width="100"><div align="center">gia</div></td>
<td width="100"><div align="center">hinh</div></td>
</tr>
<?php
require_once("dbcon.php"); //include
$sodong=5;
$kq=mysql_query("select * from hanghoa",$link);
$tongsotrang=ceil(mysql_num_rows($kq)/$sodong); //tong so
dong du lieu truy van
//ceil lay tron
if (!isset($_GET["p"]))
{ $p=1;
}
else
{
$p=intval($_GET["p"]); //intval chuyen chuoi thanh so
}
$x=($p-1)*$sodong;
$s="select * from hanghoa limit $x,$sodong";
$kq=mysql_query($s,$link);
while($dong=mysql_fetch_array($kq))
{
?>
<tr>
<td width="200"> <div align="center"> <?php echo
$dong["Tenhang"];?> </div></td>
<td width="100"> <div align="center"> <?php echo
$dong["gia"];?> </div></td>
<td width="100"> <div align="center"> <img width="50"
height="50" src="hinh/<?php echo $dong["hinh"]; ?>"
/></div></td>
</tr>
<?php } ?>
</table>
<p align="center">
<?php
for($i=1;$i<=$tongsotrang;$i++)
{ if ($i==$p)
{ echo $i." ";
}
![1. dbcon.php
<?php
$link =mysql_connect("localhost","root","") or die("No
connection");
mysql_select_db("banhang",$link);
mysql_query("set names 'utf8'");
?>
2. index.php
<body>
<div id="container">
<div id="header">
<?php include ("header.php"); ?>
</div>
<div id="loaisp">
<?php include ("loaisp2.php"); ?>
</div>
<div id="content">
<div id="sdmenu">
<?php include ("sdmenu/sdmenu.php"); ?>
</div>
<div id="gsp">
<?php
if (!isset($_GET["act"]))
{ include ("gsp.php");}
else
{
switch($_GET["act"])
{
case "loaisp": include ("sanpham.php");
break;
case "tim": include ("sanpham2.php");
break;
case "chitiet": include ("ctsp.php");
break;
}
}
?>
</div>
</div>
<div id="footer">
<?php include ("footer.php"); ?>
</div>
</div>
</body>](https://image.slidesharecdn.com/php-121123102003-phpapp01/85/php-1-320.jpg)
![3. gsp.php
<scri pt t ype="t ext / j avascri pt " src=" j query.mi n.j s" ></ scri pt >
<scri pt t ype="t ext / j avascri pt " >
$(docu ment ).read y(f unct i on (){
$(' # mai n_phi m>di v' ).ea ch(f unct i on (){
var $i mg=$ (t hi s).chi l dren(). at t r (' src' );
/ / al ert ($i mg)
var $t i t l e=$(t hi s ).f i nd(' p.nam e' ).t ext ()
/ / al ert ($t i t l e)
$(t hi s ).f i nd(' di v.i nf o' ).pr epend(' <i mg src=' +$i mg+' / ><p cl ass=" t i tl e" >' +
$t i tl e+' </ p>' )
})
$(' # mai n_phi m>di v>i mg' ).ho ver (f unct i on (){
$(t hi s ).parent ().f i nd (' di v.i nf o' ).show ()
},f unct i on(){
$(t hi s ).parent ().f i nd (' di v.i nf o' ).hi de()
}).mous emov e(f unct i on (e ){
var $X=e.cl i ent X
var $Y =e.cl i entY
$(t hi s ).parent ().f i nd (' di v.i nf o' ).css ({' l ef t ' :$X+20,' t op' :$Y })
}).cl i c k(f unct i on (){
var $l i nk=$ (t hi s).par ent (). f i nd(' a' ).at t r(' href ' )
w i ndow .open ($l i nk,' ' )
})
})
</ scri pt >
<?php
include("dbcon.php");
//can chep doan nay vao neu co lam
$sodong=9;
$kq=mysql_query("select * from sanpham",$link);
$tongsotrang=ceil(mysql_num_rows($kq)/$sodong); //tong so
dong du lieu truy van
//ceil lay tron
if (!isset($_GET["p"]))
{ $p=1;
}
else
{
$p=intval($_GET["p"]); //intval chuyen chuoi thanh so
}
$x=($p-1)*$sodong;
$query_sanpham="select * from sanpham limit $x, $sodong";](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)