over 3 years ago

系統:

Mac OS X Yosemite 10.10.1
Ruby 2.1.5
Rails 4.1.8

相關連結

kaminari ( https://github.com/amatsuda/kaminari )

設定步驟如下

1. Gemfile 設定

添加必要的 gem 套件至 Gemfile 檔中

# use kaminari as paginator
gem 'kaminari'

2. Controller 設定

app/controllers/posts_controller.rb

  ...
  def index
    ...
    @posts = Post.order('created_at DESC').page(params[:page]).per(5)
    ...
  end
  ...

3. View 設定

app/views/posts/index.html.slim

= paginate @posts

4. I18n 設定

新增 config/locales/paginator.zh-TW.yml

zh-TW:
  views:
    pagination:
      first: "« 第一頁"
      last: "最後頁 »"
      previous: "‹ 上一頁"
      next: "下一頁 ›"

5. 客製化分頁按鈕

可以執行以下指令來客製化想要的分頁按鈕:

$ rails g kaminari:views THEME -e TEMPLATE
  • 可用的 THEME 有 bootstrap2, bootstrap3, foundation, github, google, purecss, semantic_ui
  • 可用的 TEMPLATE 有 erb, haml, slim
← Post 管理 - part 4 - 支援 Markdown 和 Syntax Highlighter Post 管理 - part 6 - Ajax Search →
 
comments powered by Disqus