Laravel8(使用图形验证码做登录功能的实现)
Laravel8,使用图形验证码做登录功能的实现
一、 安装扩展包
composer require gregwar/captcha
二、定义路由
//路由分组 Route::group(['prefix'=>'admin','namespace'=>'Admin'],function (){ //登录显示 name给路由起一个别名 Route::get('login','LoginController@index')->name('admin.login'); //登录方法 name给路由起一个别名 Route::post('login','LoginController@login')->name('admin.login'); //定义图形验证码路由 Route::get('img_code','CommonController@imgCode')->name('admin.img_code'); });
三、 生成图形验证码类
<?php namespace App\Http\Controllers\Admin; use App\Http\Controllers\Controller; use Carbon\Carbon; use Gregwar\Captcha\CaptchaBuilder; use Gregwar\Captcha\PhraseBuilder; class CommonController extends Controller { //验证码 public function imgCode() { $phrase = new PhraseBuilder; // 设置验证码位数 $code = $phrase->build(4); // 生成验证码图片的Builder对象,配置相应属性 $builder = new CaptchaBuilder($code, $phrase); // 设置背景颜色25,25,112 $builder->setBackgroundColor(34, 0, 45); // 设置倾斜角度 $builder->setMaxAngle(25); // 设置验证码后面最大行数 $builder->setMaxBehindLines(10); // 设置验证码前面最大行数 $builder->setMaxFrontLines(10); // 设置验证码颜色 $builder->setTextColor(230, 81, 175); // 可以设置图片宽高及字体 $builder->build($width = 150, $height = 40, $font = null); // 获取验证码的内容 $phrase = $builder->getPhrase(); // 把内容存入 cache,10分钟后过期 $client_id = md5( rand(1,1000).time()); \Cache::put($client_id, $phrase, Carbon::now()->addMinutes(10)); // 组装接口数据 $data = [ 'client' => $client_id, 'captcha' => $builder->inline(), ]; return $data; } } ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8034e8b8f6ac4f0abe121f296591e3bd~tplv-k3u1fbpfcp-watermark.image)
四、接口调用
<script> //页面加载完毕事件 $(function(){ getCaptCha(); }); //获取图形验证码的方法 var getCaptCha = function (){ $.ajax({ url:"{{route('admin.img_code')}}", success(res){ $("#client").val(res.client); $("#img_code").attr('src',res.captcha); } }) } </script>
五、页面展现
<input type="hidden" id="client" name="client" >
<p class="row cl"> <p class="formControls col-xs-8 col-xs-offset-3"> <input name="captcha" class="input-text size-L" type="text" placeholder="验证码" onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}" value="" style="width:150px;"> <img id="img_code" src="" onclick="getCaptCha()"> <a id="kanbuq" onclick="getCaptCha()" href="javascript:;" rel="external nofollow" >看不清,换一张</a> </p> </p>
前台页面实现效果:
六、后台登录接口进行校验验证码是否正确
//登录方法 public function login(Request $request) { //接收所有参数 $params = $request->all(); //取出验证码是否一致 $captcha = \Cache::get($params['client']); if ($params['captcha'] != $captcha){ return redirect(route('admin.login'))->withErrors(['error' => '验证码错误']); } }
到此这篇关于Laravel8 使用图形验证码做登录的文章就介绍到这了,更多相关Laravel图形验证码内容请搜索趣讯吧以前的文章或继续浏览下面的相关文章希望大家以后多多支持趣讯吧!
推荐阅读
-
华强北耳机和苹果耳机有啥区别(华强北苹果耳机跟正版有什么区别)
-
痛风食谱菜谱大全
痛风食谱菜谱大全男性到中年后,痛风食谱菜谱大全,最大的痛苦莫过于钱包鼓了,身子却垮了。现在都市人不健康的生活方式和过度劳累,让我们...
-
口里总是苦是什么原因(嘴里苦是什么原因)
大家好,今天来为大家解答嘴里苦是什么原因这个问题的一些问题点,包括口里总是苦是什么原因也一样很多人还不知道,因此呢,今天就来为大家...
-
全身美白产品排行榜10强(全身美白的产品)
全身美白的产品美白护肤是一项相对特殊的护肤方式,全身美白的产品,大家目前可以选购的美白功效护肤品,都是有特证认证的产品,也是官方认...
-
黄粱是小米吗(黄粱是小米还是水稻)
黄粱是小米。黄粱是一种粟米,粟米因为颗粒细小,又叫做小米,黄粱原产中国北方,是古代黄河流域重要的粮食作物之一,关于黄粱的典故有黄粱...
-
黑头黑脚的是什么动物(黑头黑脚代表什么动物)
黑头黑脚代表的动物是黑熊。黑熊全身的毛发都是黑色的,所以由此得来黑熊的称呼,黑熊的头部和脚部都是黑色的,所以黑头黑椒代表的动物是黑...
-
贵州选调生报考条件及时间2023年(贵州选调生报考条件及时间2023)
考研是场持久战,也是场信息战。每年临近暑假,就有很多院校发布公告,调整考研初试科目。这不,23考研人马上就又被“摆了一道”,又有几...
-
上海市公务员考报名时间2023时间(上海市公务员考报名时间2023)
2023年国考笔试考试延期举行,那2023年省考会延期吗?2023年省考对于已经发布招录考试简章地区,目前都已报名结束,进入笔试环...
-
银耳怎么吃降糖效果最好(银耳怎么吃)
银耳怎么吃说到银耳,银耳怎么吃,相信大家都不陌生了,经常拿来煲汤做糖水什么的!银耳口感脆爽,营养丰富,银耳富含维生素D,能防止钙的...
-
2023年纳音五行属什么命(2023年纳音)
2023年为农历【癸卯年】,属兔人为水兔之命。通过六十甲子纳音表查询可知,纳音为金箔金命,山林之兔。公元2023年,公历平年,共3...