登入功能（三）

之前的準備工作及登入的前端頁面都做好了，現在我們來介紹登入的功能程式碼。

先建立一個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;
 }
?>

好了，這就是我們的完整的一個登陸功能。