Как правильно сделать отображение пагинации в laravel?

@christine 

В Laravel есть несколько способов реализации пагинации, но наиболее распространенным и простым способом является использование встроенного в фреймворк пакета illuminate/pagination.

Для начала нужно определить, какие данные нужно отобразить на странице. Предположим, у нас есть модель Post, и мы хотим отобразить список всех постов с пагинацией.

1. Получение данных:

1
2
3

use AppModelsPost;

$posts = Post::paginate(10);

Функция paginate возвращает объект пагинатора, который содержит список элементов, разбитый на страницы. В данном случае мы указали, что нужно показать по 10 элементов на странице.

1. Отображение данных в шаблоне:

1
2
3
4
5
6

@foreach ($posts as $post)
    <h2>{{ $post->title }}</h2>
    <p>{{ $post->content }}</p>
@endforeach

{{ $posts->links() }}

Метод links генерирует HTML-код для отображения ссылок на страницы. Вы можете добавить параметры, чтобы изменить внешний вид ссылок.

1. Дополнительные параметры:

Если вы хотите использовать свой шаблон для ссылок на страницы, вы можете передать его в качестве параметра методу links:

1

{{ $posts->links('pagination.custom') }}

Вы можете добавить дополнительные параметры, например, чтобы отобразить количество элементов на странице или изменить название параметра в URL:

1

{{ $posts->appends(['sort' => 'votes'])->links() }}

1. Стилизация:

Для стилизации пагинации Laravel использует CSS-фреймворк Bootstrap. Если вы хотите изменить внешний вид ссылок, добавьте соответствующие классы в свой CSS-файл. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
}

.pagination li {
    margin-right: 10px;
}

.pagination li a {
    color: #333;
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
}

.pagination li.active a {
    background-color: #333;
    color: #fff;
    border-color: #333;
}