基于PHP实现用户注册登录功能

本文介绍的是基于PHP实现用户注册登录功能，本项目分为四部分内容：1前端页面制作，2验证码制作，3实现注册登陆，4功能完善。具体情况可以往下看。

验证码制作

一、实验简介

本次实验将会带领大家使用面向对象的思想封装一个验证码类。并在注册和登陆界面展示使用。通过本次实验的学习，你将会领悟到 PHP 的 OOP 思想，以及 GD 库的使用，验证码生成。

1.1 涉及到的知识点

• PHP
• GD库
• OOP编程

1.2 开发工具

sublime，一个方便快速的文本编辑器。点击桌面左下角： 应用程序菜单/开发/sublime

二、封装验证码类

2.1 建立目录以及准备字体

在 web 目录下建立一个 admin 目录作为我们的后台目录，存放后台代码文件。在 admin 下建立一个 fonts 目录，用于存放制作验证码所需字体。

在 admin 下新建一个 Captcha.PHP 文件，这就是我们需要编辑的验证码类文件。

当前目录层次结构：

编辑 Captcha.PHP 文件：

rush:PHP;"> PHP /** * Captcha class */ class Captcha {

function __construct()
{

code...

}
}

添加该类的私有属性和构造方法：

rush:PHP;"> 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; } }

字体文件可通过以下命令下载到 fonts 目录：

$ wget

接下来开始编写具体的方法：

创建图像资源句柄

img = imagecreate($this->width,$this->height); //创建图像资源 imagecolorallocate($this->img,mt_rand(0,100),100)); //填充图像背景（使用浅色） }

用到的相关函数

• imagecreate：新建一个基于调色板的图像
• imagecolorallocate：为一幅图像分配颜色
• mt_rand：生成更好的随机数

创建验证码字符串并输出到图像

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),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]);
}
}

用到的相关函数

• imagecreate：新建一个基于调色板的图像
• imagecolorallocate：为一幅图像分配颜色
• mt_rand：生成更好的随机数

创建验证码字符串并输出到图像

string)-1; for ($i=0; $i < $this->codeNum; $i++) { $this->code .= $this->string[mt_rand(0,$this->code[$i]); } }

用到的相关函数：

• imagettftext：用 TrueType 字体向图像写入文本

创建干扰线条

rush:PHP;"> //创建干扰线条（默认四条） public function createLines(){ for ($i=0; $i < 4; $i++) { $color = imagecolorallocate($this->img,155),155)); //使用浅色 imageline($this->img,$this->width),$this->height),$color); } }

用到的相关函数：

• imageline：画一条线段

创建干扰点

rush:PHP;"> //创建干扰点 （默认一百个点） public function createPiex(){ for ($i=0; $i < 100; $i++) { $color = imagecolorallocate($this->img,255)); imagesetpixel($this->img,$color); } }

使用的相关函数：

• imagesetpixel：画一个单一像素

对外输出图像：

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); //清除图像资源，释放内存 }

用到的相关函数：

• imagepng：以 PNG 格式将图像输出到浏览器或文件
• imagedestroy：销毁一图像

对外提供验证码：

code; } 完整代码如下： 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; }

public function createImage(){
$this->img = imagecreate($this->width,$this->height);
imagecolorallocate($this->img,100));
}

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;
$diff = $this->width/$this->codeNum;
for ($i=0; $i < $this->codeNum; $i++) {
$txtColor = imagecolorallocate($this->img,255));
imagettftext($this->img,$this->code[$i]);
}
}

public function createLines(){
for ($i=0; $i < 4; $i++) {
$color = imagecolorallocate($this->img,155));
imageline($this->img,$color);
}
}

public function createPiexs(){
for ($i=0; $i < 100; $i++) {
$color = imagecolorallocate($this->img,$color);
}
}

public function show()
{
$this->createImage();
$this->createCode();
if ($this->lineFlag) {
$this->createLines();
}
if ($this->piexFlag) {
$this->createPiexs();
}
header('Content-type:image/png');
imagepng($this->img);
imagedestroy($this->img);
}

public function getCode(){
return $this->code;
}
}

以上就是验证码类的全部代码。看起来确实挺简单的，不过用的图像处理函数比较多，上面相关的函数我也做了必要的链接和用途说明。这些函数也不用死记硬背，遇到不清楚的，随时查阅 PHP 官方文档，最重要的是还有中文文档。

2.2 使用验证码

既然已经封装完毕，那就可以开始使用了。这里为了方便，直接在 Captcha 类的下方调用该类：

show(); //调用输出

三、前端展示

后端已经准备好了验证码，前端界面就可以展示了，修改 index.PHP 中的注册与登陆表单的验证码部分：

rush:PHP;">

PHP" alt="" id="codeimg" onclick="javascript:this.src = 'admin/Captcha.PHP?'+Math.random();"> Click to Switch