簡単なカスタム ページネーション: Paginator Fancinator!

ページネーションを使用すると、大規模な検索結果セットが管理しやすいページに分割され、単一の長いページでユーザーを圧倒することがなくなり、ユーザー エクスペリエンスが向上します。 Kaminari gem は、Rails アプリケーションでのページネーションの実装を簡素化します。 Kaminari はデフォルトのスタイルを提供していますが、多くの場合、外観のカスタマイズが必要になります。

Kaminari にはいくつかの組み込みテーマが用意されており、カスタム テーマの作成は簡単です。 Kaminari をインストールした後、スタイルを調整するためのビューを生成できます。

はじめに

Rails アプリケーションのターミナルで rails g kaminari:views を実行します。

使用可能なテーマは、さまざまなオプションを指定してコマンドを実行することで調べることができます (下の画像を参照)。 テーマを選択し、それをコマンドに追加して、対応するビュー部分を生成します。

これらの生成されたビューにより、ページネーターのリンクとボタンを詳細に制御できます。 たとえば、ページ分割された検索結果を含むイベント ページでは、Kaminari のヘルパー メソッドを使用してビューにページネーターを組み込みます。

初期設定のトラブルシューティングには時間がかかる場合があります。 Kaminari は、便利なメソッドを提供することでこのプロセスを簡素化します。

• page
• prev_page
• next_page

これらのメソッドにより、ページネーター パーシャル内で条件付きレンダリングが可能になり、正しい要素が表示されます。

<nav><h2 id="All-the-fancies">All the fancies</h2>

<p>Now you can customize the links with your own CSS classes!</p>

<p><img src="/static/imghwm/default1.png"  data-src="/uploads/20250114/17368346316785fe475a3e3.jpg"  class="lazy"  alt="fun paginator"    style="max-width:90%" loading="lazy"  style="max-width:90%"></p>

<p>Well worth the effort!</p>

</nav>

以上が簡単なカスタム ページネーション: Paginator Fancinator!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。