打开Dreamweaver cs6,添加以下代码:
<?
if($_POST[user]) //判断是否输入用户名
{
$name=$_POST["user"]; //获取登录用户名
$pass=$_POST["pass"]; //获取登录密码
require "ch16-1.php"; //引用配置文件
$link=mysql_connect($db_host,$db_user,$db_pass) or die(mysql_error());
mysql_select_db($db_name,$link);
$sql="select * from $table_user where u_name='$name' && u_pass='$pass'";
$result=mysql_query($sql); //发送SQL请求
if(@mysql_num_rows($result)!=0) //若找到符合条件的用户与密码
{
setcookie("name","$name",time()+60*60*24); //创建COOKIE
echo "<html><head><meta http-equiv='Content-Type' content='text/html; charset=GB2312'/>";
echo "<meta http-equiv='refresh' content='1; url=ch16-9.php'>";
echo "</head>";
echo "<body><center>登录成功!1秒后返回后台首页……</center></body>";
echo "</html>";
}
else //若没有符合条件的用户与密码
{
echo "<center>用户名或密码错误!</center>";
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>管理员登录</title>
<link href="mystyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language=javascript>
function juge(theForm)
{
if (theForm.user.value == "")
{
alert("请输入用户名!");
theForm.user.focus();
return (false);
}
if (theForm.pass.value == "")
{
alert("请输入用户名!");
theForm.pass.focus();
return (false);
}
}
</script>
<form id="form1" name="form1" method="post" action="ch16-8.php" οnsubmit="return juge(this)">
<p align="center">当前位置:<a href="ch16-10.php">首页</a>--用户登录</p>
<p align="center">后台管理登录:</p>
<p align="center">用户名:
<input name="user" type="text" id="user" />
</p>
<p align="center">密 码:
<input name="pass" type="password" id="pass" />
</p>
<p align="center">
<input type="submit" name="Submit" value="提交" />
<input type="reset" name="Submit2" value="重置" />
</p>
</form>
<hr>
<p align="center">@版权所有</p>
</body>
</html>
at last, 保存文件并调试运行
点击“文件”-“保存”或者按快捷键ctrl+S以文件名ch16-8.php保存页面,文件自动保存到站点中。按F12键盘对网页进行调试,显示效果图:
输入用户名与密码,若成功,则进入后台管理程序:显示图:
two,
本例包括用户登录表单部分以及表单的处理程序,实现了用户登录的功能。
用户登录功能也是一种很简单的功能,实现起来不难。只要判断输入的用户与密码是否在管理员信息表中存在,若存在,则登录成功,并将用户名保存至COOKIE变量中,同时自动跳转至后台首页;若没有查找至任何匹配的管理员信息,则显示“用户名和密码错误”。
本例代码如下:
if($_POST[user]) //判断是否输入用户名
{
$name=$_POST["user"]; //获取登录用户名
$pass=$_POST["pass"]; //获取登录密码
require "ch16-1.php"; //引用配置文件
$link=mysql_connect($db_host,$db_user,$db_pass) or die(mysql_error());
mysql_select_db($db_name,$link);
$sql="select * from $table_user where u_name='$name' && u_pass='$pass'";
$result=mysql_query($sql); //发送SQL请求
if(@mysql_num_rows($result)!=0) //若找到符合条件的用户与密码
{
setcookie("name","$name",time()+60*60*24); //创建COOKIE变量
echo "<html><head><meta http-equiv='Content-Type' content='text/html; charset=GB2312'/>";
echo "<meta http-equiv='refresh' content='1; url=ch16-9.php'>";
echo "</head>";
echo "<body><center>登录成功!1秒后返回后台首页……</center></body>";
echo "</html>";
}
else //若没有符合条件的用户与密码
{
echo "<center>用户名或密码错误!</center>";
}
}
程序中运用JavaScript代码实现对用户名与密码两个输入框的判断,相应代码如下:
<script language=javascript>
function juge(theForm)
{
if (theForm.user.value == "")
{
alert("请输入用户名!");
theForm.user.focus();
return (false);
}
if (theForm.pass.value == "")
{
alert("请输入用户名!");
theForm.pass.focus();
return (false);
}
}
</script>
在表单提交过程中调用JS函数juge()进行输入项的验证:
<form id="form1" name="form1" method="post" action="ch16-8.php" οnsubmit="return juge(this)">
end,可以实践思考。