Dcat-admin新增頂部右側按鈕

阿珂發表於2021-04-28
原文網址 : https://learnku.com/articles/56729?order_by=created_at&
第一步建立對應的檢視檔案

在resource/view/admin/建立對應的檢視檔案nav.blade.php(檢視檔案可以自定義)

檢視檔案中寫入對應的前端程式碼

<ul class="nav navbar-nav">
    <li class="dropdown dropdown-language nav-item">
        <a class="dropdown-toggle nav-link" href="#" id="dropdown-flag" data-toggle="dropdown">
            <i class="flag-icon flag-icon-us"></i>
            <span class="selected-language">
                @switch(config('app.locale'))
                    @case('zh_CN')
                        簡體中文
                    @break
                    @case('en')
                        English
                    @break

                @endswitch
            </span>
        </a>
        <ul class="dropdown-menu" aria-labelledby="dropdown-flag">
            <li class="dropdown-item" href="#" data-language="zh_CN">
                <a><i class="flag-icon flag-icon-fr"></i> 簡體中文</a>
            </li>
            <li class="dropdown-item" href="#" data-language="en">
                <a><i class="flag-icon flag-icon-us"></i> English</a>
            </li>

        </ul>
    </li>
</ul>
<input type="hidden" name="token" id="token" value="{{ csrf_token() }}">
<script>
    $('.dropdown-item').on('click', function() {
        let lang = $(this).attr('data-language')
        let token = $("#token").val();
        $.ajax({
            url: '{{ url('admin/setLang') }}',
            type: 'post',
            data: {
                'lang': lang,
                '_token': token
            },
            success: function(data) {
                if (data.code != 0) {
                    alert(data.msg)
                    return false;
                } else {
                    window.location.reload();
                }
            }
        })
    })

</script>
第二步在app/Admin/bootstrap.php中加入如下程式碼
Admin::navbar(function (Navbar $navbar) {
    $navbar->right(view('admin.nav'));
});

重新整理頁面就可以看到如下內容

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章