Maison >interface Web >tutoriel CSS >Pagination personnalisée facile : Paginator Fancinator !
L'utilisation de la pagination améliore l'expérience utilisateur en décomposant les grands ensembles de résultats de recherche en pages gérables, évitant ainsi de submerger les utilisateurs avec une seule et longue page. La gemme Kaminari simplifie l'implémentation de la pagination dans les applications Rails. Bien que Kaminari propose des styles par défaut, la personnalisation de l'apparence devient souvent nécessaire.
Kaminari propose plusieurs thèmes intégrés et la création de thèmes personnalisés est simple. Après avoir installé Kaminari, vous pouvez générer des vues pour les ajustements de style.
Démarrage
Exécutez rails g kaminari:views
dans le terminal de votre application Rails.
Les thèmes disponibles peuvent être explorés en exécutant la commande avec différentes options (voir image ci-dessous). Sélectionnez un thème et ajoutez-le à la commande pour générer les partiels de vue correspondants.
Ces vues générées offrent un contrôle granulaire sur les liens et les boutons du paginateur. Par exemple, dans une page d'événements avec des résultats de recherche paginés, vous incorporeriez le paginateur dans votre vue à l'aide des méthodes d'assistance de Kaminari.
Le dépannage lors de la configuration initiale peut prendre beaucoup de temps. Kaminari simplifie ce processus en proposant des méthodes utiles :
page
prev_page
next_page
Ces méthodes permettent un rendu conditionnel au sein de votre partiel de paginateur pour afficher les éléments corrects.
<code class="language-html"><nav><h2>All the fancies</h2> <p>Now you can customize the links with your own CSS classes!</p> <p><img alt="fun paginator" height="157" loading="lazy" src="/uploads/20250114/17368346316785fe475a3e3.jpg" width="800"></p> <p>Well worth the effort!</p> </nav></code>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!