【文章內(nèi)容簡介】 括網(wǎng)站的旗幟廣告條、主功能導(dǎo)航兩部分。 最新商品模塊：主要用于展示最新商品信息。 推薦商品模塊：主要用于展示商城重點推薦的商品。 熱門商品模塊：主要用于展示銷量最高的商品。 用戶登錄模塊： 主要用于用戶登錄，登錄后可以購買商品、查詢提交的訂單、查看個人留言和評論信息。 站內(nèi)公告模塊：主要用于發(fā)布網(wǎng)站提供部分商品信息以及購買商品的優(yōu)惠制度等信息。 銷量排行模塊：主要用于展示商品銷量在前幾位的商品信息。 特價商品模塊：主要用于展示商城的特價商品。 購物流程：主要以圖形的方式形象化的說明了網(wǎng)站的購物流程，便于用戶操作。 在線幫助模塊：主要使用戶更快熟悉網(wǎng)站的使用方法。 聯(lián)系我們模塊：主要用于提供與本站聯(lián)系的各種方式。 前臺首頁的實現(xiàn) 前臺首頁承載并顯示網(wǎng)站前臺所包含的模塊 ，使瀏覽者能夠了解網(wǎng)站內(nèi)容和特點。下面接受電子商務(wù)網(wǎng)站前臺首頁面得設(shè)計和功能實現(xiàn)。 頁面設(shè)計 任何一個成功的 Web 應(yīng)用都離不開導(dǎo)航功能。在本購物系統(tǒng)開發(fā)的過程中主要應(yīng)用到了首部導(dǎo)航、尾部導(dǎo)航、右側(cè)導(dǎo)航。為了保證頁面的整潔和增強(qiáng)頁面的可維護(hù)性，在前臺首頁面中使用 include 語句來包含主要的功能頁面。這樣做的目的是使系統(tǒng)具有統(tǒng)一的風(fēng)格，并且如果對導(dǎo)航條中的內(nèi)容修改，只需要修改、 或 頁面，不需要每頁都進(jìn)行改動，這樣可以很大程度的提高系統(tǒng)開發(fā)效率，維護(hù)起來也非常方 便。電子商城首頁的設(shè)計效果分別如圖所示。 太原理工大學(xué)現(xiàn)代科技學(xué)院畢業(yè)設(shè)計（論文） 18 圖 41首部導(dǎo)航設(shè)計效果 圖 42信息主頁導(dǎo)航 圖 43尾部導(dǎo)航 前臺首頁設(shè)計的流程如下。 ① 主要用于顯示網(wǎng)站的標(biāo)題及為用戶提供前臺功能導(dǎo)航，被封裝成一個獨立的文件 頁。 ② 主要用于展示網(wǎng)站提供的最新商品和推薦商品信息，考慮到該頁只在一個頁實太原理工大學(xué)現(xiàn)代科技學(xué)院畢業(yè)設(shè)計（論文） 19 現(xiàn)，因此未被封裝獨立頁，直接在首頁 頁實現(xiàn)。 ③ 奧實現(xiàn)用戶注冊、登錄、找回密碼和 網(wǎng)站公告功能，被封裝成一個獨立的文件 頁。 ④ 主要用于顯示友情鏈接、尾部導(dǎo)航鏈接巨額版權(quán)信息，并實現(xiàn)訪客人數(shù)統(tǒng)計功能，被封裝或一個獨立的文件 頁。 功能實現(xiàn) 在一個網(wǎng)站中，前臺首頁被訪問的次數(shù)是比較多的。為了加快頁面的運行速度并提高訪問量，本實例前臺首頁使用 invlude 語句包含主要功能模塊，代碼如下。 table width=790 border=0 align=center cellpadding=0 cellspacing=0 tr td?php include()。 //調(diào)用首部導(dǎo)航條 ? /td /tr tr td ?? //商品展示模塊代碼詳見下節(jié) /table /td td width=229 ?php include()。 //調(diào)用右側(cè)導(dǎo)航條 ? /td /tr /table /td /tr tr td ?php include()。 //調(diào)用尾部導(dǎo)航條 ? /td /tr 前臺首頁的運行結(jié)果如圖 44所示 太原理工大學(xué)現(xiàn)代科技學(xué)院畢業(yè)設(shè)計（論文） 20 圖 44 前臺首頁運行效果圖 商品展示模塊的實現(xiàn) 重點推薦商品 重點推薦商品展示頁面的主要功能是根據(jù)獲取到不同參數(shù)值，確定顯示重點推薦商品或者分類商品的信息，頁面設(shè)計效果如圖 45 所示 太原理工大學(xué)現(xiàn)代科技學(xué)院畢業(yè)設(shè)計（論文） 21 圖 45重點 推薦商品展示頁面設(shè)計效果 重點推薦商品展示頁面設(shè)計的流程如下。 ① 為表格添加背景圖片，并輸入標(biāo)題名稱。 ② 添加 img標(biāo)記，在頁面中顯示商品圖片，代碼如下。 img rc=” ?php echo $info[tupian]。?” width=” 130” height=” 100” border=” 0” ③ 以分欄顯示方式展示重點推薦商品的詳細(xì)信息。 ④ 為“查看信息”和“放入購物車”添加文字鏈接，代碼如下。 a href=” ?id=?php echo $info[id]。?” 查看信息 /a a href=” ?id=?php echo $info[id]。?” 放入購物車 /a 要保證網(wǎng)站前臺首頁的正常運行，首先考慮的應(yīng)是與 MySQL 數(shù)據(jù)庫的連接。連接數(shù)據(jù)庫的程序代碼如下。 ?php $conn=mysql_connect(localhost,root,root) or die(數(shù)據(jù)庫服務(wù)器連接錯誤 .mysql_error())。 mysql_select_db(db_database21,$conn) or die(數(shù)據(jù)庫訪問錯誤.mysql_error())。 mysql_query(set character set gb2312)。 mysql_query(set names gb2312)。 ? 由于與數(shù)據(jù)庫的連接只是在當(dāng)前頁有效，所以只需在每個需要與數(shù)據(jù)庫建立連接的文件中包含 conn..php 就可完成與數(shù)據(jù)庫的連接，既方便又可以避免代碼冗余。 重點推薦商品的實現(xiàn)方法首先在后臺數(shù)據(jù)庫為每個商品分配一個 tuijian 標(biāo)記，添加商品時，如果某件商品為重點推薦商品，即使 tuijian 的值為 頁將重點推薦商品標(biāo)記 tuijian 的值為 1 的商品顯示出來，關(guān)鍵代碼如下。 ?php $sql=mysql_query(select count(*) as total from tb_shangpin where tuijian=1 ,$conn)。 $info=mysql_fetch_array($sql)。 $total=$info[total]。 //$total 保存的是推薦商品總數(shù)量 太原理工大學(xué)現(xiàn)代科技學(xué)院畢業(yè)設(shè)計（論文） 22 if($total==0) //判斷商品數(shù)量是否為 0 { echo 本站暫無推薦產(chǎn)品 !。 } //如果推薦商品數(shù)量為 0則給出提示信息 else { ? table width=550 height=70 border=0 align=center cellpadding=0 cellspacing=0 ?php $pagesize=20。 //設(shè)置每頁顯示 20 件推薦商品 if ($total=$pagesize){ //如果商品總量小于或等于 20，則顯示總頁數(shù)為 1 $pagecount=1。 } if(($total%$pagesize)!=0){ //判斷總推薦商品數(shù)量是否能被 20 整除 $pagecount=intval($total/$pagesize)+1。//不能整出則總頁數(shù)為二者的商 +1 }else{ $pagecount=$total/$pagesize。 //能整除總頁數(shù)為二者的商 } if(($_GET[page])==){ $page=1。 }else{ $page=intval($_GET[page])。 } $sql1=mysql_query(select * from tb_shangpin where tuijian=1 order by addtime desc limit .($page1)*$pagesize.,$pagesize ,$conn)。 //按時間先后顯示推薦商品 while($info1=mysql_fetch_array($sql1)) //通過循環(huán)顯示每頁商品 { ? 太原理工大學(xué)現(xiàn)代科技學(xué)院畢業(yè)設(shè)計（論文） 23 tr td width=89 rowspan=6div align=center ?php if($info1[tupian]==) { echo 暫無圖片 !。 } else { ? a href=?id=?php echo $info1[id]。? img border=0 width=80 height=80 src=?php echo $info1[tupian]。?/a ?php } ? /div/td td width=93 height=20div align=center style=color: 000000商品名稱： /div/td td colspan=5div align=left a href=?id=?php echo $info1[id]。??php echo $info1[mingcheng]。?/a/div/td /tr tr td width=93 height=20div align=center style=color: 000000商品品牌： /div/td td width=101 height=20div align=left?php echo $info1[pinpai]。?/div/td td width=62div align=center style=color: 000000商品型號： /div/td td colspan=3div align=left?php echo $info1[xinghao]。?/div/td /tr tr td width=93 height=20div align=center style=color: 000000商品簡介： /div/td td height=20 colspan=5div align=left?php echo $info1[jianjie]。?/div/td /tr tr td height=20div align=center style=color: 000000上市日期： /div/td td height=20div align=left?php echo $info1[addtime]。?/div/td 太原理工大學(xué)現(xiàn)代科技學(xué)院畢業(yè)設(shè)計（論文） 24 td height=20div align=center style=color: 000000剩余數(shù)量： /div/td td width=69 height=20div align=left?php echo $info1[shuliang]。?/div/td td width=63div align=center style=color: 000000商品等級： /div/td td width=73div align=left?php echo $info1[dengji]。?/div/td /tr tr td height=20div align=center style=color: 000000商場價： /div/td td height=20div align=left?php echo $info1[shichangjia]。?元 /div/td td height=20di