Bagaimana untuk melaksanakan kotak input nombor halaman tersuai dalam halaman laravel 5 untuk melompat ke halaman tersuai

Question

Seperti dalam tajuk: Terdapat beratus-ratus halaman data yang diambil dari pangkalan data Walau bagaimanapun, penomboran yang disediakan oleh laravel hanya memaparkan halaman sebelum dan selepas halaman semasa.
Tetapi apabila saya ingin melompat ke halaman yang tiada pada bar paging, saya hanya boleh mencapai halaman yang dikehendaki langkah demi langkah melalui lompatan halaman.
Adakah terdapat cara untuk memaparkan kotak input pada bar paging, di mana pengguna boleh memasukkan nombor halaman tersuai dan kemudian melompat ke halaman tersebut untuk menyemak imbas data.

Answer 1

Saya memberitahu anda dengan jelas bahawa ia mungkin, dan ia sangat mudah, kedua-duanya dikendalikan di bawah direktori views/vendor/penomboran: views/vendor/pagination目录下操作：

1. 修改default.blade.php,类似代码如下：

<ul class="pagination  no-margin pull-right">
    {{-- 首页 --}}
    @if ($paginator->onFirstPage())
        <li class="disabled">
            <span>首页</span>
        </li>
    @else
        <li>
            <a href="{{ $paginator->url(1) . '&limit=' . $paginator->perPage() }}">首页</a>
        </li>
    @endif

    {{-- 上一页 --}}
    @if ($paginator->onFirstPage())
        <li class="disabled">
            <span>上一页</span>
        </li>
    @else
        <li>
            <a href="{{ $paginator->previousPageUrl() . '&limit=' . $paginator->perPage() }}">上一页</a>
        </li>
    @endif

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

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

    {{-- 下一页 --}}
    @if ($paginator->hasMorePages())
        <li>
            <a href="{{ $paginator->nextPageUrl() . '&limit=' . $paginator->perPage() }}">下一页</a>
        </li>
    @else
        <li class="disabled">
            <span>下一页</span>
        </li>
    @endif

    {{-- 尾页 --}}
    @if ($paginator->hasMorePages())
        <li>
            <a href="{{ $paginator->url($paginator->lastPage()) . '&limit=' . $paginator->perPage() }}">尾页</a>
        </li>
    @else
        <li class="disabled">
            <span>尾页</span>
        </li>
    @endif
</ul>
<ul class="clearfix"></ul>

{{-- 增加输入框，跳转任意页码和显示任意条数 --}}
<ul class="pagination pagination-sm no-margin no-padding pull-right">
    <li>
        <span data-toggle="tooltip" data-placement="bottom" title="输入页码，按回车快速跳转">
            第 <input type="text" class="text-center no-padding" value="{{ $paginator->currentPage() }}" id="customPage" data-total-page="{{ $paginator->lastPage() }}" style="width: 50px;"> 页 / 共 {{ $paginator->lastPage() }} 页
        </span>
    </li>
    <li>
        <span data-toggle="tooltip" data-placement="bottom" title="输入每页条数，按回车快速跳转">
            每页 <input type="text" class="text-center no-padding" value="{{ $paginator->perPage() }}" id="customLimit" data-total="{{ $paginator->total() }}" style="width: 50px;"> 条 / 共 {{ $paginator->total() }} 条
        </span>
    </li>
</ul>

1. 自定义一个分页模板文件，如custom.blade.php，然后在其他模板中的分页方法参数中指定这个分页模板，如{!! $articles->render('vendor/pagination/custom') !!}.

   1. Ubah suai default.blade.php, kod yang serupa adalah seperti berikut:
   🎜 rrreee
   1. 🎜Sesuaikan fail templat halaman, seperti custom.blade.php, dan kemudian tentukan templat halaman ini dalam parameter kaedah halaman dalam templat lain, seperti {! ! $articles->render('vendor/penomboran/custom') !!}；🎜🎜🎜