tp6自定义验证码(大解析)

简介: tp6自定义验证码(大解析)

第一步:安装tp6验证码插件
切记,切记,在你的项目的根目录下安装哦,
举个例子:比如phpstudy。那就是在

composer require topthink/think-captcha

效果图:
在这里插入图片描述

第二步:
在这里插入图片描述

<?php
namespace app\admin\controller;//这里的namespace的意思是:你这个文件在哪?这里指的是目录哦
use think\captcha\facade\Captcha;//引用验证码插件,为什么要引用?因为不引用没有这个功能呀。就像继承

class Verify//切记,这个类名与这个文件的文件名保持一致
{
public function verify(){//这个是一个公共方法
    return Captcha::Create();//调用创建验证码的方法。Captcha代表文件。create:代表方法。::代表静态方法
}
}

第三步:修改验证码源码:目的改变验证码的大小
在这里插入图片描述

function captcha_img($id = '', $width='',$height=''): string//:string的意思是必须是字符串类型的才能进入函数内哦
{
    $src = captcha_src($id);//这个是默认的视图文件。就是说哪个视图文件调用它路径就是什么
    $style = "";
    if($width && $height){//如果宽度与高度都有的话。
        $style = 'width="'.$width.'" height="'.$height.'"';//组合一下
    }

  


    return "<img src='{$src}' alt='captcha' " . $style . " onclick='this.src=\"{$src}?\"+Math.random();' />";//组合
}

第三步:
在这里插入图片描述

view视图里面中。

<div  class="admin-captcha" width="90" height="43">{:captcha_img('',96,42)}<img    onclick="this.src='/admin/verify/verify?'+Math.random()"></div>//{:captcha_img('',96,42)}调用验证码图片路径 宽度 高度。Math.random()随机数。具有随机性

在这里插入图片描述

相关文章
|
29天前
|
XML Java Android开发
Android实现自定义进度条(源码+解析)
Android实现自定义进度条(源码+解析)
56 1
|
2月前
|
监控 网络协议 安全
阿里云DNS常见问题之阿里云DNS的自定义线路用途不知道如何解决
阿里云DNS(Domain Name System)服务是一个高可用和可扩展的云端DNS服务,用于将域名转换为IP地址,从而让用户能够通过域名访问云端资源。以下是一些关于阿里云DNS服务的常见问题合集:
|
2月前
|
域名解析 网络协议 Serverless
阿里云DNS常见问题之阿里云DNS不再支持自定义NS名称功能如何解决
阿里云DNS(Domain Name System)服务是一个高可用和可扩展的云端DNS服务,用于将域名转换为IP地址,从而让用户能够通过域名访问云端资源。以下是一些关于阿里云DNS服务的常见问题合集:
|
2月前
|
SQL Java 数据库连接
|
7月前
|
存储 XML 前端开发
“自定义MVC原理解析与示例:打造优雅、可定制化的Java应用程序”(上)
“自定义MVC原理解析与示例:打造优雅、可定制化的Java应用程序”
24 0
|
11月前
|
小程序
TDesign电商小程序模板解析01-自定义底部导航栏(二)
TDesign电商小程序模板解析01-自定义底部导航栏(二)
|
3天前
|
运维 网络协议 安全
Serverless 应用引擎产品使用之阿里云函数计算中添加自定义域名进行域名DNS验证如何解决
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
13 1
|
6天前
|
XML 人工智能 Java
Spring Bean名称生成规则(含源码解析、自定义Spring Bean名称方式)
Spring Bean名称生成规则(含源码解析、自定义Spring Bean名称方式)
|
2月前
|
小程序 前端开发 开发者
TDesign电商小程序模板解析01-自定义底部导航栏
TDesign电商小程序模板解析01-自定义底部导航栏
|
3月前
|
Web App开发 域名解析 负载均衡
DNS服务器问题之自定义DNS服务器如何设置
DNS服务器是负责将域名转换为IP地址的服务,它是互联网上实现域名解析的关键基础设施;本合集将探讨DNS服务器的工作原理、配置方法和常见问题处理,帮助用户理解和优化DNS服务的使用。
57 7

推荐镜像

更多