第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服务器创建服务器创建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创建站点创建站点-1u单击单击u“站点站点”|”新建站点新建站点“ 网站建设与

4、维护 8.18.1准备工作准备工作u创建站点创建站点-2 网站建设与维护 8.28.2前台页面的制作前台页面的制作.1conn.phpconn.php页面的制作页面的制作（1 1）创建）创建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发表留言：发表留言：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行代码修改为：行代码修改为： 网站建设与维护 本小节涉及知识点本小节涉及知识点1.PHP1.PHP与与HTMLHTML混合编码混合编码根据需要，可以将根据需要，可以将HTMLHTML代码包含在代码包含在PHPPHP语句中。语句中。2.2.会话管理会话管理会话管理提供了一种机制，通过这种机制可以存储和访问用户信息，供会话管理提供了一种机制，通过这种机制可以存储和访问用户信息，供webweb应用程序所使用。会话变

9、量可以用于存储各种信息（通常是由用户提应用程序所使用。会话变量可以用于存储各种信息（通常是由用户提交的表单参数或交的表单参数或urlurl参数），并使这些信息在用户访问的持续时间中对应参数），并使这些信息在用户访问的持续时间中对应用程序的所有页都可用。用程序的所有页都可用。 网站建设与维护 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）创建空白）创建空白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发表留言页面的制作发表留言页面的制作D:kgylliuyanbanadd.phpD:kgylliuyanbanadd.php（1 1）将）将liuyanmoban.phpliuyanmoban.php另存为另存为add.p

19、hpadd.php，改造成如下效果。，改造成如下效果。 网站建设与维护 （2 2）表单相关说明）表单相关说明Form1Form1的动作的动作add.phpadd.php标题文本框的名称标题文本框的名称titletitle内容文本区的名称内容文本区的名称contentcontent发表留言按钮的名称发表留言按钮的名称okok重置按钮的名称重置按钮的名称cancelcancel（3 3）在）在/head/head之前添加：之前添加：标题是否为空验证标题是否为空验证（4 4）在）在form1form1的标记中添加：的标记中添加：onsubmit=return CheckPost() onsubmit

20、=return CheckPost() （5 5）在页面开头添加：）在页面开头添加：添加留言添加留言 网站建设与维护 本小节相关知识点本小节相关知识点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行替换为：行替换为：显示用户信息显示用户信息 网站建设与维护 本节知识点本节知识点- -获取获取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代代码