登陆页面
login.html
<div class="container">
<form class="form-signin" method="post" action="doLogin.php">
<h2 class="form-signin-heading">请登录</h2>
<label for="inputUsername" class="sr-only"></label>
<input id="inputUsername" type="text" required="required" placeholder="用户名" name="username" class="form-control"><br>
<input type="password" placeholder="密码" name="password" class="form-control"><br>
<input type="text" required="required" placeholder="验证码" name="verifycode" class="captcha">
<img id="captcha_img" src="captcha.php?r=echo rand(); ?>" alt="验证码">
<label><a href="javascript:void(0)" rel="external nofollow" onclick="document.getElementById('captcha_img').src='captcha.php?r='+Math.random()">换一个</a> </label><br>
<label><input type="checkbox" name="autologin[]" value="1"/>自动登录</label><br>
<button type="submit" class="btn btn-lg btn-primary btn-block">登录</button>
</form>
</div>
验证码php
<?php
//11>设置session,必须处于脚本最顶部
session_start();
$image = imagecreatetruecolor(100, 30); //1>设置验证码图片大小的函数
//5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);
$bgcolor = imagecolorallocate($image,255,255,255); //#ffffff
//6>区域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的区域着色,col 表示欲涂上的颜色
imagefill($image, 0, 0, $bgcolor);
//10>设置变量
$captcha_code = "";
//7>生成随机数字
for($i=0;$i<4;$i++){
//设置字体大小
$fontsize = 6;
//设置字体颜色,随机颜色
$fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120)); //0-120深颜色
//设置数字
$fontcontent = rand(0,9);
//10>.=连续定义变量
$captcha_code .= $fontcontent;
//设置坐标
$x = ($i*100/4)+rand(5,10);
$y = rand(5,10);
imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);
}
//10>存到session
$_SESSION['code'] = $captcha_code;
//8>增加干扰元素,设置雪花点
for($i=0;$i<200;$i++){
//设置点的颜色,50-200颜色比数字浅,不干扰阅读
$pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200));
//imagesetpixel — 画一个单一像素
imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor);
}
//9>增加干扰元素,设置横线
for($i=0;$i<4;$i++){
//设置线的颜色
$linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220));
//设置线,两点一线
imageline($image,rand(1,99), rand(1,29),rand(1,99), rand(1,29),$linecolor);
}
//2>设置头部,image/png
header('Content-Type: image/png');
//3>imagepng() 建立png图形函数
imagepng($image);
//4>imagedestroy() 结束图形函数 销毁$image
imagedestroy($image);
?>
登陆验证php
<?php
header("Content-type:text/html;charset=UTF-8");
include 'connet.php'; //导入mysql.php访问数据库
session_start(); //开启会话一获取到服务器端验证码
$username=$_POST['username'];
$password=$_POST['password'];
$autologin=isset($_POST['autologin'])?1:0; //获取是否选择了自动登录
$verifycode=$_POST['verifycode'];
$code=$_SESSION['code']; //获取服务器生成的验证码
if(checkVerifycode($verifycode,$code)){
if(checkUser($username,$password)){
$_SESSION['username']=$username; //保存此时登录成功的用户名
if($autologin==1){ //如果用户勾选了自动登录就把用户名和加了密的密码放到cookie里面
setcookie("username",$username,time()+3600*24*3); //有效期设置为3天
setcookie("password",md5($password),time()+3600*24*3);
}
else{
setcookie("username","",time()-1); //如果没有选择自动登录就清空cookie
setcookie("password","",time()-1);
}
header("location: index.php "); //全部验证都通过之后跳转到首页
}
}
//方法:查询用户是否在数据库中
function checkUser($username,$password){
$sql="select * from yonghu where username='{$username}' and password='{$password}';";
$result=mysql_query($sql);
$sum=mysql_num_rows($result);
if($sum!=0){
return true;
}
else{
echo '<html><head><Script Language="JavaScript">alert("用户名或密码错误");</Script></head></html>' . "<meta http-equiv=\"refresh\" content=\"0;url=login.html\">";
}
};
//方法:检查验证码是否正确
function checkVerifycode($verifycode,$code){
if($verifycode==$code){
return true;
}
else{
echo '<html><head><Script Language="JavaScript">alert("验证码错误");</Script></head></html>' . "<meta http-equiv=\"refresh\" content=\"0;url=login.html\">";
}
}
?>
数据库连接php
<?php
header("Content-type:text/html;charset=utf-8");
$con=mysql_connect("localhost","root","821120");
mysql_select_db("admin");
mysql_query("set names utf-8");
function conn($sql){
return mysql_query($sql);
}
mysql_free_result;
mysql_close;
?>
成功跳转页面
<h1>
hello!!!
</h1>