laravel入门实战开发（六）：登录验证码验证登录

约定不等于承诺〃 2023-02-14 06:47 7阅读 0赞

*  上一节，我们完成了多字段登录功能
 *  这一节，我们来完成验证码功能  
    要使用验证码，我们就需要使用拓展包，可以理解为插件，首先我们利用composer下载拓展吧

> composer require mews/captcha

在文件`config/app.php`中进行配置

'providers' => [
            Mews\Captcha\CaptchaServiceProvider::class,
        ]
    
    'aliases' => [
    
            'Captcha' => Mews\Captcha\Facades\Captcha::class,
        ]

*  注册拓展包

> php artisan vendor:publish  
> 我这里使用了9

`config/captcha.php`可以配置验证码的样式，我这里就使用默认样式  
在表单中使用，并给上刷新点击

<img src="{
       { captcha_src('flat') }}" style="cursor: pointer" onclick="this.src='{
       {captcha_src('flat')}}&'+Math.random()" >

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY3NDExMw_size_16_color_FFFFFF_t_70]  
现在我们不输入验证码是可以直接登录的，下面我们继续改写登录

protected function validateLogin(Request $request)
    {
        $request->validate([
            'captcha' => 'required|captcha',
            $this->username() => 'required|string',
            'password' => 'required|string',
        ]);
    
    }

\-现在我们的验证码功能已经完成，只有输入验证码且正确的情况下才能登录成功

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY3NDExMw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020060115011690.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY3NDExMw==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue token 登录验证 Laravel

阅读目录预览效果 1 配置需要掌握 2 登录页 -----Login.vue 3 LoginPostData 请求接口页面

女爷i/ 2023年10月06日 23:01/ 0 赞/ 48 阅读

相关 laravel入门实战开发（六）：登录验证码验证登录

上一节，我们完成了多字段登录功能这一节，我们来完成验证码功能要使用验证码，我们就需要使用拓展包，可以理解为插件，首先我们利用composer下载拓展

约定不等于承诺〃/ 2023年02月14日 06:47/ 0 赞/ 8 阅读

相关使用图片验证码进行登录验证

需求：后端系统登录时使用图片验证码验证登录效果： ![97cb7cdf761348639c5df974e66bd751.jpg][] 使用 4 位数字加字母组合验证码登

妖狐艹你老母/ 2022年08月28日 01:47/ 0 赞/ 310 阅读

相关登录验证码

验证码的作用是区分人与机器，防止机器刷数据；验证码的验证分了两步，一步是请求获取验证码，一步是前台传的验证码与后台的验证码进行对比判断后进行后续操作；在MyEclips

我就是我/ 2022年07月12日 03:38/ 0 赞/ 337 阅读

相关登录验证

Angular应用中的登录与身份验证撰写于 2016年7月10日修改于 2017年6月26日分类 [编程杂记][Link 1] 标签 [AngularJS][] /

本是古典何须时尚/ 2022年06月05日 06:26/ 0 赞/ 255 阅读

相关登录验证

运用ajax+jquery+SpringMVC进行登录验证前言：我tXX爷的，今晚真是给jar包搞残了，以后必须的打好基础在来搞事情。由于我前期javaScript

男娘i/ 2022年05月08日 02:56/ 0 赞/ 256 阅读

相关 laravel5.7验证码并验证登录

跑验证码第三方包 composer require mews/captcha 在`config/app.php`进行配置 ‘providers’ => \[

﹏ヽ暗。殇╰゛Y/ 2022年03月17日 16:26/ 0 赞/ 272 阅读

相关验证登录

验证登录登录验证，是为了让项目提高安全性。就像身份证一样，你的身份证就代表着你本身，本人的身份证，你使用不了。一个项目没有了安全性操作，那么谁都可以操作里面的内容了

r囧r小猫/ 2022年01月30日 13:21/ 0 赞/ 436 阅读

相关 laravel之auth登录验证

使用Auth门面验证，需要修改config/auth.php文件中的相关设置,以达到自定义后台用户表的登录功能的实现 ![1746600-20190805132454133-

柔光的暖阳◎/ 2021年10月23日 15:32/ 0 赞/ 345 阅读

相关登录(实时验证手机格式、验证码)

思路: 动态验证手机号格式: 利用计算属性会根据内容的变化而调用的特点,将表单绑定v-model，在计算属性中,利用正则不断检验手机格式,

迷南。/ 2021年07月24日 19:21/ 0 赞/ 484 阅读