разбиение на страницы не оформлено в laravel 5.5

Вот мой код, в котором я показываю страницы своих сообщений в блоге!

<div class="clearfix">
    {{ $posts->render() }}
    <a class="btn btn-secondary float-right" href="#">Older Posts &rarr;</a>
</div>

Вот контроллер, в котором вызывается функция пагинации.

public function index()
{
    $posts = post::where('status',1)->paginate(2);
    return view('user.blog',compact('posts'));
}

Я много пробовал, но моя нумерация страниц отображается, но не оформлена должным образом !! Почему ??

Вот я показываю, что происходит над черной линией!!


pagination styling laravel-5.5
person Muhammad Hamza    schedule 07.10.2017    source источник

Ответы (4)


arrow_upward
42
arrow_downward

Чтобы отобразить ссылки на страницы в представлении блейда:

{{ $posts->links() }}

Или, если вам нужно указать Bootstrap 4:

{{$posts->links("pagination::bootstrap-4")}}

Документы Laravel: https://laravel.com/docs/5.5/pagination

person kerrin    schedule 07.10.2017
comment
Вы используете Bootstrap? Из документов Laravel: «HTML, сгенерированный средством разбивки на страницы, совместим с фреймворком Bootstrap CSS». - person kerrin; 08.10.2017
comment
Я использую laravel 5.5, и с ним интегрирован Boostrap. - person Muhammad Hamza; 08.10.2017
comment
Как заставить его работать? что он показывает правильный css? - person Muhammad Hamza; 08.10.2017
comment
Что происходит, когда вы указываете Bootstrap 4? {{$posts-›ссылки(pagination::bootstrap-4)}} - person kerrin; 09.10.2017
comment
Работает на меня, спасибо. - person Shahrukh Anwar; 18.04.2018
comment
Решение Kerrin работает отлично! Спасибо. :) {{$posts-›ссылки(pagination::bootstrap-4)}} - person manelseo; 07.07.2018
comment
С помощью команды vendor:publish, artisan, вы можете создать свой собственный шаблон разбивки на страницы в view\vendor\pagination. - person Fatih Mert Doğancan; 20.05.2020

arrow_upward
14
arrow_downward

Для красивой разбивки на страницы Boostrap 4 просто вызовите это:

{{ $results->links( "pagination::bootstrap-4") }}
person Emeka Mbah    schedule 02.11.2018

arrow_upward
6
arrow_downward

Чтобы добавить свой стиль начальной загрузки к ссылкам, вы можете создать свой pagination.blade.php, который содержит что-то вроде этого

@if ($paginator->hasPages())
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="page-item disabled">
                <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                    <span class="sr-only">Previous</span>
                </a>
            </li>
@else
            <li class="page-item"><a href="{{ $paginator->previousPageUrl() }}" class="page-link" rel="prev">&laquo;</a></li>
@endif

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

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

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
                <li class="page-item"><a href="{{ $paginator->nextPageUrl() }}" class="page-link" rel="next">&raquo;</a></li>
        @else
                <li class="page-item disabled">
                    <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                        <span class="sr-only">Next</span>
                    </a>
                </li>
        @endif
    </ul>
    @endif

и чем использовать

{{ $results->links('pagination') }}
person Kart Av1k    schedule 28.02.2018

arrow_upward
2
arrow_downward

Для Ларавель 8

Laravel включает представления разбиения на страницы, созданные с использованием Bootstrap CSS. Чтобы использовать эти представления вместо представлений Tailwind по умолчанию, вы можете вызвать метод useBootstrap разбивки на страницы в методе загрузки вашего класса App\Providers\AppServiceProvider:

use Illuminate\Pagination\Paginator;

public function boot()
{
    Paginator::useBootstrap();
}

Документы Laravel: https://laravel.com/docs/8.x/pagination

person migsAV    schedule 09.04.2021
comment
Меня устраивает. - person GGSoft; 15.04.2021