Разбивка на страницы — важнейший аспект веб-разработки, позволяющий разделить большие наборы результатов на более мелкие и более управляемые страницы. Laravel, популярный PHP-фреймворк, предоставляет встроенную функциональность нумерации страниц со стилем по умолчанию. Однако бывают случаи, когда вам может потребоваться настроить стиль нумерации страниц в соответствии с дизайном вашего приложения. В этой статье мы рассмотрим различные методы изменения стиля нумерации страниц в Laravel, а также приведем примеры кода.

Метод 1: изменение шаблона нумерации страниц Bootstrap
Laravel использует фреймворк Bootstrap для стиля нумерации страниц по умолчанию. Чтобы настроить стиль нумерации страниц, вы можете изменить шаблон нумерации страниц Bootstrap. Сначала опубликуйте представления пагинации Laravel, выполнив следующую команду:

php artisan vendor:publish --tag=laravel-pagination

Это создаст папку paginationвнутри каталога resources/views/vendor. Откройте файл pagination/bootstrap-4.blade.phpи внесите необходимые изменения в классы HTML и CSS, чтобы добиться желаемого стиля.

Метод 2: создание пользовательского представления разбиения на страницы
Если вы предпочитаете начать с нуля или использовать другую структуру CSS, вы можете создать собственное представление разбивки на страницы. Начните с создания нового файла, например custom-pagination.blade.php, в каталоге resources/views. В этом файле напишите код HTML и CSS для вашего собственного стиля нумерации страниц. Вот пример:

<div class="custom-pagination">
    <ul>
        @foreach ($paginator->links() as $link)
            <li class="{{ $link['active'] ? 'active' : '' }}">
                <a href="{{ $link['url'] }}">{{ $link['label'] }}</a>
            </li>
        @endforeach
    </ul>
</div>

Затем в контроллере или представлении укажите пользовательское представление разбиения на страницы с помощью метода onEachSide():

{{ $items->onEachSide(2)->links('custom-pagination') }}

Метод 3: использование библиотеки нумерации страниц
Для Laravel доступно несколько сторонних библиотек пагинации, которые предлагают дополнительные возможности настройки. Одной из популярных библиотек является «Laravel Livewire», которая обеспечивает динамический и интерактивный способ управления нумерацией страниц. Чтобы использовать Livewire, установите пакет через Composer:

composer require livewire/livewire

Затем создайте компонент Livewire, расширяющий особенность WithPagination. Настройте стиль нумерации страниц в соответствующем файле представления. Вот простой пример:

use Livewire\Component;
use Livewire\WithPagination;
class MyComponent extends Component
{
    use WithPagination;
    public function render()
    {
        return view('livewire.my-component', [
            'items' => MyModel::paginate(10),
        ]);
    }
}

Настройка стиля нумерации страниц в Laravel позволяет улучшить взаимодействие с пользователем и соответствовать дизайну вашего приложения. В этой статье мы рассмотрели три метода: изменение шаблона нумерации страниц Bootstrap, создание собственного представления нумерации страниц и использование библиотеки нумерации страниц, такой как Laravel Livewire. Каждый метод предлагает свои преимущества и гибкость, позволяя вам добиться желаемого стиля нумерации страниц в вашем приложении Laravel.