如何在TP框架中集成验证码

发布时间：2024-08-27 01:51:49 作者：小樊
来源：亿速云阅读：85

要在ThinkPHP（TP）框架中集成验证码，请按照以下步骤操作：

安装think-captcha库

通过Composer安装think-captcha库。打开命令行工具，然后输入以下命令：

composer require topthink/think-captcha

配置验证码

在项目的application目录下，创建一个名为captcha.php的文件，并添加以下内容：

<?php
return [
    // 验证码字符集合
    'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',
    // 验证码字体大小(px)
    'fontSize' => 16,
    // 是否画混淆曲线
    'useCurve' => false,
    // 验证码图片高度
    'imageH' => 30,
    // 验证码图片宽度
    'imageW' => 100,
    // 验证码位数
    'length' => 4,
    // 验证码字体
    'fontttf' => '4.ttf',
];

创建控制器和视图

在控制器目录下创建一个名为IndexController.php的文件，并添加以下内容：

<?php
namespace app\index\controller;

use think\Controller;
use think\captcha\Captcha;

class IndexController extends Controller
{
    public function index()
    {
        return $this->fetch();
    }

    public function verify()
    {
        $captcha = new Captcha();
        return $captcha->entry();
    }
}

接下来，在项目的application/index/view/index目录下创建一个名为index.html的文件，并添加以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <title>验证码示例</title>
</head>
<body>
    <form action="{:url('check')}" method="post">
       <input type="text" name="captcha" placeholder="请输入验证码">
        <img src="{:url('verify')}" alt="验证码" onclick="this.src='{:url('verify')}' + '?' + Math.random()">
       <button type="submit">提交</button>
    </form>
</body>
</html>

验证验证码

在IndexController控制器中添加一个名为check的方法，用于验证验证码是否正确：

public function check()
{
    $captcha = new Captcha();
    if (!$captcha->check(input('post.captcha'))) {
        $this->error('验证码错误');
    } else {
        $this->success('验证码正确');
    }
}

测试验证码功能

运行项目，访问http://localhost/index/index，查看验证码是否正常显示。输入验证码并点击提交，系统将验证验证码是否正确。

以上就是在ThinkPHP（TP）框架中集成验证码的方法。

如何在TP框架中集成验证码

相关阅读