Thinkphp8安装topthink/think-captcha验证码的和使用方法

2024-06-17   阅读:567   类型:后端   分类:TP8    标签: PHP TP8

ThinkPHP8默认没有验证码,安装验证码可以使用composer来安装验证码

一、安装验证码

执行composer安装验证码

composer require topthink/think-captcha

二、使用方法

1、在目录app\middleware.php中开启session

\think\middleware\SessionInit::class

2、配置验证码

安装好验证码会在应用的config目录下面生成captcha.php文件,我们可以在里面进行配置我们的验证码

<?php
// +----------------------------------------------------------------------
// | Captcha配置文件
// +----------------------------------------------------------------------

return [
    //验证码位数
    'length'   => 4,
    // 验证码字符集合
    'codeSet'  => '0123456789',
    // 验证码过期时间
    'expire'   => 1800,
    // 是否使用中文验证码
    'useZh'    => false,
    // 是否使用算术验证码
    'math'     => false,
    // 是否使用背景图
    'useImgBg' => false,
    //验证码字符大小
    'fontSize' => 25,
    // 是否使用混淆曲线
    'useCurve' => true,
    //是否添加杂点
    'useNoise' => true,
    // 验证码字体 不设置则随机
    'fontttf'  => '',
    //背景颜色
    'bg'       => [243, 251, 254],
    // 验证码图片高度
    'imageH'   => 0,
    // 验证码图片宽度
    'imageW'   => 0,

    // 添加额外的验证码设置
    // verify => [
    //     'length'=>4,
    //    ...
    //],
];

验证码其他参数介绍:

codeSet 验证码字符集合 略
expire 验证码过期时间(s) 默认1800
math 使用算术验证码 默认false
useZh 使用中文验证码 默认false
zhSet 中文验证码字符串 略
useImgBg 使用背景图片 默认false
fontSize 验证码字体大小(px) 25
useCurve 是否画混淆曲线 默认true
useNoise 是否添加杂点 默认true
imageH 验证码图片高度,设置为0为自动计算 默认0
imageW 验证码图片宽度,设置为0为自动计算 默认0
length 验证码位数 默认5
fontttf 验证码字体,不设置是随机获取 默认 空
bg 背景颜色 默认 [243, 251, 254]
reset 验证成功后是否重置 默认true置


3、在模板视图文件中使用验证码

<div>{:captcha_img()}</div>

<div><img src="{:captcha_src()}" alt="captcha" /></div>

或实现点击图片刷新验证码

<img name="captcha" src="{:captcha_src()}" alt="captcha" onclick="this.src='{:captcha_src()}'+Math.random()">

4、后端框架中验证验证码

if(!captcha_check($captcha)){
 // 验证失败
};

三、结果展示:

【腾讯云】2核2G云服务器新老同享 99元/年,续费同价,云服务器3年机/5年机限时抢购,低至 2.5折

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://tpxhm.com/adetail/1070.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
简忆博客壁纸一
简忆博客壁纸二
简忆博客壁纸三
简忆博客壁纸四
简忆博客壁纸五
简忆博客壁纸六
简忆博客壁纸七
简忆博客壁纸八
头像

简忆博客
勤于学习,乐于分享

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×