首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

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

Posted in PHP onOctober 14, 2016

本文介绍的是基于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 文件，这就是我们需要编辑的验证码类文件。

当前目录层次结构：
基于PHP实现用户注册登录功能

编辑 Captcha.php 文件：

<?php 
/**
* Captcha class
*/
class Captcha
{
  
  function __construct()
  {
    # code...
  }
}

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

<?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;
  }
}

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

$ wget http://labfile.oss.aliyuncs.com/courses/587/consola.ttf

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

创建图像资源句柄

//创建图像资源  
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));  //填充图像背景（使用浅色）
  }

用到的相关函数

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

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

//创建验证码  
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]);
    }
  }

用到的相关函数

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

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

//创建验证码  
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]);
    }
  }

用到的相关函数：

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

创建干扰线条

//创建干扰线条（默认四条）
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); 
    }
  }

用到的相关函数：

  • imageline：画一条线段

创建干扰点

//创建干扰点 （默认一百个点）
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);
    }
  }

使用的相关函数：

  • imagesetpixel：画一个单一像素

对外输出图像：
   

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

用到的相关函数：

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

对外提供验证码：

public function getCode(){
    return $this->code;
  }
完整代码如下：
<?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;
  }

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

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

  public function createPiexs(){
    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);
    }
  }

  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 类的下方调用该类：

session_start(); //开启session
$captcha = new Captcha();  //实例化验证码类(可自定义参数)
$captcha->show();  //调用输出

三、前端展示

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

<div class="form-group">
 <div class="col-sm-12">
   <img src="admin/Captcha.php" alt="" id="codeimg" onclick="javascript:this.src = 'admin/Captcha.php?'+Math.random();">
   <span>Click to Switch</span>
 </div>
</div>

img 标签添加了点击事件的 js 代码，这样就可以实现点击更换验证码的功能！

效果图：

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

四、完善

到目前为止，我们的验证码模块基本就完成了。学习到这里，大家应该对面向对象编程有了进一步的理解。也领悟到了一丝 OOP 思想。OOP 的三大特征：封装，继承，多态。我们这里只用到了一点封装的思想。大家可以继续完善和改进这个验证码类，设计出更加完美的类。这个实验也告诉我们，PHP 的函数很多，不要死记硬背，多看官方文档。

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

- Author -

xiaoxiaozi

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
PHP 金额数字转换成英文
May 06 PHP
php的一个简单加密解密代码
Jan 14 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
Sep 02 PHP
Laravel框架表单验证详解
Sep 04 PHP
smarty自定义函数htmlcheckboxes用法实例
Jan 22 PHP
php压缩和解压缩字符串的方法
Mar 14 PHP
PHP超全局数组(Superglobals)介绍
Jul 01 PHP
php 利用socket发送HTTP请求（GET，POST）
Aug 24 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
Dec 02 PHP
php strftime函数获取日期时间(switch用法)
May 16 PHP
php ajax confirm 删除实例详解
Mar 06 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
Mar 26 PHP
PHP基于curl后台远程登录正方教务系统的方法
Oct 14 #PHP
php车辆违章查询数据示例
Oct 14 #PHP
基于PHPexecl类生成复杂的报表表头示例
Oct 14 #PHP
php+jQuery递归调用POST循环请求示例
Oct 14 #PHP
php实现将HTML页面转换成word并且保存的方法
Oct 14 #PHP
PHP中多线程的两个实现方法
Oct 14 #PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
Oct 14 #PHP
太空(1) 人造肉(1) FTP服务器(1) 界面设计(1) 夸克(1) 粒子对撞机(1) 磁盘分区(1) 对撞机(1) DNS服务器(2) 国际空间站(1)
You might like
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
php5.4以上版本GBK编码下htmlspecialchars输出为空问题解决方法汇总
2015/04/03 PHP
解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
2015/10/23 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
ThinkPHP5.0框架实现切换数据库的方法分析
2019/10/30 PHP
jquery json 实例代码
2010/12/02 Javascript
鼠标右击事件代码(asp.net后台)
2011/01/27 Javascript
载入jQuery库的最佳方法详细说明及实现代码
2012/12/28 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
2015/06/08 Javascript
jQuery设置Cookie及删除Cookie实例分析
2016/04/15 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
微信小程序使用npm支持踩坑
2018/11/07 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
简单介绍Python中的RSS处理
2015/04/13 Python
python 使用get_argument获取url query参数
2017/04/28 Python
不可错过的十本Python好书
2017/07/06 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
经典c++面试题六
2012/01/18 面试题
database面试题
2013/03/28 面试题
安全标语大全
2014/06/10 职场文书
法人单位授权委托书范文
2014/10/06 职场文书
新员工试用期自我评价
2015/03/10 职场文书
仓库管理制度范本
2015/08/04 职场文书
python 爬取天气网卫星图片
2021/06/07 Python
Vue-Element-Admin集成自己的接口实现登录跳转
2021/06/23 Vue.js
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android