第8講留言板制作實例

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

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

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

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

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

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

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

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

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

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

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

12、.2.4 8.2.4 退出頁面的制作退出頁面的制作D:kgylliuyanbanexit.phpD:kgylliuyanbanexit.php（1 1）創(chuàng)建空白）創(chuàng)建空白phpphp頁面，設置編碼頁面，設置編碼utf-8utf-8（2 2）在頁面開頭添加如下代碼：）在頁面開頭添加如下代碼：?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; ? 網站建設與維護 .5注冊頁面的制作注冊頁面的制作D:kgylliuyanbanregister.phpD:kgylliuyanbanregister.php（1 1）將）將liuyanmoban.phpliuyanmoban.php另存為另存為register.phpregister.php，改造成如下，改造成如下效果。效果。 網站建設與維護 （2 2）表單相關說明）表單相關說明Form1Form1的動作的動作registersuccess.

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

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

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

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

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

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

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

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

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

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

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

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

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