使用Pagy製作Blog分頁(Ruby on Rails)


Rails 除了可以使用kaminari製作分頁以外,還有一個套件 Pagy可以使用

以下是筆者用來架設個人Blog時製作分頁的過程。Rails版本(6.0.3.2)


1.在 Gemfile 安裝 Pagy Gem

gem 'pagy', '~> 3.9'

之後別忘了在終端機輸入 bundle完成安裝 並重啟專案

2.接著至 Application.controller.rb 裡面寫上

include Pagy::Backend

再到 ArticleController.rb 裡面寫上

@pagy,  @articles = pagy(Article.all.order('created_at DESC'))

這部份每個專案不同,下圖為筆者專案設定,詳見第 6、7 及 9、10行

3.到 application_helper.rb 寫上

include Pagy::Frontend

4.最後到 index.html.erb 裡寫上

<%= pagy_nav(@pagy).html_safe %>

這時候你會發現按鈕醜醜的
Pagy有提供Bootstrap的套版可以使用

5.優化按鈕外觀
config/initializers 新增 pagy.rb 的檔案寫進

<%= pagy_bootstrap_nav(@pagy).html_safe %>

到終端機重啟專案

bootstrap按鈕就可以作用了!

Pagy套件過程紀錄在此告一段落
過程如有不夠確實或疏漏 再麻煩大家留言指點 謝謝。

#RubyOnRails #Rails #ruby






你可能感興趣的文章

Day01 初試身手

Day01 初試身手

來學 React 吧之一_以 todo list 為例學會 React 基礎與 useState 介紹

來學 React 吧之一_以 todo list 為例學會 React 基礎與 useState 介紹

[Note] JS: this

[Note] JS: this






留言討論