視頻中作者把驗(yàn)證碼直接放入了
laravel自帶的驗(yàn)證里面去了艾扮，
驗(yàn)證是在再帶的login方法里面處理
返回英妓，刷新云头，并把原數(shù)據(jù)帶回去
public function login(Request $request)
{
if (session('captcha') != $request->get('captcha')){
return redirect()->refresh()->withInput();
}
}
圖片.png
Laravel驗(yàn)證碼工具gregwar/captcha
Ps:gregwar/captcha在Composer下載排行中長(zhǎng)居第一名榜位。好用的工具大家都推薦量愧，這個(gè)驗(yàn)證碼工具作者本人也在很多項(xiàng)目中運(yùn)用到了钾菊。給大家推薦的同時(shí)分享點(diǎn)經(jīng)驗(yàn)。
一偎肃、安裝方法
1.在項(xiàng)目根目錄下執(zhí)行:
composer require gregwar/captcha
2.在composer.json中添加:
"require": {
...
...
"gregwar/captcha": "1.*"
},
然后執(zhí)行 composer update
這樣安裝就算完成了煞烫。
二、使用方法
1.命名空間引入
use Gregwar\Captcha\CaptchaBuilder; use Gregwar\Captcha\PhraseBuilder;
下面給大家一個(gè)完整的例子
路由定義(注意:該路由放在中間件外)
Route::get('/code/captcha/{tmp}', 'Admin\LoginController@captcha');
// 驗(yàn)證碼生成
public function captcha($tmp)
{
$phrase = new PhraseBuilder;
// 設(shè)置驗(yàn)證碼位數(shù)
$code = $phrase->build(6);
// 生成驗(yàn)證碼圖片的Builder對(duì)象累颂，配置相應(yīng)屬性
$builder = new CaptchaBuilder($code, $phrase);
// 設(shè)置背景顏色
$builder->setBackgroundColor(220, 210, 230);
$builder->setMaxAngle(25);
$builder->setMaxBehindLines(0);
$builder->setMaxFrontLines(0);
// 可以設(shè)置圖片寬高及字體
$builder->build($width = 100, $height = 40, $font = null);
// 獲取驗(yàn)證碼的內(nèi)容
$phrase = $builder->getPhrase();
// 把內(nèi)容存入session
\Session::flash('code', $phrase);
// 生成圖片
header("Cache-Control: no-cache, must-revalidate");
header("Content-Type:image/jpeg");
$builder->output();
}
模版案例
<input name="captcha" type="text" placeholder="驗(yàn)證碼">
<a onclick="javascript:re_captcha();">
 }})
</a>
Js點(diǎn)擊換驗(yàn)證碼
/***
此處url的規(guī)則是 /code/captcha/數(shù)字滞详。我們可以在后面加一個(gè)隨機(jī)參數(shù)，即可紊馏。后面的數(shù)字如果直接是小數(shù)料饥，或者有小數(shù)，其實(shí)是找不到這個(gè)路由的
*/
<script type="text/javascript">
function re_captcha() {
$url = "{{ URL('/code/captcha') }}";
$url = $url + "/1?a=" + Math.random();
document.getElementById('127ddf0de5a04167a9e427d883690ff6').src = $url;
}
</script>
如何驗(yàn)證(由于是案例 我只做最基礎(chǔ)的驗(yàn)證)
public function store(Request $request)
{
//
$data = \Input::all();
//驗(yàn)證碼驗(yàn)證
if ($data['captcha'] != \Session::get('code')) {
return back()
->withErrors('驗(yàn)證碼錯(cuò)誤!');
}
正確方式.png
錯(cuò)誤方式
執(zhí)行登錄的JS方法
//執(zhí)行登錄
function login(form){
//發(fā)送ajax實(shí)現(xiàn)數(shù)據(jù)的添加
$.ajax({
url:"/login",
type:"post",
dataType:"json",
async:true,
data:$(form).serialize(),
success:function(data){
if(data.id>0){
}else{
$("#error").css({"z-index":"100000","position":"absolute","top":"33%","left":"0","right":"0"});
$(".modal-body").html(data.info);
$("#error").show();
$(".btn-primary").click(function(){
$("#error").hide();
});
}
}
});
return false;
}
處理表單的store
public function store(Request $request)
{
$data = \Input::all();
if($data['captcha']!=\Session::get('code')){
return view("404")->with('info','驗(yàn)證碼錯(cuò)誤...')->with('url','/');
}
$res = $this->LoginStore->getAdminUser($data);
if(!$res){
return view("404")->with('info','賬號(hào)不存在...')->with('url','/');
}
$password = md5($res->name.$data['pass']); //md5(name連接密碼)
$md = substr_replace($password,$res->name,0,4);
$password = md5($md);
if(isset($res) && !empty($res)){
if($res->pass ==$password){
\Session::put('login',$res);
return redirect('/admin');
}else{
return view("404")->with('info','密碼好像有錯(cuò)誤...')->with('url','/');
}
}
return view("404")->with('info','帳號(hào)或密碼不能為空...')->with('url','/');
}
添加測(cè)試數(shù)據(jù)的時(shí)候瘦棋，可以用以下方法直接添加
添加測(cè)試數(shù)據(jù)
圖片.png
Session::flash()方法每次生成session的時(shí)候稀火，會(huì)把過(guò)去的session銷毀
生成驗(yàn)證碼
