第8講留言板制作實(shí)例

1、網(wǎng)站建設(shè)與維護(hù)網(wǎng)站建設(shè)與維護(hù) 網(wǎng)站建設(shè)與維護(hù) 第講 留言板制作實(shí)例8.18.1準(zhǔn)備工作準(zhǔn)備工作8.28.2前臺(tái)頁(yè)面的制作前臺(tái)頁(yè)面的制作8.38.3后臺(tái)頁(yè)面的制作后臺(tái)頁(yè)面的制作 網(wǎng)站建設(shè)與維護(hù) 8.18.1準(zhǔn)備工作準(zhǔn)備工作u下載下載kgyl.rarkgyl.rar，解壓后將，解壓后將”kgyl”文件夾拷貝到文件夾拷貝到D盤根目錄下。盤根目錄下。u開始開始-設(shè)置設(shè)置-控制面板控制面板-性能和維護(hù)性能和維護(hù)-管理工具管理工具-Internet信息服務(wù)信息服務(wù)，右擊，右擊“默認(rèn)網(wǎng)站默認(rèn)網(wǎng)站”結(jié)點(diǎn)，選擇停止，停止結(jié)點(diǎn)，選擇停止，停止IIS服務(wù)。服務(wù)。u修改修改Apache的配置文件的配置文件httpd.

2、conf，將，將DocumentRoot指向指向“d:kgyl”“d:kgyl”，將將DirectoryIndexDirectoryIndex的值設(shè)置為的值設(shè)置為feiye.htmlfeiye.html，將，將adddefaultcharsetadddefaultcharset設(shè)置為設(shè)置為utf-8utf-8。保存設(shè)置，并重啟。保存設(shè)置，并重啟apacheapache。 網(wǎng)站建設(shè)與維護(hù) 8.18.1準(zhǔn)備工作準(zhǔn)備工作u將將liuyanban.sql下載到下載到D盤根目錄下，盤根目錄下，先連接到先連接到mysqlmysql服務(wù)器創(chuàng)建服務(wù)器創(chuàng)建liuyanbanliuyanban數(shù)據(jù)庫(kù)，再退出數(shù)據(jù)庫(kù)

3、，再退出mysqlmysql，在命令行下導(dǎo)入，在命令行下導(dǎo)入liuyanbanliuyanban數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)。（1）在命令行下輸入）在命令行下輸入mysql uroot p123456連接到連接到mysql服務(wù)器服務(wù)器（2）在）在mysql下輸入下輸入create database liuyanban;（3）在）在mysql下輸入下輸入exit（4）在命令行下輸入：）在命令行下輸入：mysql uroot p123456 liuyanband:liuyanban.sql 網(wǎng)站建設(shè)與維護(hù) 8.18.1準(zhǔn)備工作準(zhǔn)備工作u創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)-1u單擊單擊u“站點(diǎn)站點(diǎn)”|”新建站點(diǎn)新建站點(diǎn)“ 網(wǎng)站建設(shè)與

4、維護(hù) 8.18.1準(zhǔn)備工作準(zhǔn)備工作u創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)-2 網(wǎng)站建設(shè)與維護(hù) 8.28.2前臺(tái)頁(yè)面的制作前臺(tái)頁(yè)面的制作.1conn.phpconn.php頁(yè)面的制作頁(yè)面的制作（1 1）創(chuàng)建）創(chuàng)建phpphp頁(yè)面，將頁(yè)面，將charsetcharset設(shè)置為設(shè)置為utf-8utf-8，后同（網(wǎng)站中所有頁(yè)面的，后同（網(wǎng)站中所有頁(yè)面的charsetcharset均需設(shè)置為均需設(shè)置為utf-8utf-8）。保存到）。保存到D:kgylliuyanbanD:kgylliuyanban目錄下。目錄下。（2 2）?php ? 網(wǎng)站建設(shè)與維護(hù) .2留言模板頁(yè)面的制作留言模板頁(yè)面的制

5、作d:kgylliuyanbanliuyanmoban.phpd:kgylliuyanbanliuyanmoban.php（1 1）將）將index.htmlindex.html另存為另存為d:kgylliuyanbanliuyanmoban.phpd:kgylliuyanbanliuyanmoban.php。（2 2）改造成）改造成如圖所示。如圖所示。 網(wǎng)站建設(shè)與維護(hù) 網(wǎng)站建設(shè)與維護(hù) .2留言模板頁(yè)面的制作留言模板頁(yè)面的制作d:kgylliuyanbanliuyanmoban.phpd:kgylliuyanbanliuyanmoban.php（2 2）用戶注冊(cè)：）用戶注冊(cè)：r

6、egister.phpregister.php用戶登錄：用戶登錄：login.phplogin.php查看留言：查看留言：liuyan.phpliuyan.php發(fā)表留言：發(fā)表留言：add.phpadd.php（3 3）在標(biāo)題中輸入：）在標(biāo)題中輸入：?php echo ; ? 網(wǎng)站建設(shè)與維護(hù) （4)4)將將“留言導(dǎo)航留言導(dǎo)航”表格的第表格的第6 6行的單元格的內(nèi)容改為：行的單元格的內(nèi)容改為：?php ?php if(isset($_SESSIONif(isset($_SESSIONname) ) ) echo a echo href=modifyuser.php修改密碼修改密碼; ? 網(wǎng)站建設(shè)

7、與維護(hù) （5)5)將將“留言導(dǎo)航留言導(dǎo)航”表格的第表格的第7 7行的單元格的內(nèi)容改為：行的單元格的內(nèi)容改為：?php ?php if(isset($_SESSIONif(isset($_SESSIONname) ) ) echo a echo href=exit.php退出退出; ? 網(wǎng)站建設(shè)與維護(hù) 8.2.3 8.2.3 查看留言頁(yè)面的制作查看留言頁(yè)面的制作D:kgylliuyanbanliuyan.phpD:kgylliuyanbanliuyan.php（1 1）將）將liuyanmoban.phpliuyanmoban.php另存為另存為liuyan.phpliuyan.php，改造成，

8、改造成如下效果。如下效果。 網(wǎng)站建設(shè)與維護(hù) （2 2）在頁(yè)面開頭添加如下代碼：）在頁(yè)面開頭添加如下代碼：?php ? 網(wǎng)站建設(shè)與維護(hù) (3)(3)將查看留言表格的第將查看留言表格的第2 2行代碼修改為：行代碼修改為： 網(wǎng)站建設(shè)與維護(hù) 本小節(jié)涉及知識(shí)點(diǎn)本小節(jié)涉及知識(shí)點(diǎn)1.PHP1.PHP與與HTMLHTML混合編碼混合編碼根據(jù)需要，可以將根據(jù)需要，可以將HTMLHTML代碼包含在代碼包含在PHPPHP語(yǔ)句中。語(yǔ)句中。2.2.會(huì)話管理會(huì)話管理會(huì)話管理提供了一種機(jī)制，通過這種機(jī)制可以存儲(chǔ)和訪問用戶信息，供會(huì)話管理提供了一種機(jī)制，通過這種機(jī)制可以存儲(chǔ)和訪問用戶信息，供webweb應(yīng)用程序所使用。會(huì)話變

9、量可以用于存儲(chǔ)各種信息（通常是由用戶提應(yīng)用程序所使用。會(huì)話變量可以用于存儲(chǔ)各種信息（通常是由用戶提交的表單參數(shù)或交的表單參數(shù)或urlurl參數(shù)），并使這些信息在用戶訪問的持續(xù)時(shí)間中對(duì)應(yīng)參數(shù)），并使這些信息在用戶訪問的持續(xù)時(shí)間中對(duì)應(yīng)用程序的所有頁(yè)都可用。用程序的所有頁(yè)都可用。 網(wǎng)站建設(shè)與維護(hù) 2.2.會(huì)話管理會(huì)話管理使用會(huì)話變量時(shí)，首先要啟動(dòng)一個(gè)會(huì)話，然后就可以將各種信息存儲(chǔ)在使用會(huì)話變量時(shí)，首先要啟動(dòng)一個(gè)會(huì)話，然后就可以將各種信息存儲(chǔ)在會(huì)話變量中。會(huì)話變量中。(1)(1)啟動(dòng)會(huì)話啟動(dòng)會(huì)話( (放在代碼首行放在代碼首行) )bool session_start()bool session_sta

10、rt()(2)(2)將信息存儲(chǔ)在會(huì)話變量中將信息存儲(chǔ)在會(huì)話變量中$_SESSION$_SESSION變量名稱變量名稱=存儲(chǔ)的信息存儲(chǔ)的信息; ;如：如：$_SESSIONname=$_POSTname;$_SESSIONname=$_POSTname; 網(wǎng)站建設(shè)與維護(hù) （3 3）檢查會(huì)話變量是否存在）檢查會(huì)話變量是否存在Bool isset(string name)Bool isset(string name)如：如：isset($_SESSIONname)isset($_SESSIONname)(4) (4) 從會(huì)話變量中檢索數(shù)據(jù)從會(huì)話變量中檢索數(shù)據(jù)if(isset($_SESSIONnam

11、e)if(isset($_SESSIONname) $name=$_SESSIONname; $name=$_SESSIONname;elseelse echo” echo”會(huì)話變量尚未注冊(cè)！會(huì)話變量尚未注冊(cè)！n”;n”; 網(wǎng)站建設(shè)與維護(hù) (4) (4) 注銷會(huì)話變量注銷會(huì)話變量* *1.1.從當(dāng)前會(huì)話中注銷所有會(huì)話變量：從當(dāng)前會(huì)話中注銷所有會(huì)話變量：void session_unset()void session_unset()* *2.2.清除當(dāng)前會(huì)話的會(huì)話清除當(dāng)前會(huì)話的會(huì)話IDIDbool session_destroy()bool session_destroy() 網(wǎng)站建設(shè)與維護(hù) 8

12、.2.4 8.2.4 退出頁(yè)面的制作退出頁(yè)面的制作D:kgylliuyanbanexit.phpD:kgylliuyanbanexit.php（1 1）創(chuàng)建空白）創(chuàng)建空白phpphp頁(yè)面，設(shè)置編碼頁(yè)面，設(shè)置編碼utf-8utf-8（2 2）在頁(yè)面開頭添加如下代碼：）在頁(yè)面開頭添加如下代碼：?php?phpsession_start();session_start();session_unset();session_unset();session_destroy();session_destroy();echo alert(Bye bye!); echo alert(Bye bye!); win

13、dow.location.href=./index.html; window.location.href=./index.html; ? 網(wǎng)站建設(shè)與維護(hù) .5注冊(cè)頁(yè)面的制作注冊(cè)頁(yè)面的制作D:kgylliuyanbanregister.phpD:kgylliuyanbanregister.php（1 1）將）將liuyanmoban.phpliuyanmoban.php另存為另存為register.phpregister.php，改造成如下，改造成如下效果。效果。 網(wǎng)站建設(shè)與維護(hù) （2 2）表單相關(guān)說明）表單相關(guān)說明Form1Form1的動(dòng)作的動(dòng)作registersuccess.

14、phpregistersuccess.php用戶名文本框的名稱用戶名文本框的名稱namename密碼文本框的名稱密碼文本框的名稱pwdpwd確認(rèn)密碼文本框的名稱確認(rèn)密碼文本框的名稱repwdrepwd性別單選按鈕組的名稱性別單選按鈕組的名稱sexsex郵箱文本框的名稱郵箱文本框的名稱emailemail提交按鈕的名稱提交按鈕的名稱okok重置按鈕的名稱重置按鈕的名稱cancelcancel 網(wǎng)站建設(shè)與維護(hù) （3 3）在頁(yè)面開頭添加：）在頁(yè)面開頭添加：（4 4）在）在/head/head之前添加：之前添加：用戶輸入信息驗(yàn)證用戶輸入信息驗(yàn)證（5 5）在）在form1form1的標(biāo)記中添加：的標(biāo)記中

15、添加：onsubmit=return CheckPost() onsubmit=return CheckPost() 網(wǎng)站建設(shè)與維護(hù) .6注冊(cè)成功頁(yè)面的制作注冊(cè)成功頁(yè)面的制作D:kgylliuyanbanregistersuccess.phpD:kgylliuyanbanregistersuccess.php（1 1）將）將liuyanmoban.phpliuyanmoban.php另存為另存為registersuccess.phpregistersuccess.php，改造成如下效果。，改造成如下效果。 網(wǎng)站建設(shè)與維護(hù) （2 2）在頁(yè)面開頭添加）在頁(yè)面開頭添加“注冊(cè)成功注冊(cè)成

16、功”代碼。代碼。（3 3）在代碼視圖，）在代碼視圖，在在“您的用戶名是：您的用戶名是：”后添加后添加?php echo $_SESSION在在“您的密碼是：您的密碼是：”后添加后添加 網(wǎng)站建設(shè)與維護(hù) .7登錄頁(yè)面的制作登錄頁(yè)面的制作D:kgylliuyanbanlogin.phpD:kgylliuyanbanlogin.php（1 1）將）將liuyanmoban.phpliuyanmoban.php另存為另存為login.phplogin.php，改造成如下效果。，改造成如下效果。 網(wǎng)站建設(shè)與維護(hù) （2 2）表單相關(guān)說明）表單相關(guān)說明Form1Form1的動(dòng)作的動(dòng)作login

17、.phplogin.php用戶名文本框的名稱用戶名文本框的名稱namename密碼文本框的名稱密碼文本框的名稱pwdpwd登錄按鈕的名稱登錄按鈕的名稱loginlogin重置按鈕的名稱重置按鈕的名稱cancelcancel忘記密碼的超鏈接忘記密碼的超鏈接mailto:mailto:（3 3）在頁(yè)面開頭添加：）在頁(yè)面開頭添加：登錄信息驗(yàn)證登錄信息驗(yàn)證 網(wǎng)站建設(shè)與維護(hù) .8登錄成功頁(yè)面的制作登錄成功頁(yè)面的制作D:kgylliuyanbanloginsuccess.phpD:kgylliuyanbanloginsuccess.php（1 1）將）將liuyanmoban.phpliu

18、yanmoban.php另存為另存為loginsuccess.phploginsuccess.php，改造成如下效果。，改造成如下效果。 網(wǎng)站建設(shè)與維護(hù) （2 2）在頁(yè)面開頭添加：）在頁(yè)面開頭添加：（3 3）在代碼視圖，）在代碼視圖，在在“，您好！歡迎您光臨本站！，您好！歡迎您光臨本站！”前添加前添加?php echo $_SESSION 網(wǎng)站建設(shè)與維護(hù) .9發(fā)表留言頁(yè)面的制作發(fā)表留言頁(yè)面的制作D:kgylliuyanbanadd.phpD:kgylliuyanbanadd.php（1 1）將）將liuyanmoban.phpliuyanmoban.php另存為另存為add.p

19、hpadd.php，改造成如下效果。，改造成如下效果。 網(wǎng)站建設(shè)與維護(hù) （2 2）表單相關(guān)說明）表單相關(guān)說明Form1Form1的動(dòng)作的動(dòng)作add.phpadd.php標(biāo)題文本框的名稱標(biāo)題文本框的名稱titletitle內(nèi)容文本區(qū)的名稱內(nèi)容文本區(qū)的名稱contentcontent發(fā)表留言按鈕的名稱發(fā)表留言按鈕的名稱okok重置按鈕的名稱重置按鈕的名稱cancelcancel（3 3）在）在/head/head之前添加：之前添加：標(biāo)題是否為空驗(yàn)證標(biāo)題是否為空驗(yàn)證（4 4）在）在form1form1的標(biāo)記中添加：的標(biāo)記中添加：onsubmit=return CheckPost() onsubmit

20、=return CheckPost() （5 5）在頁(yè)面開頭添加：）在頁(yè)面開頭添加：添加留言添加留言 網(wǎng)站建設(shè)與維護(hù) 本小節(jié)相關(guān)知識(shí)點(diǎn)本小節(jié)相關(guān)知識(shí)點(diǎn)u取得客戶端的取得客戶端的 IP IP 地址：地址： $_SERVERREMOTE_ADDR$_SERVERREMOTE_ADDRuMysqlMysql的的now()now()函數(shù)可以獲得當(dāng)前的日期和時(shí)間。函數(shù)可以獲得當(dāng)前的日期和時(shí)間。uJavaScriptJavaScript的的alert()alert()函數(shù)：彈出消息對(duì)話框。函數(shù)：彈出消息對(duì)話框。uJavaScriptJavaScript的的window.location.hrefwindo

21、w.location.href：本頁(yè)面跳轉(zhuǎn)：本頁(yè)面跳轉(zhuǎn) 網(wǎng)站建設(shè)與維護(hù) .10修改密碼頁(yè)面的制作修改密碼頁(yè)面的制作D:kgylliuyanbanmodifyuser.phpD:kgylliuyanbanmodifyuser.php（1 1）將）將liuyanmoban.phpliuyanmoban.php另存為另存為modifyuser.phpmodifyuser.php，改造成如下效果。，改造成如下效果。 網(wǎng)站建設(shè)與維護(hù) （2 2）表單相關(guān)說明）表單相關(guān)說明Form1Form1的動(dòng)作的動(dòng)作modifyuser.phpmodifyuser.php密碼文本框的名稱密碼文本框的名

22、稱pwdpwd確認(rèn)密碼文本框的名稱確認(rèn)密碼文本框的名稱repwdrepwd提交按鈕的名稱提交按鈕的名稱okok重置按鈕的名稱重置按鈕的名稱cancelcancel（3 3）在）在/head/head之前添加：之前添加：密碼驗(yàn)證密碼驗(yàn)證（4 4）在）在form1form1的標(biāo)記中添加：的標(biāo)記中添加：onsubmit=return CheckPost() onsubmit=return CheckPost() （5 5）在頁(yè)面開頭添加：）在頁(yè)面開頭添加：修改密碼修改密碼（6 6）本頁(yè)不顯示）本頁(yè)不顯示“修改密碼修改密碼”導(dǎo)航導(dǎo)航 網(wǎng)站建設(shè)與維護(hù) 8.38.3后臺(tái)頁(yè)面的制作后臺(tái)頁(yè)面的制作8.3.1后

23、臺(tái)管理登錄頁(yè)面的制作后臺(tái)管理登錄頁(yè)面的制作D:kgylliuyanbanadmin.php（1）新建）新建php頁(yè)面，制作如下效果。設(shè)置編碼頁(yè)面，制作如下效果。設(shè)置編碼utf-8。 網(wǎng)站建設(shè)與維護(hù) （2 2）表單相關(guān)說明）表單相關(guān)說明Form1Form1的動(dòng)作的動(dòng)作manage.phpmanage.php用戶名文本框的名稱用戶名文本框的名稱namename密碼文本框的名稱密碼文本框的名稱pwdpwd登錄按鈕的名稱登錄按鈕的名稱okok重置按鈕的名稱重置按鈕的名稱cancelcancel（3 3）在）在/head/head之前添加：之前添加：管理員登錄驗(yàn)證管理員登錄驗(yàn)證（4 4）在）在form1

24、form1的標(biāo)記中添加：的標(biāo)記中添加：onsubmit=return CheckPost() onsubmit=return CheckPost() 網(wǎng)站建設(shè)與維護(hù) .2后臺(tái)管理頁(yè)面的制作后臺(tái)管理頁(yè)面的制作D:kgylliuyanbanmanage.phpD:kgylliuyanbanmanage.php（1 1）新建）新建phpphp頁(yè)面，制作如下效果。頁(yè)面，制作如下效果。設(shè)置編碼設(shè)置編碼utf-8。 網(wǎng)站建設(shè)與維護(hù) （2 2）超鏈接說明）超鏈接說明用戶管理用戶管理usermanage.phpusermanage.php留言管理留言管理boardmanage.phpboard

25、manage.php退出退出exit.phpexit.php（3 3）在頁(yè)面開頭添加：）在頁(yè)面開頭添加：后臺(tái)管理身份驗(yàn)證后臺(tái)管理身份驗(yàn)證 網(wǎng)站建設(shè)與維護(hù) .3用戶管理頁(yè)面的制作用戶管理頁(yè)面的制作D:kgylliuyanbanusermanage.phpD:kgylliuyanbanusermanage.php（1 1）新建）新建phpphp頁(yè)面，制作如下效果。頁(yè)面，制作如下效果。設(shè)置編碼設(shè)置編碼utf-8。（2 2）超鏈接同）超鏈接同manage.phpmanage.php（3 3）在頁(yè)面開頭添加：）在頁(yè)面開頭添加：查詢所有用戶信息查詢所有用戶信息（4 4）將上圖用戶信息表格中

26、的第）將上圖用戶信息表格中的第2 2行替換為：行替換為：顯示用戶信息顯示用戶信息 網(wǎng)站建設(shè)與維護(hù) 本節(jié)知識(shí)點(diǎn)本節(jié)知識(shí)點(diǎn)- -獲取獲取URLURL參數(shù)參數(shù)uURLURL參數(shù)是附加到參數(shù)是附加到URLURL上的一個(gè)名稱上的一個(gè)名稱/ /值對(duì)，用于存儲(chǔ)用戶輸入的值對(duì)，用于存儲(chǔ)用戶輸入的檢索信息。檢索信息。URLURL參數(shù)以問號(hào)（參數(shù)以問號(hào)（? ?）開始并采用）開始并采用“name=value”name=value”的的格式。如果存在多個(gè)格式。如果存在多個(gè)URLURL參數(shù)，則參數(shù)之間用一個(gè)參數(shù)，則參數(shù)之間用一個(gè)“&”&”符號(hào)隔符號(hào)隔開。這些信息附加到所請(qǐng)求的頁(yè)面的開。這些信息附加到所請(qǐng)求的頁(yè)面的URLURL后面并傳送到服務(wù)器。后面并傳送到服務(wù)器。1.1.使用超鏈接生成使用超鏈接生成URLURL參數(shù)參數(shù)如：如：a href=deleteuser.php?name=?php echo a href=deleteuser.php?name=$rowname;? 網(wǎng)站建設(shè)與維護(hù) 2.2.在在PHPPHP中獲取中獲取URLURL參數(shù)參數(shù)通過通過URLURL參數(shù)可以將用戶提供的信息從瀏覽器傳遞到服務(wù)器。當(dāng)服參數(shù)可以將用戶提供的信息從瀏覽器傳遞到服務(wù)器。當(dāng)服務(wù)器收到請(qǐng)求，這些參數(shù)被追加到請(qǐng)求的務(wù)器收到請(qǐng)求，這些參數(shù)被追加到請(qǐng)求的URLURL上，可以通過上，可以通過PHPPHP代代碼