登录功能(三)
之前的准备工作及登录的前端页面都做好了,现在我们来介绍登录的功能代码。
首先创建一个login.php的文件,用来写我们的登录php代码,
第一步就是要先连接数据库,不然获取不到数据库里的信息,代码如下:
<?php $link = mysqli_connect("localhost","root","root","joke");//注意后面的这几个参数,服务器名,数据库的用户名,密码,数据库名。密码没有可以不填 if (!$link) { die("连接失败: " . mysqli_connect_error()); } ?>
第二步:不管是用户名也好还是密码也好,我们都是通过前台的表单传递值到php程序中,然后再进行验证,所以,我们接下来就是要首先获取前台表单传递过来的值是多少,才能去验证它的对和错,获取值的代码如下:
<?php $username = $_POST['username']; $password = $_POST['password']; ?>
我们为什么是post而不是get呢?这就需要看下我们前台的表单了,看form标签中的信息:
<form action="login.php" method="post"> ... </form>
action是讲信息提交到哪里,method是通过什么方式传递,这里我们是post方法
第三步:我们获取到值之后就需要去验证这个值和数据库中的是不是一样的,必须都相同才可以登录,验证代码如下:
<?php $sql="select * from login where username = '{$username}' and password = '{$password}'";//先从数据库中查询户名和密码 $rs=mysqli_query($link,$sql); //执行sql查询 $row=mysqli_fetch_array($rs);//将查询的结果放入变量$row中 ?>
第四步:查询到结果之后,我们就要开始进行验证了:
<?php if($row) { if ($username == $row['username'] && $password == $row['password']) //判断表单获取的用户名,密码和数据库中的是否一致 { echo "登陆成功,正在为你跳转至后台页面"; header("location:index.html");//如果一致会跳转到后台的首页 } }else{ echo "账号或密码错误" . "<br/>"; echo "<a href='login.html'>返回登陆页面</a>";//如果不一致,将重新跳转至登录页面重新登录 } ?>
好像漏了点什么?
...
...
验证码好像没说....
最后我们来说下验证码。
我们需要一个生成验证码的程序,首先创建个PHP文件,叫passcode.php,用来写验证码生成。
下面我将验证码的详细写法写出来,每个重点难点都会有注释,方便你们去理解,注意,看码:
<?php //设置开启session session_start(); $image = imagecreatetruecolor(100, 30); //设置验证码图片大小的函数 //设置验证码颜色,用法:imagecolorallocate(int im, int red, int green, int blue); $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff //区域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的区域着色,col 表示欲涂上的颜色 imagefill($image, 0, 0, $bgcolor); //设置变量 $captcha_code = ""; //生成随机数字 for($i=0;$i<4;$i++){ //设置字体大小 $fontsize = 10; //设置字体颜色,随机颜色 $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); } //存到session $_SESSION['authcode'] = $captcha_code; //增加干扰元素,设置雪花点 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); } //增加干扰元素,设置横线 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); } //设置头部,image/png header('Content-Type: image/png'); //imagepng() 建立png图形函数 imagepng($image); //imagedestroy() 结束图形函数 销毁$image imagedestroy($image); ?>
如果想形象的具体的了解每行代码的功能,你可以讲代码更改(尽量与之前差异很大,这样才明显),然后看其变化,和之前会有什么不一样,这样,你就知道这行代码的作用了。
接下来就是对验证码的验证了,看码:
<?php //判断验证码是否填写并且是否正确 if(!$_POST['code']){ //首先判断前端页面是否有验证码的值传过来,没有就提示验证码不能为空 echo('验证码不能为空'); return; }else if($_POST['code']!=$_SESSION['authcode']){ //如果有,判断是否正确 echo('验证码不正确'); return; } ?>
好了,这就是我们的完整的一个登陆功能。