Laravel
话题列表 社区 Wiki 优质外文 招聘求职 Laravel 实战教程 社区文档
登录
注册

Dcat 自定义登录如何进行？

问答 / 343 / 3 / 创建于 3年前

Dcat 文档中关于自定义登录描述很少，导致无从下手，具体的编码思路是什么，或者有没有别的参考资料？

自定义登陆《Dcat Admin 中文文档》
Dcat 自定义登录如何进行？

dcat 自定义登录
BigXia
课程读者 34 声望
暂无个人描述~
《L01 基础入门》
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
Latent
Laravel 8.x 译者 521 声望
最佳答案

以钉钉登录为例

登录继承的父类
file
路由文件
file
DingController 控制器

    public function __construct()
    {
        parent::__construct();
        $this->middleware(['web', 'admin'])->except('loginqrCode','login');
    }

    public function loginqrCode()
    {
        $redirect_uri = admin_url('/ding-ding/login');
        return view('code',compact('redirect_uri'));
    }

    public function bindqrCode($id)
    {
        $redirect_uri = admin_url('/ding-ding/bind/'.$id);

        return view('code',compact('redirect_uri'));
    }

    public function bind($id,Request $request)
    {
        $time = (int)now()->getPreciseTimestamp(3);
        if ($request->code) {
            $gateway = 'https://oapi.dingtalk.com/sns/getuserinfo_bycode';
            $sign = hash_hmac('sha256', $time, env('DT_AUTH_SECRET'), true);
            $signature = base64_encode($sign);
            $urlencode_signature = urlencode($signature);
            $key = env('DT_AUTH_APPID');
            $url = "$gateway?accessKey=$key&timestamp=$time&signature=$urlencode_signature";
            $res = Http::post($url,[
                'tmp_auth_code' => $request->code,
            ]);

            $data = $res->json();

            if ($res->successful() && $data['errcode'] ===0 ) {
                $user = $res['user_info'];
                $d = Ding::where('unionid', $user['unionid'])->first();
                if ($d) {
                    admin_info('钉钉账号','该账号已绑定');
                    return redirect(admin_url('/auth/users'));
                }


                $userid = DingAuth::getUseridByUnionid($user['unionid']);


                $ding = Ding::create([
                    'openid' => $user['openid'],
                    'nick' => $user['nick'],
                    'ding_id' => $user['dingId'],
                    'user_id' => $id,
                    'unionid' => $user['unionid'],
                    'ding_user_id' => '',
                ]);
                $ding_user = DingAuth::user($userid);


                if ($ding_user['errcode'] === 0) {
                    $admin = $ding->User;
                    if (isset($ding_user['email']) && $email = $ding_user['email']){
                        $admin->email = $email;
                    }

                    if (isset($ding_user['mobile']) && $mobile = $ding_user['mobile']) {
                        $admin->phone = $mobile;
                    }

                    if (isset($ding_user['avatar']) && $avatar = $ding_user['avatar']) {
                        if (!$admin->avatar)
                            $admin->avatar = $avatar;
                    }
                    $admin->save();
                }
                admin_success('钉钉账号','绑定成功');
            }else{
                admin_error('钉钉账号', '绑定失败');
            }
            return redirect(admin_url('/auth/users'));
        }
    }



    public function login(Request $request)
    {
        $time = (int)now()->getPreciseTimestamp(3);
        if ($request->code) {
            $gateway = 'https://oapi.dingtalk.com/sns/getuserinfo_bycode';
            $sign = hash_hmac('sha256', $time, env('DT_AUTH_SECRET'), true);
            $signature = base64_encode($sign);
            $urlencode_signature = urlencode($signature);
            $key = env('DT_AUTH_APPID');
            $url = "$gateway?accessKey=$key&timestamp=$time&signature=$urlencode_signature";
            $res = Http::post($url,[
                'tmp_auth_code' => $request->code,
            ]);
            $data = $res->json();
            if ($res->successful() && $data['errcode'] === 0 ) {
                $user = $res['user_info'];
                $ding = Ding::where('unionid', $user['unionid'])->first();
                if ($ding && $ding->User) {
                    auth('admin')->login($ding->User);

                    return redirect(admin_url('/'));
                }
            }

            admin_error('username','用户不存在');
            return redirect('admin/auth/login');
        }
    }

    public function redirect(Request $request)
    {
        return redirect(admin_url("/ding-ding/login?{$request->getQueryString()}"));
    }

admin.php配置文件

file

file

Laravel

3年前 评论
kownn 3年前
大佬，登录页的 view 文件方便贴一下代码不。
Latent （作者） 3年前

@kownn 

<style>
    .row {
        margin: 0;
    }
    .col-md-12,
    .col-md-3 {
        padding: 0;
    }
    @media screen and (min-width: 1000px) and (max-width: 1150px) {
        .col-lg-3,
        .col-lg-9 {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
    @media screen and (min-width: 1151px) and (max-width: 1300px) {
        .col-lg-3 {
            flex: 0 0 40%;
            max-width: 40%;
        }
        .col-lg-9 {
            flex: 0 0 60%;
            max-width: 60%;
        }
    }
    @media screen and (min-width: 1301px) and (max-width: 1700px) {
        .col-lg-3 {
            flex: 0 0 35%;
            max-width: 35%;
        }
        .col-lg-9 {
            flex: 0 0 65%;
            max-width: 65%;
        }
    }

    .login-page {
        height: auto;
    }
    .login-main {
        position: relative;
        display: flex;
        min-height: 100vh;
        flex-direction: row;
        align-items: stretch;
        margin: 0;
    }

    .login-main .login-page {
        background-color: #fff;
    }

    .login-main .card {
        box-shadow: none;
    }

    .login-main .auth-brand {
        margin: 4rem 0 4rem;
        font-size: 26px;
        width: 325px;
    }

    @media (max-width: 576px) {
        .login-main .auth-brand {
            width: 90%;
            margin-left: 24px
        }
    }

    .login-main .login-logo {
        font-size: 2.1rem;
        font-weight: 300;
        margin-bottom: 0.9rem;
        text-align: left;
        margin-left: 20px;
    }

    .login-main .login-box-msg {
        margin: 0;
        padding: 0 0 20px;
        font-size: 0.9rem;
        font-weight: 400;
        text-align: left;
    }

    .login-main .btn {
        width: 100%;
    }

    .login-page-right {
        padding: 6rem 3rem;
        flex: 1;
        position: relative;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: center !important;
        background: url(/vendors/dcat-admin/images/pages/login/bg.jpg) center;
        background-size: cover;
    }

    .login-description {
        position: absolute;
        margin: 0 auto;
        padding: 0 1.75rem;
        bottom: 3rem;
        left: 0;
        right: 0;
    }

    .content-front {
        position: absolute;
        left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0,0,0,.1);
        margin-top: -6rem;
    }

    body.dark-mode .content-front {
        background: rgba(0,0,0,.3);
    }

    body.dark-mode .auth-brand {
        color: #cacbd6
    }


    .login-box {
        margin-top: -10rem;
        padding: 5px;
    }
    .login-card-body {
        padding: 1.5rem 1.8rem 1.6rem;
    }
    .card, .card-body {
        border-radius: .45rem
    }
    .login-btn {
        padding-left: 2rem!important;;
        padding-right: 1.5rem!important;
    }
    .content {
        overflow-x: hidden;
    }

    .bg-40{
        background: #ffffff !important;
    }

    .form-group .control-label {
        text-align: left;
    }
    .login_content{

        margin-left: -100px
    }
</style>
<div class="row login-main">
    <div class="col-lg-3 col-12 bg-white">
        <div class="login-page">
            <div class="auth-brand text-lg-left">
{{--                {!! config('admin.logo') !!}--}}
                <br>
                <br>
            </div>
            <div class="login-box">
                <div class="login-logo mb-2">
                    <img width="40px" height="40px"  style="vertical-align: bottom;" src="{{url()->to('/favicon.ico')}}" alt="logo"> {{ config('admin.name') }}
                </div>
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#admin" role="tab" aria-controls="home"
                           aria-selected="true">
                            <h6>扫码登录</h6>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link " id="profile-tab" data-toggle="tab" href="#edit" role="tab" aria-controls="profile"
                           aria-selected="false">
                            <h6>密码登录</h6>
                        </a>
                    </li>
                </ul>
                <div class="tab-content border-top-0" id="myTabContent" >
                    <div class="tab-pane fade active show" id="admin" role="tabpanel" aria-labelledby="home-tab" style="margin-left: -80px">
                        <iframe src="{{admin_url('ding-ding/loginqrcode')}}" frameborder="0" width="500px" height="450px"></iframe>
                    </div>

                    <div class="tab-pane fade  " id="edit" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="card">
                            <div class="card-body login-card-body shadow-100">
                                <p class="login-box-msg mt-1 mb-1">{{ __('admin.welcome_back') }}</p>

                                <form id="login-form" method="POST" action="{{ admin_url('auth/login') }}">

                                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>


                                    <fieldset class="form-label-group form-group position-relative has-icon-left">
                                        <input
                                            type="text"
                                            class="form-control {{ $errors->has('username') ? 'is-invalid' : '' }}"
                                            name="username"
                                            placeholder="{{ trans('admin.username') }}"
                                            value="{{ old('username') }}"
                                            required
                                            autofocus
                                        >

                                        <div class="form-control-position">
                                            <i class="feather icon-user"></i>
                                        </div>

                                        <label for="email">{{ trans('admin.username') }}</label>

                                        <div class="help-block with-errors"></div>
                                        @if($errors->has('username'))
                                            <span class="invalid-feedback text-danger" role="alert">
                                            @foreach($errors->get('username') as $message)
                                                    <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
                                                @endforeach
                                        </span>
                                        @endif
                                    </fieldset>

                                    <fieldset class="form-label-group form-group position-relative has-icon-left">
                                        <input
                                            minlength="5"
                                            maxlength="20"
                                            id="password"
                                            type="password"
                                            class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}"
                                            name="password"
                                            placeholder="{{ trans('admin.password') }}"
                                            required
                                            autocomplete="current-password"
                                        >

                                        <div class="form-control-position">
                                            <i class="feather icon-lock"></i>
                                        </div>
                                        <label for="password">{{ trans('admin.password') }}</label>

                                        <div class="help-block with-errors"></div>
                                        @if($errors->has('password'))
                                            <span class="invalid-feedback text-danger" role="alert">
                                            @foreach($errors->get('password') as $message)
                                                    <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
                                                @endforeach
                                            </span>
                                        @endif

                                    </fieldset>
                                    <div class="form-group d-flex justify-content-between align-items-center">
                                        <div class="text-left">
                                            <fieldset class="checkbox">
                                                <div class="vs-checkbox-con vs-checkbox-primary">
                                                    <input id="remember" name="remember"  value="1" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
                                                    <span class="vs-checkbox">
                                                        <span class="vs-checkbox--check">
                                                          <i class="vs-icon feather icon-check"></i>
                                                        </span>
                                                    </span>
                                                    <span> {{ trans('admin.remember_me') }}</span>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary float-right login-btn">

                                        {{ __('admin.login') }}
                                        &nbsp;
                                        <i class="feather icon-arrow-right"></i>
                                    </button>
                                </form>

                            </div>
                        </div>
                    </div>

                </div>


            </div>
        </div>

    </div>
    <div class="col-lg-9 col-12 login-page-right">
        <div class="content-front"></div>
        <div class="login-description">
            {{--<p class="lead">
                十分钟内构建一个功能完善的高颜值后台系统。
            </p>
            <p>
                Dcat Admin
            </p>--}}
        </div>
    </div>
</div>


<script>
    Dcat.ready(function () {
        // ajax表单提交
        $('#login-form').form({
            validate: true,
            success: function (data) {
                if (! data.status) {
                    Dcat.error(data.message);

                    return false;
                }

                Dcat.success(data.message);

                location.href = data.redirect;

                return false;
            }
        });
    });
</script>
4
讨论数量: 3

高认可度评论：

Latent
Laravel 8.x 译者 521 声望

以钉钉登录为例

登录继承的父类
file
路由文件
file
DingController 控制器

    public function __construct()
    {
        parent::__construct();
        $this->middleware(['web', 'admin'])->except('loginqrCode','login');
    }

    public function loginqrCode()
    {
        $redirect_uri = admin_url('/ding-ding/login');
        return view('code',compact('redirect_uri'));
    }

    public function bindqrCode($id)
    {
        $redirect_uri = admin_url('/ding-ding/bind/'.$id);

        return view('code',compact('redirect_uri'));
    }

    public function bind($id,Request $request)
    {
        $time = (int)now()->getPreciseTimestamp(3);
        if ($request->code) {
            $gateway = 'https://oapi.dingtalk.com/sns/getuserinfo_bycode';
            $sign = hash_hmac('sha256', $time, env('DT_AUTH_SECRET'), true);
            $signature = base64_encode($sign);
            $urlencode_signature = urlencode($signature);
            $key = env('DT_AUTH_APPID');
            $url = "$gateway?accessKey=$key&timestamp=$time&signature=$urlencode_signature";
            $res = Http::post($url,[
                'tmp_auth_code' => $request->code,
            ]);

            $data = $res->json();

            if ($res->successful() && $data['errcode'] ===0 ) {
                $user = $res['user_info'];
                $d = Ding::where('unionid', $user['unionid'])->first();
                if ($d) {
                    admin_info('钉钉账号','该账号已绑定');
                    return redirect(admin_url('/auth/users'));
                }


                $userid = DingAuth::getUseridByUnionid($user['unionid']);


                $ding = Ding::create([
                    'openid' => $user['openid'],
                    'nick' => $user['nick'],
                    'ding_id' => $user['dingId'],
                    'user_id' => $id,
                    'unionid' => $user['unionid'],
                    'ding_user_id' => '',
                ]);
                $ding_user = DingAuth::user($userid);


                if ($ding_user['errcode'] === 0) {
                    $admin = $ding->User;
                    if (isset($ding_user['email']) && $email = $ding_user['email']){
                        $admin->email = $email;
                    }

                    if (isset($ding_user['mobile']) && $mobile = $ding_user['mobile']) {
                        $admin->phone = $mobile;
                    }

                    if (isset($ding_user['avatar']) && $avatar = $ding_user['avatar']) {
                        if (!$admin->avatar)
                            $admin->avatar = $avatar;
                    }
                    $admin->save();
                }
                admin_success('钉钉账号','绑定成功');
            }else{
                admin_error('钉钉账号', '绑定失败');
            }
            return redirect(admin_url('/auth/users'));
        }
    }



    public function login(Request $request)
    {
        $time = (int)now()->getPreciseTimestamp(3);
        if ($request->code) {
            $gateway = 'https://oapi.dingtalk.com/sns/getuserinfo_bycode';
            $sign = hash_hmac('sha256', $time, env('DT_AUTH_SECRET'), true);
            $signature = base64_encode($sign);
            $urlencode_signature = urlencode($signature);
            $key = env('DT_AUTH_APPID');
            $url = "$gateway?accessKey=$key&timestamp=$time&signature=$urlencode_signature";
            $res = Http::post($url,[
                'tmp_auth_code' => $request->code,
            ]);
            $data = $res->json();
            if ($res->successful() && $data['errcode'] === 0 ) {
                $user = $res['user_info'];
                $ding = Ding::where('unionid', $user['unionid'])->first();
                if ($ding && $ding->User) {
                    auth('admin')->login($ding->User);

                    return redirect(admin_url('/'));
                }
            }

            admin_error('username','用户不存在');
            return redirect('admin/auth/login');
        }
    }

    public function redirect(Request $request)
    {
        return redirect(admin_url("/ding-ding/login?{$request->getQueryString()}"));
    }

admin.php配置文件

file

file

Laravel

3年前 评论
kownn 3年前
大佬，登录页的 view 文件方便贴一下代码不。
Latent （作者） 3年前

@kownn 

<style>
    .row {
        margin: 0;
    }
    .col-md-12,
    .col-md-3 {
        padding: 0;
    }
    @media screen and (min-width: 1000px) and (max-width: 1150px) {
        .col-lg-3,
        .col-lg-9 {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
    @media screen and (min-width: 1151px) and (max-width: 1300px) {
        .col-lg-3 {
            flex: 0 0 40%;
            max-width: 40%;
        }
        .col-lg-9 {
            flex: 0 0 60%;
            max-width: 60%;
        }
    }
    @media screen and (min-width: 1301px) and (max-width: 1700px) {
        .col-lg-3 {
            flex: 0 0 35%;
            max-width: 35%;
        }
        .col-lg-9 {
            flex: 0 0 65%;
            max-width: 65%;
        }
    }

    .login-page {
        height: auto;
    }
    .login-main {
        position: relative;
        display: flex;
        min-height: 100vh;
        flex-direction: row;
        align-items: stretch;
        margin: 0;
    }

    .login-main .login-page {
        background-color: #fff;
    }

    .login-main .card {
        box-shadow: none;
    }

    .login-main .auth-brand {
        margin: 4rem 0 4rem;
        font-size: 26px;
        width: 325px;
    }

    @media (max-width: 576px) {
        .login-main .auth-brand {
            width: 90%;
            margin-left: 24px
        }
    }

    .login-main .login-logo {
        font-size: 2.1rem;
        font-weight: 300;
        margin-bottom: 0.9rem;
        text-align: left;
        margin-left: 20px;
    }

    .login-main .login-box-msg {
        margin: 0;
        padding: 0 0 20px;
        font-size: 0.9rem;
        font-weight: 400;
        text-align: left;
    }

    .login-main .btn {
        width: 100%;
    }

    .login-page-right {
        padding: 6rem 3rem;
        flex: 1;
        position: relative;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: center !important;
        background: url(/vendors/dcat-admin/images/pages/login/bg.jpg) center;
        background-size: cover;
    }

    .login-description {
        position: absolute;
        margin: 0 auto;
        padding: 0 1.75rem;
        bottom: 3rem;
        left: 0;
        right: 0;
    }

    .content-front {
        position: absolute;
        left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0,0,0,.1);
        margin-top: -6rem;
    }

    body.dark-mode .content-front {
        background: rgba(0,0,0,.3);
    }

    body.dark-mode .auth-brand {
        color: #cacbd6
    }


    .login-box {
        margin-top: -10rem;
        padding: 5px;
    }
    .login-card-body {
        padding: 1.5rem 1.8rem 1.6rem;
    }
    .card, .card-body {
        border-radius: .45rem
    }
    .login-btn {
        padding-left: 2rem!important;;
        padding-right: 1.5rem!important;
    }
    .content {
        overflow-x: hidden;
    }

    .bg-40{
        background: #ffffff !important;
    }

    .form-group .control-label {
        text-align: left;
    }
    .login_content{

        margin-left: -100px
    }
</style>
<div class="row login-main">
    <div class="col-lg-3 col-12 bg-white">
        <div class="login-page">
            <div class="auth-brand text-lg-left">
{{--                {!! config('admin.logo') !!}--}}
                <br>
                <br>
            </div>
            <div class="login-box">
                <div class="login-logo mb-2">
                    <img width="40px" height="40px"  style="vertical-align: bottom;" src="{{url()->to('/favicon.ico')}}" alt="logo"> {{ config('admin.name') }}
                </div>
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#admin" role="tab" aria-controls="home"
                           aria-selected="true">
                            <h6>扫码登录</h6>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link " id="profile-tab" data-toggle="tab" href="#edit" role="tab" aria-controls="profile"
                           aria-selected="false">
                            <h6>密码登录</h6>
                        </a>
                    </li>
                </ul>
                <div class="tab-content border-top-0" id="myTabContent" >
                    <div class="tab-pane fade active show" id="admin" role="tabpanel" aria-labelledby="home-tab" style="margin-left: -80px">
                        <iframe src="{{admin_url('ding-ding/loginqrcode')}}" frameborder="0" width="500px" height="450px"></iframe>
                    </div>

                    <div class="tab-pane fade  " id="edit" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="card">
                            <div class="card-body login-card-body shadow-100">
                                <p class="login-box-msg mt-1 mb-1">{{ __('admin.welcome_back') }}</p>

                                <form id="login-form" method="POST" action="{{ admin_url('auth/login') }}">

                                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>


                                    <fieldset class="form-label-group form-group position-relative has-icon-left">
                                        <input
                                            type="text"
                                            class="form-control {{ $errors->has('username') ? 'is-invalid' : '' }}"
                                            name="username"
                                            placeholder="{{ trans('admin.username') }}"
                                            value="{{ old('username') }}"
                                            required
                                            autofocus
                                        >

                                        <div class="form-control-position">
                                            <i class="feather icon-user"></i>
                                        </div>

                                        <label for="email">{{ trans('admin.username') }}</label>

                                        <div class="help-block with-errors"></div>
                                        @if($errors->has('username'))
                                            <span class="invalid-feedback text-danger" role="alert">
                                            @foreach($errors->get('username') as $message)
                                                    <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
                                                @endforeach
                                        </span>
                                        @endif
                                    </fieldset>

                                    <fieldset class="form-label-group form-group position-relative has-icon-left">
                                        <input
                                            minlength="5"
                                            maxlength="20"
                                            id="password"
                                            type="password"
                                            class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}"
                                            name="password"
                                            placeholder="{{ trans('admin.password') }}"
                                            required
                                            autocomplete="current-password"
                                        >

                                        <div class="form-control-position">
                                            <i class="feather icon-lock"></i>
                                        </div>
                                        <label for="password">{{ trans('admin.password') }}</label>

                                        <div class="help-block with-errors"></div>
                                        @if($errors->has('password'))
                                            <span class="invalid-feedback text-danger" role="alert">
                                            @foreach($errors->get('password') as $message)
                                                    <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
                                                @endforeach
                                            </span>
                                        @endif

                                    </fieldset>
                                    <div class="form-group d-flex justify-content-between align-items-center">
                                        <div class="text-left">
                                            <fieldset class="checkbox">
                                                <div class="vs-checkbox-con vs-checkbox-primary">
                                                    <input id="remember" name="remember"  value="1" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
                                                    <span class="vs-checkbox">
                                                        <span class="vs-checkbox--check">
                                                          <i class="vs-icon feather icon-check"></i>
                                                        </span>
                                                    </span>
                                                    <span> {{ trans('admin.remember_me') }}</span>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary float-right login-btn">

                                        {{ __('admin.login') }}
                                        &nbsp;
                                        <i class="feather icon-arrow-right"></i>
                                    </button>
                                </form>

                            </div>
                        </div>
                    </div>

                </div>


            </div>
        </div>

    </div>
    <div class="col-lg-9 col-12 login-page-right">
        <div class="content-front"></div>
        <div class="login-description">
            {{--<p class="lead">
                十分钟内构建一个功能完善的高颜值后台系统。
            </p>
            <p>
                Dcat Admin
            </p>--}}
        </div>
    </div>
</div>


<script>
    Dcat.ready(function () {
        // ajax表单提交
        $('#login-form').form({
            validate: true,
            success: function (data) {
                if (! data.status) {
                    Dcat.error(data.message);

                    return false;
                }

                Dcat.success(data.message);

                location.href = data.redirect;

                return false;
            }
        });
    });
</script>
4
排序：
时间 投票
aaccbb
课程读者 48 声望

文档写的很清楚呀，在AuthController 中重写getLogin和postLogin方法 就可以自定义你的登录视图和登陆逻辑了

3年前 评论
Jarvis42
课程读者 216 声望 / 全栈 @ 自由

gitee.com/celaraze/chemex/blob/mai...

3年前 评论
Latent
Laravel 8.x 译者 521 声望

以钉钉登录为例

登录继承的父类
file
路由文件
file
DingController 控制器

    public function __construct()
    {
        parent::__construct();
        $this->middleware(['web', 'admin'])->except('loginqrCode','login');
    }

    public function loginqrCode()
    {
        $redirect_uri = admin_url('/ding-ding/login');
        return view('code',compact('redirect_uri'));
    }

    public function bindqrCode($id)
    {
        $redirect_uri = admin_url('/ding-ding/bind/'.$id);

        return view('code',compact('redirect_uri'));
    }

    public function bind($id,Request $request)
    {
        $time = (int)now()->getPreciseTimestamp(3);
        if ($request->code) {
            $gateway = 'https://oapi.dingtalk.com/sns/getuserinfo_bycode';
            $sign = hash_hmac('sha256', $time, env('DT_AUTH_SECRET'), true);
            $signature = base64_encode($sign);
            $urlencode_signature = urlencode($signature);
            $key = env('DT_AUTH_APPID');
            $url = "$gateway?accessKey=$key&timestamp=$time&signature=$urlencode_signature";
            $res = Http::post($url,[
                'tmp_auth_code' => $request->code,
            ]);

            $data = $res->json();

            if ($res->successful() && $data['errcode'] ===0 ) {
                $user = $res['user_info'];
                $d = Ding::where('unionid', $user['unionid'])->first();
                if ($d) {
                    admin_info('钉钉账号','该账号已绑定');
                    return redirect(admin_url('/auth/users'));
                }


                $userid = DingAuth::getUseridByUnionid($user['unionid']);


                $ding = Ding::create([
                    'openid' => $user['openid'],
                    'nick' => $user['nick'],
                    'ding_id' => $user['dingId'],
                    'user_id' => $id,
                    'unionid' => $user['unionid'],
                    'ding_user_id' => '',
                ]);
                $ding_user = DingAuth::user($userid);


                if ($ding_user['errcode'] === 0) {
                    $admin = $ding->User;
                    if (isset($ding_user['email']) && $email = $ding_user['email']){
                        $admin->email = $email;
                    }

                    if (isset($ding_user['mobile']) && $mobile = $ding_user['mobile']) {
                        $admin->phone = $mobile;
                    }

                    if (isset($ding_user['avatar']) && $avatar = $ding_user['avatar']) {
                        if (!$admin->avatar)
                            $admin->avatar = $avatar;
                    }
                    $admin->save();
                }
                admin_success('钉钉账号','绑定成功');
            }else{
                admin_error('钉钉账号', '绑定失败');
            }
            return redirect(admin_url('/auth/users'));
        }
    }



    public function login(Request $request)
    {
        $time = (int)now()->getPreciseTimestamp(3);
        if ($request->code) {
            $gateway = 'https://oapi.dingtalk.com/sns/getuserinfo_bycode';
            $sign = hash_hmac('sha256', $time, env('DT_AUTH_SECRET'), true);
            $signature = base64_encode($sign);
            $urlencode_signature = urlencode($signature);
            $key = env('DT_AUTH_APPID');
            $url = "$gateway?accessKey=$key&timestamp=$time&signature=$urlencode_signature";
            $res = Http::post($url,[
                'tmp_auth_code' => $request->code,
            ]);
            $data = $res->json();
            if ($res->successful() && $data['errcode'] === 0 ) {
                $user = $res['user_info'];
                $ding = Ding::where('unionid', $user['unionid'])->first();
                if ($ding && $ding->User) {
                    auth('admin')->login($ding->User);

                    return redirect(admin_url('/'));
                }
            }

            admin_error('username','用户不存在');
            return redirect('admin/auth/login');
        }
    }

    public function redirect(Request $request)
    {
        return redirect(admin_url("/ding-ding/login?{$request->getQueryString()}"));
    }

admin.php配置文件

file

file

Laravel

3年前 评论
kownn 3年前
大佬，登录页的 view 文件方便贴一下代码不。
Latent （作者） 3年前

@kownn 

<style>
    .row {
        margin: 0;
    }
    .col-md-12,
    .col-md-3 {
        padding: 0;
    }
    @media screen and (min-width: 1000px) and (max-width: 1150px) {
        .col-lg-3,
        .col-lg-9 {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
    @media screen and (min-width: 1151px) and (max-width: 1300px) {
        .col-lg-3 {
            flex: 0 0 40%;
            max-width: 40%;
        }
        .col-lg-9 {
            flex: 0 0 60%;
            max-width: 60%;
        }
    }
    @media screen and (min-width: 1301px) and (max-width: 1700px) {
        .col-lg-3 {
            flex: 0 0 35%;
            max-width: 35%;
        }
        .col-lg-9 {
            flex: 0 0 65%;
            max-width: 65%;
        }
    }

    .login-page {
        height: auto;
    }
    .login-main {
        position: relative;
        display: flex;
        min-height: 100vh;
        flex-direction: row;
        align-items: stretch;
        margin: 0;
    }

    .login-main .login-page {
        background-color: #fff;
    }

    .login-main .card {
        box-shadow: none;
    }

    .login-main .auth-brand {
        margin: 4rem 0 4rem;
        font-size: 26px;
        width: 325px;
    }

    @media (max-width: 576px) {
        .login-main .auth-brand {
            width: 90%;
            margin-left: 24px
        }
    }

    .login-main .login-logo {
        font-size: 2.1rem;
        font-weight: 300;
        margin-bottom: 0.9rem;
        text-align: left;
        margin-left: 20px;
    }

    .login-main .login-box-msg {
        margin: 0;
        padding: 0 0 20px;
        font-size: 0.9rem;
        font-weight: 400;
        text-align: left;
    }

    .login-main .btn {
        width: 100%;
    }

    .login-page-right {
        padding: 6rem 3rem;
        flex: 1;
        position: relative;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: center !important;
        background: url(/vendors/dcat-admin/images/pages/login/bg.jpg) center;
        background-size: cover;
    }

    .login-description {
        position: absolute;
        margin: 0 auto;
        padding: 0 1.75rem;
        bottom: 3rem;
        left: 0;
        right: 0;
    }

    .content-front {
        position: absolute;
        left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0,0,0,.1);
        margin-top: -6rem;
    }

    body.dark-mode .content-front {
        background: rgba(0,0,0,.3);
    }

    body.dark-mode .auth-brand {
        color: #cacbd6
    }


    .login-box {
        margin-top: -10rem;
        padding: 5px;
    }
    .login-card-body {
        padding: 1.5rem 1.8rem 1.6rem;
    }
    .card, .card-body {
        border-radius: .45rem
    }
    .login-btn {
        padding-left: 2rem!important;;
        padding-right: 1.5rem!important;
    }
    .content {
        overflow-x: hidden;
    }

    .bg-40{
        background: #ffffff !important;
    }

    .form-group .control-label {
        text-align: left;
    }
    .login_content{

        margin-left: -100px
    }
</style>
<div class="row login-main">
    <div class="col-lg-3 col-12 bg-white">
        <div class="login-page">
            <div class="auth-brand text-lg-left">
{{--                {!! config('admin.logo') !!}--}}
                <br>
                <br>
            </div>
            <div class="login-box">
                <div class="login-logo mb-2">
                    <img width="40px" height="40px"  style="vertical-align: bottom;" src="{{url()->to('/favicon.ico')}}" alt="logo"> {{ config('admin.name') }}
                </div>
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#admin" role="tab" aria-controls="home"
                           aria-selected="true">
                            <h6>扫码登录</h6>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link " id="profile-tab" data-toggle="tab" href="#edit" role="tab" aria-controls="profile"
                           aria-selected="false">
                            <h6>密码登录</h6>
                        </a>
                    </li>
                </ul>
                <div class="tab-content border-top-0" id="myTabContent" >
                    <div class="tab-pane fade active show" id="admin" role="tabpanel" aria-labelledby="home-tab" style="margin-left: -80px">
                        <iframe src="{{admin_url('ding-ding/loginqrcode')}}" frameborder="0" width="500px" height="450px"></iframe>
                    </div>

                    <div class="tab-pane fade  " id="edit" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="card">
                            <div class="card-body login-card-body shadow-100">
                                <p class="login-box-msg mt-1 mb-1">{{ __('admin.welcome_back') }}</p>

                                <form id="login-form" method="POST" action="{{ admin_url('auth/login') }}">

                                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>


                                    <fieldset class="form-label-group form-group position-relative has-icon-left">
                                        <input
                                            type="text"
                                            class="form-control {{ $errors->has('username') ? 'is-invalid' : '' }}"
                                            name="username"
                                            placeholder="{{ trans('admin.username') }}"
                                            value="{{ old('username') }}"
                                            required
                                            autofocus
                                        >

                                        <div class="form-control-position">
                                            <i class="feather icon-user"></i>
                                        </div>

                                        <label for="email">{{ trans('admin.username') }}</label>

                                        <div class="help-block with-errors"></div>
                                        @if($errors->has('username'))
                                            <span class="invalid-feedback text-danger" role="alert">
                                            @foreach($errors->get('username') as $message)
                                                    <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
                                                @endforeach
                                        </span>
                                        @endif
                                    </fieldset>

                                    <fieldset class="form-label-group form-group position-relative has-icon-left">
                                        <input
                                            minlength="5"
                                            maxlength="20"
                                            id="password"
                                            type="password"
                                            class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}"
                                            name="password"
                                            placeholder="{{ trans('admin.password') }}"
                                            required
                                            autocomplete="current-password"
                                        >

                                        <div class="form-control-position">
                                            <i class="feather icon-lock"></i>
                                        </div>
                                        <label for="password">{{ trans('admin.password') }}</label>

                                        <div class="help-block with-errors"></div>
                                        @if($errors->has('password'))
                                            <span class="invalid-feedback text-danger" role="alert">
                                            @foreach($errors->get('password') as $message)
                                                    <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
                                                @endforeach
                                            </span>
                                        @endif

                                    </fieldset>
                                    <div class="form-group d-flex justify-content-between align-items-center">
                                        <div class="text-left">
                                            <fieldset class="checkbox">
                                                <div class="vs-checkbox-con vs-checkbox-primary">
                                                    <input id="remember" name="remember"  value="1" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
                                                    <span class="vs-checkbox">
                                                        <span class="vs-checkbox--check">
                                                          <i class="vs-icon feather icon-check"></i>
                                                        </span>
                                                    </span>
                                                    <span> {{ trans('admin.remember_me') }}</span>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary float-right login-btn">

                                        {{ __('admin.login') }}
                                        &nbsp;
                                        <i class="feather icon-arrow-right"></i>
                                    </button>
                                </form>

                            </div>
                        </div>
                    </div>

                </div>


            </div>
        </div>

    </div>
    <div class="col-lg-9 col-12 login-page-right">
        <div class="content-front"></div>
        <div class="login-description">
            {{--<p class="lead">
                十分钟内构建一个功能完善的高颜值后台系统。
            </p>
            <p>
                Dcat Admin
            </p>--}}
        </div>
    </div>
</div>


<script>
    Dcat.ready(function () {
        // ajax表单提交
        $('#login-form').form({
            validate: true,
            success: function (data) {
                if (! data.status) {
                    Dcat.error(data.message);

                    return false;
                }

                Dcat.success(data.message);

                location.href = data.redirect;

                return false;
            }
        });
    });
</script>
4

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！
支持 MD 帮助
BigXia 34 声望
TA 的博客
社区赞助商
成为赞助商

关于 LearnKu

LearnKu 是终身编程者的修道场
做最专业、严肃的技术论坛
LearnKu 诞生的故事

资源推荐

  • 《社区使用指南》
  • 《文档撰写指南》
  • 《LearnKu 社区规范》
  • 《提问的智慧》

    • 服务提供商

    其他信息

  • 成为版主
  • 所有测验
  • 联系站长（反馈建议）

    • 粤ICP备18099781号-6 | 粤公网安备 44030502004330号 | 违法和不良信息举报

    由 Summer 设计和编码 ❤

    请登录

    内容举报
    匿名举报，为防止滥用，仅管理员可见举报者。

    我要举报该，理由是：

    取消