登入功能(三)
之前的準備工作及登入的前端頁面都做好了,現在我們來介紹登入的功能程式碼。
先建立一個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; } ?>
好了,這就是我們的完整的一個登陸功能。