任務(wù)8 網(wǎng)上購物系統(tǒng)后臺模塊開發(fā)

任務(wù)8網(wǎng)上購物系統(tǒng)

商品用戶后臺模塊

PHP網(wǎng)站開發(fā)實戰(zhàn)項目式教程【知識目標(biāo)】熟悉頁面布局中浮動的靈活使用掌握文件上傳的實現(xiàn)方法【技能目標(biāo)】掌握<div>塊級標(biāo)簽的使用掌握文件上傳通過表單中<inputtype=”file”>標(biāo)記實現(xiàn)上傳學(xué)習(xí)目標(biāo)目錄子任務(wù)一：后臺管理登錄界面子任務(wù)二：購物系統(tǒng)商品后臺管理模塊子任務(wù)三：商品管理模塊內(nèi)容回顧及課程引入：在前面章節(jié)中我們了解了用戶登錄注冊、購物模塊等的開發(fā)。這些功能模塊都于網(wǎng)站前臺功能，也就是普通用戶可以使用的功能，那么我們?nèi)绾瓮瓿删W(wǎng)站的日常管理呢？如：商品的添加、修改、冊除、查詢等。完成這引起工作我們還需要一個網(wǎng)站后臺管理系統(tǒng)。后臺管理系統(tǒng)的功能主要有哪些呢？這些要如何實現(xiàn)？子任務(wù)一：后臺管理登錄界面后臺登錄做為后臺管理系統(tǒng)的入口，主要用于驗證管理員的身份。子任務(wù)一：后臺管理登錄界面在設(shè)計時考慮到防止非法用戶進(jìn)入后管理系統(tǒng)，通過表單提交到后臺頁面實現(xiàn)判斷用戶名和密碼是否正確，如果是合法用戶，則可以登錄后臺管理系統(tǒng)的主頁面，否則，屏幕給出錯誤提示?！局R準(zhǔn)備】驗證碼的使用驗證碼多數(shù)使用于用戶注冊和登錄頁面，主要是防止機(jī)器批量注冊用戶或機(jī)器頻繁測試登錄的操作，從而提高網(wǎng)站安全性。子任務(wù)一：后臺管理登錄界面【知識準(zhǔn)備】驗證碼的使用驗證碼具有一定的迷惑性，我們根據(jù)php中的GD庫繪圖原理及常用函數(shù)對驗證碼進(jìn)行處理，繪制出驗證碼的圖片。再將其圖片載入到表單界面，通過簡單的session保存正確的驗證碼數(shù)據(jù)與用戶輸入的驗證碼進(jìn)行對比，完成驗證碼檢測的功能。子任務(wù)一：后臺管理登錄界面【實施與測試】

<?phpsession_start();$str="abcdefghijklmnopqrstuvwxyz0123456789";//驗證碼字符源for($i=0;$i<4;$i++){$num.=substr($str,mt_rand(0,29),1);//生成4位驗證碼num}$_SESSION['yzm']=$num;//將生成的驗證碼信息存入session$img=imagecreate(60,20);//創(chuàng)建一個畫布，60*20像素$white=imagecolorallocate($img,255,255,255);//分配顏色$blue=imagecolorallocate($img,0,0,255);//分配顏色for($i=1;$i<200;$i++){//為驗證碼加干擾點*$x=mt_rand(0,60);$y=mt_rand(0,20);$color=imagecolorallocate($img,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255));//分配一個隨機(jī)顏色imagechar($img,1,$x,$y,"*",$color);}for($i=0;$i<4;$i++){//繪制驗證碼內(nèi)容$strx+=mt_rand(8,13);//位置隨機(jī)$strpos=mt_rand(1,5);//位置隨機(jī)imagestring($img,5,$strx,$strpos,substr($num,$i,1),$blue);}ob_clean();header("content_type:image/gif");imagegif($img);?>子任務(wù)一：后臺管理登錄界面【實施與測試】完成驗證碼yzm.php頁面的編寫，并將其載入到管理員登錄頁面中。子任務(wù)一：后臺管理登錄界面合法用戶判斷用戶登錄后提交至chkadmin.php，在該頁面判斷用戶的合法性。查看用戶名、密碼是否正確(用戶名、密碼默認(rèn)均為admin)，同時查看提交的驗證碼與session中保存的是否一致。子任務(wù)二：購物系統(tǒng)商品后臺管理模塊在網(wǎng)站后臺管理系統(tǒng)的首頁面中使用div規(guī)劃頁面布局，把瀏覽器窗口劃分成若干個區(qū)域，每個區(qū)域內(nèi)加載相對應(yīng)的頁面從而顯示不同的頁面效果，并且各個頁面之間不會受到任何影響。子任務(wù)二：購物系統(tǒng)商品后臺管理模塊在頁面上方的頭部(header.php)，代碼如下：<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><linkhref="css/index.css"rel="stylesheet"type="text/css"/><divid="header"><h1><imgsrc="images/logo1a.png"/>電器商城管理員登錄</h1></div>子任務(wù)二：購物系統(tǒng)商品后臺管理模塊在頁面的左側(cè)(left.php)，代碼如下：<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><linkhref="css/index.css"rel="stylesheet"type="text/css"/><divid="left"><h3><imgsrc="images/houtai1_03.gif"/>商品管理<imgsrc="images/houtai1_03.gif"/></h3><ul><li><imgsrc="images/houtai_03.gif"/><ahref="default.php">管理商品</a></li><li><imgsrc="images/houtai_03.gif"/><ahref="addgood.php">添加商品</a></li></ul><h3><imgsrc="images/houtai1_03.gif"/>類別管理<imgsrc="images/houtai1_03.gif"/></h3><ul><li><imgsrc="images/houtai_03.gif"border="0px"/><ahref="showtype.php">管理類別</a></li><li><imgsrc="images/houtai_03.gif"/><ahref="addtype.php">添加類別</a></li></ul>……</div>子任務(wù)二：購物系統(tǒng)商品后臺管理模塊在頁面下方的底部(footer.php)，代碼如下：<divid="footer"><p>地址：北京朝陽區(qū)***路***號

版權(quán)所有：北京天天書屋有限公司</p><p>互聯(lián)網(wǎng)信息服務(wù)備案編號：京ICP備06001111號

技術(shù)支持：計算機(jī)信息工程系</p></div>子任務(wù)二：購物系統(tǒng)商品后臺管理模塊后臺首頁default.php的主要功能是列出管理模塊，以便管理員對各個模塊進(jìn)行操作，其頁面右側(cè)默認(rèn)顯示內(nèi)容為商品的基本信息。子任務(wù)二：購物系統(tǒng)商品后臺管理模塊通過查看數(shù)據(jù)表tb_shangpin可以得到商品的詳細(xì)信息，并輸出到頁面的對應(yīng)位置。<?phpwhile($row=mysqli_fetch_array($rs2)){?><tr><tdbgcolor="#FFFFFF"style="text-align:center;"><inputtype="checkbox"name="<?phpecho$row['eaid'];?>"value="<?phpecho$row['EAname'];?>"/></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpecho$row['EAname'];?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpecho$row['brand'];?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpecho$row['place'];?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpecho$row['mfgdate'];?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpecho$row['refprice'];?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpecho$row['vipprice'];?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpif(strlen($row['introduction'])>10){echosubstr($row['introduction'],0,18)."...";}?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpif($row['recommend']==1){echo"是";}else{echo"否";}?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><?phpif($row['newEA']==1){echo"是";}else{echo"否";}?></td><tdbgcolor="#FFFFFF"style="text-align:center;"><ahref="changegood.php?eaid=<?phpecho$row['eaid'];?>">修改</a> <ahref="delgoods.php?eaid=<?phpecho$row['eaid'];?>">刪除</a></td></tr><?php }}}?>子任務(wù)二：購物系統(tǒng)商品后臺管理模塊在查詢結(jié)果下方添加頁面導(dǎo)航跳轉(zhuǎn)，則需要以下設(shè)置：include"link.php";$sql="select*fromtb_shangpin";$rs=mysqli_query($link,$sql);$num=mysqli_num_rows($rs);if($num==0){echo"暫無商品";}else{$size=9;$page_num=ceil($num/$size);if(isset($_GET['page_id'])){$page_id=$_GET['page_id'];$start=($page_id-1)*$size;}else{$page_id=1;$start=0;}$sql2="select*fromtb_shangpinlimit$start,$size";$rs2=mysqli_query($link,$sql2);?>…………子任務(wù)二：購物系統(tǒng)商品后臺管理模塊在查詢結(jié)果下方添加頁面導(dǎo)航跳轉(zhuǎn)，則需要以下設(shè)置：………<span><ahref="default.php?page_id=1"><<</a></span><span><ahref="default.php?page_id=<?phpif($page_id>1){echo$nowpage=$page_id-1;}else{echo1;}?>"><</a></span><span><ahref="default.php?page_id=<?phpif($page_id<$page_num){echo$nowpage=($page_id+1);}else{echo$page_num;}?>">></a></span><span><ahref="default.php?page_id=<?phpecho$page_num;?>">>></a></span> </td><tdstyle="text-align:right;padding-right:10px;">本站共有<?phpecho$num;?>條記錄每頁顯示<?phpecho$size;?>條第<?phpecho$page_id;?>頁/共<?phpecho$page_num;?>頁子任務(wù)三：商品管理模塊商品管理模塊中主要分為：管理商品頁面和添加商品頁面。管理商品頁面主要以列表形式分頁顯示商品信息，并有修改、刪除商品的功能；添加商品頁面主要以表單的形式提交新商品的基本數(shù)據(jù)到數(shù)據(jù)庫服務(wù)器，同時上傳商品的圖片信息。子任務(wù)三：商品管理模塊添加商品:上傳商品的圖片信息?！局R準(zhǔn)備】文件上傳操作在添加商品時，會遇到商品的圖片上傳的問題，在PHP里實現(xiàn)文件上傳要用到<inputtype=“file”>標(biāo)記選擇本地文件實現(xiàn)上傳。在這里要特別注意enctype和method屬性值，一定要設(shè)為“multipart/form-data”，否則無法上傳文件。子任務(wù)三：商品管理模塊【實施與測試】<formaction=""enctype="multipart/form-data"method="post"name="upform"><inputname="upimage"type="file"><br/><inputtype="submit"value="上傳"><br/></form><?phpif(@is_uploaded_file($_FILES['upimage']['tmp_name'])){ $name=$_FILES['upimage']["name"]; $type=$_FILES['upimage']["type"]; $size=$_FILES['upimage']["size"];$tmp_name=$_FILES['upimage']["tmp_name"]; $error=$_FILES['upimage']["error"]; switch($type){ case'image/jpeg':$ok=1;break; case'image/gif':$ok=1;break; case'image/png':$ok=1;break;default:echo"不能上傳其他格式文件！";break; } if($ok==1&&$size<=20000&&$error==0){ move_uploaded_file($tmp_name,'uploads/'.$name); echo"文上傳成功！"; }}?>子任務(wù)三：商品管理模塊【知識準(zhǔn)備】在上面的案例中，用到一種非常簡單文件上傳方式，通過使用PHP的全局?jǐn)?shù)組$_FILES，你可以從客戶計算機(jī)向遠(yuǎn)程服務(wù)器上傳文件。接下來我們介紹一下$_FILES。在PHP中使用$_FILES數(shù)組，其語法如下：$_FILES【參數(shù)1】【參數(shù)2】子任務(wù)三：商品管理模塊【知識準(zhǔn)備】第一個參數(shù)是表單的inputname，第二個下標(biāo)可以是"name","type","size","tmp_name"或"error"。$_FILES["file"]["name"]-被上傳文件的名稱；$_FILES["file"]["type"]-被上傳文件的類型；$_FILES["file"]["size"]-被上傳文件的大小，以字節(jié)計；$_FILES["file"]["tmp_name"]-存儲在服務(wù)器的文件的臨時副本的名稱；$_FILES["file"]["error"]-由文件上傳導(dǎo)致的錯誤代碼。$_FILES【參數(shù)1】【參數(shù)2】子任務(wù)三：商品管理模塊【知識準(zhǔn)備】當(dāng)$_FILES["file"]["error"]的值為0時，才代表文件上傳成功。文件被上傳結(jié)束后，默認(rèn)地被存儲在了臨時目錄中$_FILES["file"]["tmp_name"]，這時您必須將它從臨時目錄中刪除或移動到其它地方，如果沒有，則不管是否上傳成功，腳本執(zhí)行完后臨時目錄里的文件肯定會被刪除。所以在刪除之前要用PHP的move_uploaded_file()函數(shù)將上傳的文件移動到新位置，此時，才算完成了上傳文件過程。file：規(guī)定要移動的文件，即$_FILES["file"]["tmp_name"]；newloc：規(guī)定文件的新位置，即自定義一個存放路徑。move_uploaded_file(file,newloc)子任務(wù)三：商品管理模塊商品添加：addgood.php頁面中通過表單收集商品基本信息，并提交至saveaddgood.php頁面進(jìn)行數(shù)據(jù)插入處理，同時將商品圖片上傳到服務(wù)器指定位置。子任務(wù)三：商品管理模塊saveaddgood.php頁面進(jìn)行數(shù)據(jù)插入處理，同時將商品圖片上傳到服務(wù)器指定位置。關(guān)鍵代碼如下：if(is_uploaded_file($_FILES['photo']['tmp_name'])){ $tpname=$_FILES['photo']['name']; $type=$_FILES['photo']['type']; $tmp=$_FILES['photo']['tmp_name']; $error=$_FILES['photo']['error']; $path="upimages/".$tpname; switch($type){ case"image/pjpeg":$pdz=1;break; case"image/jpeg":$pdz=1;break; case"image/gif":$pdz=1;break; case"image/png":$pdz=1;break; default:echo"不能上傳其它格式文件！"; } if($pdz==1&&$error==0){ $filename=$time.iconv("utf-8","gb2312",$tpname); move_uploaded_file($tmp,"upimages/".$filename); }else{ echo"<script>alert('圖片上傳失敗');</script>"; }子任務(wù)三：商品管理模塊saveaddgood.php頁面進(jìn)行數(shù)據(jù)插入處理，同時將商品圖片上傳到服務(wù)器指定位置。關(guān)鍵代碼如下：$photo="admin/upimages/".$time.$tpname;$sql2="insertintotb_shangpin(`EAname`,`typeid`,`brand`,`place`,`refprice`,`vipprice`,`mfgdate`,`introduction`,`photo`,`recommend`,`newEA`)values('$EAname','$typeid','$brand','$place','$refprice','$vipprice','$mfgdate','$introduction','$photo','$recommend','$newEA')";$rs=mysqli_query($link,$sql2);if($rs&&mysqli_affected_rows($link)>0){ echo"<script>alert('添加成功');</script>"; echo"<script>location.href='default.php';</script>"; }else{ echo"<script>alert('添加失敗');</script>"; echo"<script>location.href='addgood.php';</script>"; }}子任務(wù)三：商品管理模塊商品信息修改：商品信息修改主要以連接的形式傳遞需要修改的商品信息，并將商品信息顯示在表單中，修改商品信息后提交至數(shù)據(jù)庫服務(wù)器更新。子任務(wù)三：商品管理模塊商品信息修改：修改商品信息后提交至數(shù)據(jù)庫服務(wù)器更新，editgood.php頁面關(guān)鍵代碼如下： if(is_uploaded_file($_FILES['photo']['tmp_name'])){ $tpname=$_FILES['photo']['name']; $type=$_FILES['photo']['type']; $tmp=$_FILES['photo']['tmp_name']; $error=$_FILES['photo']['error']; $path="upimages/".$tpname; if($pdz==1&&$error==0){ $filename=$time.iconv("utf-8","gb2312",$tpname); move_uploaded_file($tmp,"upimages/".$filename); }else{ echo"<script>alert('圖片上傳失敗');</script>"; } $photo="admin/upimages/".$time.$tpname; }else{//如果沒有上傳新圖片則用原來的圖片 $tpsql="select*fromtb_shangpinwhereeaid='$eaid'"; $tj=mysqli_query($link,$tpsql); $tpres=mysqli_fetch_array($tj); $photo=$tpres['photo']; }子任務(wù)三：商品管理模塊商品信息修改：修改商品信息后提交至數(shù)據(jù)庫服務(wù)器更新，editgood.php頁面關(guān)鍵代碼如下：

$upd="updatetb_shangpinsetEAname='$EAname',typeid='$typeid',brand='$brand',place='$place',refprice='$refprice',vipprice='$vipprice',mfgdate='$mfgdate',introduction='$introduction',photo='$photo',recommend='$recommend',newEA='$newEA'whereeaid='$eaid'"; $updrs=mysqli_query($link,$upd); if($updrs&&mysqli_affected_rows($link)>0){ echo"<script>alert('修改成功');</script>"; echo"<script>location.href='default.php';</script>"; }else{ echo"<script>alert('修改失敗');</script>"; echo"<script>location.href='default.php';</script>"; }子任