【php开发工程师系统性教学】——Laravel框架（验证码）的配置和使用的保姆式教程

news2024/9/20 2:47:48

在这里插入图片描述

👨‍💻个人主页：@开发者-曼亿点

👨‍💻 hallo 欢迎点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由曼亿点原创

👨‍💻 收录于专栏：PHP程序开发

⭐🅰⭐

— 请添加图片描述

文章目录

- ⭐🅰⭐
- ⭐前言⭐
- 🎶一、验证码依赖的安装与配置
- - （1）packagist网站搜索验证码的代码依赖
  - （2）配置依赖包
  - （3）修改文件
- 🎶二、验证码的实现案例
- - （1）案例：在之前的自动验证的基础之上，实现验证码的显示
  - （2）验证码和自动验证的blade.php代码：
  - （3）自动验证的TestController.php代码：
  - （4）展示效果：
  - - 结束语🥇

⭐前言⭐

生成验证码需要经过：画画布、生成干扰线、生成噪点、生成验证码、生成验证码存放在session、输入图片。

🎶一、验证码依赖的安装与配置

（1）packagist网站搜索验证码的代码依赖

关键词时captcha
在这里插入图片描述
地址：https://packagist.org/packages/mews/captcha
环境要求：php>=7.2,需要开启GD库,同时需要开启fileinfo和mbstring扩展

（2）配置依赖包

composer方法安装代码的依赖包：composer require mews/captcha

在这里插入图片描述

（3）修改文件

修改配置文件：config/app.php
配置：配置provider信息，添加1一行信息：
在这里插入图片描述
配置别名aliases键，添加一个别名记录

如果（可选）需要定义自己的配置，则需要生成配置文件：

php artisan vendor:publish
发布之后会在config目录下找到对应的配置文件：

在这里插入图片描述

🎶二、验证码的实现案例

（1）案例：在之前的自动验证的基础之上，实现验证码的显示

在这里插入图片描述
①需要在页面上显示出来
添加验证码图片的路径

（2）验证码和自动验证的blade.php代码：

<!DOCTYPE html>
<html lang="en">
<head>    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" href="css/weui.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {{-- 系统的asset方法引入 --}}
    <link rel="stylesheet" type="test/css" href="{{asset('css')}}/app.css">
    <title>实战训练</title>
</head>
<body>
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
	<form method="post" action="">
<p>姓名：<input type="text" name='name' value="" ></p>
<p>年龄：<input type="text" name='age' value="" ></p>
<p>邮箱：<input type="text" name='email' value="" ></p>
{{ csrf_field() }}
	<input type="submit" value="提交">
</form>
</body>
</html>

（3）自动验证的TestController.php代码：

public function zdyz(Request $request){
 
        
            if($request->post())
            {
            $this->validate($request,[
                        
            'name' => 'required|min:1|max:3',
            'age' => 'required|integer|min:1|max:100',
            'email' =>'required|email',
        ]);
        
            }else{
        //展示一个视图
        return view("/home/zdyz");
            }    
}

在这里插入图片描述

（4）展示效果：

在这里插入图片描述
②验证码验证操作：

public function zdyz(Request $request){
            if($request->post())
            {
            $this->validate($request,[
                        
            'name' => 'required|min:1|max:3',
            'age' => 'required|integer|min:1|max:100',
            'email' =>'required|email',
            'captcha'=>'required|captcha'
        ]);
        
            }else{
        //展示一个视图
        return view("/home/zdyz");
            }    
}

在这里插入图片描述
注意·：验证码有效验证规则，手册里是没有的，如果使用mews验证包的话，其验证码验证规则就是captcha
效果展示图：