挑戦すること

ActiveHashで作成したmodelの中身を一覧表示します。

前提

投稿テーブルに紐づいたActiveHashで作成したカテゴリーテーブルを一覧表示したい！

ちなみにActiveHashとはこんな感じです。
idで取得してnameで表示するといった実装方法かと。

今回は、こちらのnameをそれぞれ一覧表示していきます。

models/category.rb

class Category < ActiveHash::Base
  self.data = [
    { id: 1, name: 'hoge' },
    { id: 2, name: 'huga' },
    { id: 3, name: 'hogehoge' },
    { id: 4, name: 'hugahuga' },
  ]

  include ActiveHash::Associations
  has_many :posts
end

実装方法

routeを定義
コントローラーを設定
ビューファイルを作成
リンクを作成

手順は上記の通りです。
順に解説していきますね。

1.Routingを定義する

カテゴリー一覧ページに必要なルートを定義します。

get '/posts/category/:id' => 'posts#category'

2.コントローラーを編集

カテゴリーページに必要な変数を定義します。

def category
 @posts = Post.where(category_id: params[:id]).order("created_at DESC") #追記
 @post = Post.find_by(category_id: params[:id]) #追記
end

3. ビューファイルを作成

カテゴリー一覧表示の見た目を作ります。
フロントはお任せいたします。

categories/index.html.erb

# カテゴリー名を表示
<%= "#{@post.category.name}の一覧ページ" %>

# カテゴリーの中身を表示
@posts.each do |post|
 #省略
end

4.リンク作成

カテゴリーページに遷移するためのリンクを作成します。
今回の場合であれば投稿一覧ページとかに追記するのが一般的かと思われます。

posts/index.html.erb

<%= link_to "カテゴリー名", '/posts/category/1' %>
<%= link_to "カテゴリー名", '/posts/category/2' %>
<%= link_to "カテゴリー名", '/posts/category/3' %>
<%= link_to "カテゴリー名", '/posts/category/4' %>

実装は以上になります。
皆様うまく実装できたでしょうか？

個人的にActiveHashを用いたカテゴリー一覧ページを実装したかったので、今回投稿させていただきました！

また、何か相違点などございましたらコメントしていただけると幸いです。
よろしくお願いいたします。