本文介紹的是基於PHP實現使用者註冊登入功能，本專案分為四部分內容：1前端頁面製作，2驗證碼製作，3實現註冊登陸，4功能完善。具體情況可以往下看。
驗證碼製作
一、實驗簡介
本次實驗將會帶領大家使用物件導向的想法封裝一個驗證碼類。並在註冊和登陸介面展示使用。透過本實驗的學習，你將會領悟到 PHP 的 OOP 思想，以及 GD 函式庫的使用，驗證碼產生。
1.1 涉及的知識點
PHP
GD庫
OOP編程
1.2 開發工具
OOP編程
1.2 開發工具
在 admin 下新建一個 Captcha.php 文件，這就是我們需要編輯的驗證碼類文件。 
目前目錄層級結構：
編輯Captcha.php 檔案：
<?php
/**
* Captcha class
*/
class Captcha
{
function __construct()
{
# code...
}
}透過以下命令下載到fonts 目錄：
$ wget http://labfile.oss.aliyuncs.com/courses/587/consola.ttf
接下來開始寫特定的方法：
用到的相關函數
imagecreate：新建一個基於調色板的圖像
imagecolorallocate：為一幅圖像分配顏色
mt_rand：產生更好的隨機數
創建圖像驗證碼字串並輸出到
<?php
/**
* Captcha class
*/
class Captcha
{
private $codeNum; //验证码位数
private $width; //验证码图片宽度
private $height; //验证码图片高度
private $img; //图像资源句柄
private $lineFlag; //是否生成干扰线条
private $piexFlag; //是否生成干扰点
private $fontSize; //字体大小
private $code; //验证码字符
private $string; //生成验证码的字符集
private $font; //字体
function __construct($codeNum = 4,$height = 50,$width = 150,$fontSize = 20,$lineFlag = true,$piexFlag = true)
{
$this->string = 'qwertyupmkjnhbgvfcdsxa123456789'; //去除一些相近的字符
$this->codeNum = $codeNum;
$this->height = $height;
$this->width = $width;
$this->lineFlag = $lineFlag;
$this->piexFlag = $piexFlag;
$this->font = dirname(__FILE__).'/fonts/consola.ttf';
$this->fontSize = $fontSize;
}
}
用到的相關函數
imagecreate：新建一個基於調色板的圖像
imagecolorallocate：為一幅圖像分配顏色
_mt並輸出到圖像//创建图像资源
public function createImage(){
$this->img = imagecreate($this->width, $this->height); //创建图像资源
imagecolorallocate($this->img,mt_rand(0,100),mt_rand(0,100),mt_rand(0,100)); //填充图像背景（使用浅色）
}imageline ：畫一條線段創建幹擾點
//创建验证码
public function createCode(){
$strlen = strlen($this->string)-1;
for ($i=0; $i < $this->codeNum; $i++) {
$this->code .= $this->string[mt_rand(0,$strlen)]; //从字符集中随机取出四个字符拼接
}
$_SESSION['code'] = $this->code; //加入 session 中
//计算每个字符间距
$diff = $this->width/$this->codeNum;
for ($i=0; $i < $this->codeNum; $i++) {
//为每个字符生成颜色（使用深色）
$txtColor = imagecolorallocate($this->img,mt_rand(100,255),mt_rand(100,255),mt_rand(100,255));
//写入图像
imagettftext($this->img, $this->fontSize, mt_rand(-30,30), $diff*$i+mt_rand(3,8), mt_rand(20,$this->height-10), $txtColor, $this->font, $this->code[$i]);
}
}對外輸出對外帶圖片到的相關函數：
imagepng：以PNG 格式將映像輸出到瀏覽器或檔案
imagedestroy：銷毀一圖片
對外提供驗證碼：
//创建验证码
public function createCode(){
$strlen = strlen($this->string)-1;
for ($i=0; $i < $this->codeNum; $i++) {
$this->code .= $this->string[mt_rand(0,$strlen)]; //从字符集中随机取出四个字符拼接
}
$_SESSION['code'] = $this->code; //加入 session 中
//计算每个字符间距
$diff = $this->width/$this->codeNum;
for ($i=0; $i < $this->codeNum; $i++) {
//为每个字符生成颜色（使用深色）
$txtColor = imagecolorallocate($this->img,mt_rand(100,255),mt_rand(100,255),mt_rand(100,255));
//写入图像
imagettftext($this->img, $this->fontSize, mt_rand(-30,30), $diff*$i+mt_rand(3,8), mt_rand(20,$this->height-10), $txtColor, $this->font, $this->code[$i]);
}
}完整程式碼如下：
//创建干扰线条（默认四条）
public function createLines(){
for ($i=0; $i < 4; $i++) {
$color = imagecolorallocate($this->img,mt_rand(0,155),mt_rand(0,155),mt_rand(0,155)); //使用浅色
imageline($this->img,mt_rand(0,$this->width),mt_rand(0,$this->height),mt_rand(0,$this->width),mt_rand(0,$this->height),$color);
}
}。看起來確實挺簡單的，不過用的圖像處理函數比較多，上面相關的函數我也做了必要的連結和用途說明。這些函數也不用死記硬背，遇到不清楚的，隨時查閱 PHP 官方文檔，最重要的是還有中文文檔。
2.2 使用驗證碼既然已經封裝完畢，那就可以開始使用了。這裡為了方便，直接在Captcha 類別的下方呼叫該類別：
//创建干扰点 （默认一百个点）
public function createPiex(){
for ($i=0; $i < 100; $i++) {
$color = imagecolorallocate($this->img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
imagesetpixel($this->img,mt_rand(0,$this->width),mt_rand(0,$this->height),$color);
}
}後端已經準備好了驗證碼，前端介面就可以展示了，修改index.php 中的index.php 中的註冊與登陸表單的驗證碼部分：
public function show()
{
$this->createImage();
$this->createCode();
if ($this->lineFlag) { //是否创建干扰线条
$this->createLines();
}
if ($this->piexFlag) { //是否创建干扰点
$this->createPiex();
}
header('Content-type:image/png'); //请求页面的内容是png格式的图像
imagepng($this->img); //以png格式输出图像
imagedestroy($this->img); //清除图像资源，释放内存
}
img 標籤新增了點擊事件的js 程式碼，這樣就可以實現點擊更換驗證碼的功能！
效果圖：
