我正在使用外部 API,我想為索引操作創建某種分頁。API 回傳 15 個元素(這是我在 HttParty 查詢哈希中指定的限制),我也可以添加“頁面”選項。對于初學者,我嘗試在視圖中放置一個增量并將其作為引數傳遞,并且它僅適用于一頁(例如從第 1 頁到第 2 頁),然后它只是重新加載第二頁。我怎樣才能實作我的目標?我知道那里有一些寶石,但我想自己學習。這是代碼:
控制器
class PropertiesController < ApplicationController
BASE_URL='https://api.stagingeb.com/v1/properties'
HEADERS = {
"X-Authorization" => ENV['API_KEY']
}
def index
page = params[:page]
query = {
"limit" => "15",
"page" => page || 1
}
request = HTTParty.get(BASE_URL, :query => query, :headers => HEADERS)
@response = JSON.parse(request.body)
end
def show
request = HTTParty.get(BASE_URL "/#{params[:id]}", :headers => HEADERS)
@response = JSON.parse(request.body)
end
end
看法
<h1 class="index-heading">Listing all properties</h1>
<div class="main-wrapper">
<%@response["content"].each do |property|%>
<div class="property-card">
<div class="image">
<%if property["title_image_thumb"]%>
<%=image_tag property["title_image_thumb"]%>
<%else%>
<p class="noimage"><i class="fas fa-exclamation-triangle"></i> No image</p>
<%end%>
</div>
<div class="card-text">
<p class="public-id"><%=property["public_id"]%></p>
<p class="title"><%=property["title"]%></p>
<p class="type"><%=property["property_type"]%></p>
<p class="type"><i class="fas fa-map-marker-alt"></i> <%=property["location"]%></p>
</div>
<div class="property-link">
<%=link_to 'Go to property', "properties/#{property["public_id"]}"%>
</div>
</div>
<%end%>
</div>
<div class="pagination">
<%i = 1%>
<%=link_to 'Next page', root_path(:page => i =1)>
</div>
PD:我的目標是添加兩個按鈕,一個用于上一頁,一個用于下一頁
uj5u.com熱心網友回復:
渲染視圖時需要使用當前顯示的頁面:
<div class="pagination">
<%=link_to 'Next page', root_path(:page => @current_page 1)>
</div>
為此,您需要在控制器中設定:
def index
@current_page = [1, params[:page].to_i].max
query = {
"limit" => "15",
"page" => @current_page
}
request = HTTParty.get(BASE_URL, :query => query, :headers => HEADERS)
@response = JSON.parse(request.body)
end
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/387985.html
