中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

laravel5.5中添加對分頁樣式的修改上一頁和下一頁

發布時間:2020-07-21 18:37:00 來源:網絡 閱讀:4180 作者:謝高升 欄目:web開發

博客原文地址http://www.xiegaosheng.com/post/view?id=93;

laravel自帶的分頁樣式有點丑,laravel支持自定義樣式的,
想把上一頁和下一頁顯示成漢字而不是<<和>>
百度了一下都是去重寫分頁的函數render,于是打開了laravel分頁的源碼;
render()和links()方法是支持傳遞視圖的;
在views視圖目錄下創建common/pagination.blade.php文件;代碼如下,只需要把laravel自帶的default改一下
@if ($paginator->hasPages())
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="page-item disabled"><span class="page-link">第一頁</span></li>
        @else
            <li class="page-item"><a class="page-link" 
            href="{{ $paginator->previousPageUrl() }}" rel="prev">上一頁</a></li>
        @endif

        {{-- Pagination Elements --}}
        @foreach ($elements as $element)
            {{-- "Three Dots" Separator --}}
            @if (is_string($element))
                <li class="page-item disabled">
                <span class="page-link">{{ $element }}</span></li>
            @endif

            {{-- Array Of Links --}}
            @if (is_array($element))
                @foreach ($element as $page => $url)
                    @if ($page == $paginator->currentPage())
                        <li class="page-item active">
                        <span class="page-link">{{ $page }}</span></li>
                    @else
                        <li class="page-item">
                        <a class="page-link" href="{{ $url }}">
                        {{ $page }}</a></li>
                    @endif
                @endforeach
            @endif
        @endforeach

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <li class="page-item"><a class="page-link" 
            href="{{ $paginator->nextPageUrl() }}" rel="next">下一頁</a></li>
        @else
            <li class="page-item disabled"><span 
            class="page-link">最后一頁</span></li>
        @endif
    </ul>
@endif
想要改成其他的樣式只需要自己去寫一些css就行;
然后在視圖中調用
{{$lists->links('common.pagination')}}
效果如下圖;


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

马边| 京山县| 伊川县| 呈贡县| 河津市| 阿城市| 阿鲁科尔沁旗| 汝南县| 建湖县| 古田县| 白城市| 开封市| 大悟县| 肥乡县| 龙川县| 威海市| 宾阳县| 错那县| 阳曲县| 沂南县| 贵州省| 论坛| 苏尼特右旗| 托里县| 扎鲁特旗| 郁南县| 阳谷县| 昭觉县| 肇庆市| 钟山县| 黎平县| 江津市| 浮梁县| 五台县| 德江县| 洛宁县| 溧阳市| 墨玉县| 德保县| 墨江| 井冈山市|