[Rails] How to display the list of posts by category
Premise
- Ruby 2.6.3
- Rails 5.2.4.4 --devise installed (not required) --The basic page is complete --The controller name is gears this time --There is a category column in the gear model --This time, it is a list of posts that can only be seen by the logged-in user, so if you want to make it visible to other users, omit ʻuser_id: @ user.id`.
manner
Controller Before editing
gears_controller.rb
def index
@user = current_user
@gear = Gear.where(user_id: @user.id)
end
After editing
gears_controller.rb
def index
@user = current_user
@gear1 = Gear.where(user_id: @user.id, category: "Residential system")
@gear2 = Gear.where(user_id: @user.id, category: "Cooking system")
@gear3 = Gear.where(user_id: @user.id, category: "Fire system")
@gear4 = Gear.where(user_id: @user.id, category: "Other")
end
View
html:index.html.erb
<div class="category bg-success">Residential system</div>
<% @gear1.each do |gear| %>
<div class="gear-index-item mb-20">
<% if gear.image.attached? %>
<%= image_tag gear.image, class: "index-img" %>
<% else %>
<img class="index-img" src="<%= "/images/default_gear.jpg " %>" alt="Index image cap">
<% end %>
<%= link_to(gear.name, "/gears/#{gear.id}") %>
</div>
<% end %>
<div class="category bg-warning">Cooking system</div>
<% @gear2.each do |gear| %>
<div class="gear-index-item mb-20">
<% if gear.image.attached? %>
<%= image_tag gear.image, class: "index-img" %>
<% else %>
<img class="index-img" src="<%= "/images/default_gear.jpg " %>" alt="Index image cap">
<% end %>
<%= link_to(gear.name, "/gears/#{gear.id}") %>
</div>
<% end %>
.
.
.
Iterate with each statement.
result
Summary
If you use the where method, you can easily organize them in a specific column!
Recommended Posts