移動到應用程序/資產/樣式表/ application.css有以下CSS在文件
.apple_pagination {
background: #f1f1f1;
border: 1px solid #e5e5e5;
text-align: center;
padding: 1em;
cursor: default; }
.apple_pagination a, .apple_pagination span {
padding: 0.2em 0.3em; }
.apple_pagination .disabled {
color: #aaaaaa; }
.apple_pagination .current {
font-style: normal;
font-weight: bold;
background-color: #bebebe;
display: inline-block;
width: 1.4em;
height: 1.4em;
line-height: 1.5;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; }
.apple_pagination a {
text-decoration: none;
color: black; }
.apple_pagination a:hover, .apple_pagination a:focus {
text-decoration: underline; }
移動到應用程序/視圖/ index.html.erb
<%= will_paginate @posts ,:class => "apple_pagination"%>
你會發現最後頁碼是結束的。
在posts_controller.rb
另外
@posts = Post.order( 「published_at DESC」)頁(PARAMS [:頁])。per_page(20)
。