laravel-admin 登入加圖形驗證碼

引入

composer require mews/captcha
           

修改

在 config/app.php 下修改

'providers' => [
    // ...
    Mews\Captcha\CaptchaServiceProvider::class,
]   

 'aliases' => [
    // ...
    'Captcha' => Mews\Captcha\Facades\Captcha::class,
]
           

運作 php artisan vendor:publish

修改

config/captcha.php 中的 default

return [
     'default'   => [
         'length'    => 5,
         'width'     => 120,
         'height'    => 36,
         'quality'   => 90,
     ],
     // ...
 ];
           

修改登入方法

修改 app/Admin/Controllers/AuthController.php , 如沒有則複制 vendor/encore/laravel-admin/src/Controllers/AuthController.php 到 app/Admin/Controllers/AuthController.php

<?php
namespace App\Admin\Controllers;
use Encore\Admin\Controllers\AuthController as BaseAuthController;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Lang;
use Illuminate\Support\Facades\Redirect;
use Illuminate\Support\Facades\Validator;
class AuthController extends BaseAuthController
{
    public function getLogin()
    {
        if (!Auth::guard('admin')->guest()) {
            return redirect(config('admin.route.prefix'));
        }
        return view('admin.login');
    }

    public function postLogin(Request $request)
    {
        $credentials = $request->only(['username', 'password','captcha']);
        $validator = Validator::make($credentials, [
            'username' => 'required',
            'password' => 'required',
            'captcha' => 'required|captcha'
        ]);
        if ($validator->fails()) {
            return Redirect::back()->withInput()->withErrors($validator);
        }
        unset($credentials['captcha']);
        if (Auth::guard('admin')->attempt($credentials)) {
            admin_toastr(trans('admin.login_successful'));
            return redirect()->intended(config('admin.route.prefix'));
        }
        return Redirect::back()->withInput()->withErrors(['username' => $this->getFailedLoginMessage()]);
	}

    protected function getFailedLoginMessage()
    {
        return Lang::has('auth.failed')
        ? trans('auth.failed')
        : 'These credentials do not match our records.';
    }
}
           

修改登入頁面

複制 vendor/encore/laravel-admin/resources/views/login.blade.php 到 resources/views/admin/login.blade.php 在密碼與記住我代碼塊中間添加代碼

<div class="form-group has-feedback {!! !$errors->has('password') ?: 'has-error' !!}">
    @if($errors->has('password'))
        @foreach($errors->get('password') as $message)
            <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i>{{$message}}</label><br>
        @endforeach
    @endif
        <input type="password" class="form-control" placeholder="{{ trans('admin.password') }}" name="password">
        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>

<!-- 在這裡添加代碼  start-->
<div class="row">
    <div class="form-group has-feedback {!! !$errors->has('captcha') ?: 'has-error' !!}">
        @if($errors->has('captcha'))
            @foreach($errors->get('captcha') as $message)
                <label class="control-label" for="inputError" style="margin-left: 15px"><i class="fa fa-times-circle-o">{{$message}}</i></label></br>
            @endforeach
        @endif
        <input type="text" class="form-control" style="display: inline;width: 55%; margin-left: 15px" placeholder="{{ trans('admin.captcha') }}" name="captcha">
        <span class="glyphicon glyphicon-refresh form-control-feedback captcha" style="right:39%;z-index: 100"></span>
        <img class="captcha" src="{{ captcha_src('admin') }}">
    </div>
</div>
<!-- 在這裡添加代碼  end-->

<div class="row">
    <div class="col-xs-8">
    @if(config('admin.auth.remember'))
           

在登入頁面下添加js代碼，點選驗證碼就可以重新整理了

<script type="text/javascript" src="https://php-acad.28sjw.com/Statics/Assets/js/jquery.min-3.2.1.js"></script>
<script type="text/javascript">
    $(function(){
        var url=$('img').attr('src');
        $('img').click(function(){
            $(this).attr('src',url+Math.random())
        })
    });
</script>