画像タップでカテゴリー分け表示

Question

投稿一覧ページにて、配置されているカテゴリ画像をタップすると、
その画像のカテゴリーを保有する投稿のみ一覧で表示する方法を知りたいです。

現在post/index.htmlにて全てのポストが一覧できるような状況です。
各ポストはカテゴリー:idを保有しておりますが、ポスト一覧の上部分に、三つの画像を配置し、
その画像がタップされると、その画像が保有するcategory_idと、
同じcategory_idを保有するポストのみを一覧するということがしたく存じます。

    <img src= "/icon/movie.png" >
    <img src= "/icon/drama.png" >
    <img src= "/icon/anime.png" >

こちらを、

<%= link_to(image_tag("/icon/movie.png"), リンクのパス) %>

上記のようなリンクパスを与え、またそれに加えて:id値を与えて、
コントローラーに飛ばしてカテゴリ表示を考えています。

PostControllerには下記のような記載があります。
（今まではPost.allでしたが、nameで検索するサーチに機能もあるためこのようになっています。）

def index
    @posts = Post.search(params[:id]).order(created_at: :desc)
  end

現状コントローラーはこのような状態ですが、取得はできていません。
Postとリレーションを持つCategoryモデルには下記のようになっています。

class Category < ApplicationRecord
  has_many :posts
end

class Post < ApplicationRecord
  belongs_to :user
  belongs_to :category
  def user
    return User.find_by(id: self.user_id)
  end
  def index
    @posts = Project.search(param[:search])
  end
  def self.search(search)
    if search
      Post.where(['name LIKE ?', "%#{search}%"])
    else
      Post.all
    end
  end
  end

View内にnameで検索するテキストサーチも入っているため、少々複雑になっています。

<Category id: 1, name: "movie", created_at:xx, updated_at:xx>
<Category id: 2, name: "drama", created_at:xx, updated_at:xx>
<Category id: 3, name: "anime", created_at:xx, updated_at:xx>

 #<Post id: 1, title: "xx",, user_id: 1, category_id: 1 created_at: xx, updated_at: xx>

自分では現状このような状況です。
どのような方法でも宜しいので、ご教示頂ければ幸いです。

Answer 1

おそらくその書き方からして、画像はPostテーブルとは無関係ということでしょうか？
その場合はviewにある リンクのパスをcategory_path(飛ばしたいcategoryのid)に置き換えれば終了かと思います。

もし画像がPostテーブルのカラムに保存されているものである場合は、

modelで

class Post < ApplicationRecord
  belongs_to :cateogry
end

として、viewで

<%= link_to image_tag(@post.image), category_path(@post.category)

としてください。

質問の内容にあるControllerが何のコントローラーをさしているのか定かではありませんが(@postsとあることからposts_controllerと推測できますが)、上記のいずれにしろ、categories_controllerのshowアクションがあれば十分です。

class CategoriesController < ApplicationController
  def show
    @category = Category.find(params[:id])
  end
end

とすればうまくいくかと思います。

Comments

[tomtom1]

わざわざお時間をお作り頂き、そしてご回答ありがとうございます。
にも関わらず、質問のが具体的でなかったこと申し訳ありません。

改めて詳細を加えましたので、再度ご確認頂ければ幸いです。
また、画像はPublicのiconディレクトリの中に保存されています。

[退会済みユーザー]

なるほど、最終的にpostを `name` で検索するように、(選択した) `category_id` で結果を絞れるようにしたいということですか?

[tomtom1]

ご返信ありがとうございます。
postをnameで検索する機能は完成しており、それとは別でカテゴリー検索もできるようにしたいです。
また、name検索のtext欄に記入する方法とは異なり、カテゴリ検索は画像をタップすることにより、三種類のカテゴリーの中から属するカテゴリーのポストを一覧したいです。

[退会済みユーザー]

そうすると、
def self.search(search)
　if search
　　Post.where(['name LIKE ?', "%#{search}%"])
　else
　　Post.all
　end
end
と同様に
def self.category(category_id)
　if search
　　Post.where(category_id: category_id)
　else
　　Post.all
　end
end
のようなものをモデルで作り、nameで文字列を渡したのと同じように、category_idを飛ばし、
def index
　@posts = Post.search(params[:id]).category(params[:category_id]).order(created_at: :desc)
end

のようにするというのはどうでしょうか？

[tomtom1]

ありがとうございます！
お教え頂いた内容を挑戦したく存じますが一点お伺いしたいです。
nameで文字列を渡す方法はテキストに記入する方法で値を渡していますが、
今回は画像であり、その画像をタップすることによりという別の方法です。
そこの方法に関しても、宜しければお教え頂ければ幸いです。度々で恐縮です。

[退会済みユーザー]

例えば

<%= link_to "/icon/anime.png", posts_path(category_id: #{i})%>

のような感じでするとクエリでコントローラーに数字を渡すことができます。
URLバーをよく見ると

http://localhost:3000/posts?category_id=3

となっています。こうすることでcategory_idはコントローラーで
params[:category_id]として取得でき、それを使用することができます。

[退会済みユーザー]

ちなみに、検索機能は自分で作るととても勉強になりますが、部分一致、完全一致、以上、以下などの条件を色々考えると、なかなか大変です。そこでransackというgemを使えば一気に実装することができます。

https://github.com/activerecord-hackery/ransack
参考にしてみてください。

[tomtom1]

上記についてお教えいただきありがとうございます。
実装してもまだエラーが出てきてしまう現状です。
自分ではまだ解決案が見出せずいおりますため、お力添え頂ければ幸いです。

Model
def self.category(category_id)
　if search
　　Post.where(category_id: category_id)
　else
　　Post.all
　end
end
をPost Modelに加えてもエラー発生無しです。
しかし、Post_Controllerに、
def index
　@posts = Post.search(params[:search]).category(params[:category_id]).order(created_at: :desc)
end
に変更すると、
ArgumentError in PostsController#index
wrong number of arguments (given 0, expected 1)
というエラーが発生します。

また、View post/index内の画像にカテゴリキーを与えるとエラーが発生します。
エラー無し：<%= link_to( image_tag("/icon/anime.png"), "/posts/index") %>
エラー有り：<%= link_to( image_tag("/icon/anime.png"), "/posts/index"(category_id: 1)%>
エラー内容：syntax error, unexpected '(', expecting ')' ...con/meat.png"), "/posts/index"(category_id: 1));@output_buff... ... ^

[退会済みユーザー]

なるほど、link_toでpathを直接書いているのですね。そのやり方だと、()でクエリを引数として渡すことはできません
’/posts/index?category_id=1’
のように記述するしかありません。
controllerのエラーもおそらくはcategoryのところでエラーが起きていると考えられますが、念のため、category_idがコントローラーに渡っているかlogger.debugなどを使ってデバッグをしてみてください。

ちなみに、
「link_toでpathを直接書いている場合は」と申しましたが、Railsには「resources」という推奨されているルーティングの書き方があるのでそれを使用する方が良いかと思います。↓参考

https://railsguides.jp/routing.html#web%E4%B8%8A%E3%81%AE%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9

[tomtom1]

ご丁寧に細かくお教えいただきありがとうございます。

現状下記のようになります。
<%= link_to( image_tag("/icon/anime.png"), ’/posts/index?category_id=1’ %>
エラー：SyntaxError in PostsController#index
しかし、下記のようにすればエラー無しで、
<%= link_to( image_tag("img.png"), controller: "posts", action: "index", category_id: 1) %>
URLは「http://localhost:3000/posts/index?category_id=1」になりました。

しかし、一つ前にのコメントで記載した、ModelとControllerにコードを加えると、
やはり変わらず、同様のエラーが発生してしまいます。

また、Modelにdef self.category(category_id)を加えずに、Controllerに
@posts = Post.search(params[:search]).category(params[:category_id]).order(created_at: :desc)を足したところ、下記のようなエラーが発生してしまいます。
NoMethodError in PostsController#index
undefined method `category' for #<Post::ActiveRecord_Relation:0x00007fcba3dd4d90>

[退会済みユーザー]

(エラーとは関係ない気もしますが、categoryというメソッド名はよくないですね。)

一旦
コントローラーの@postsを
@posts = Post.where(category_id: params[:category_id])
として、
http://localhost:3000/posts/index?category_id=1
にアクセスしたら正しい結果は表示されますか？

[tomtom1]

ご回答ありがとうございます。
@posts = Post.where(category_id: params[:category_id])にしまして、
http://localhost:3000/posts/index?category_id=1にアクセスしましたところ、
カテゴリid=1の投稿のみと限定されず、すべてが一覧されました。

[tomtom1]

度々失礼します。何度かいじる中反映がみられなかったため、サーバー再起動すると、
変更が反映されるという事に気付きました。サーバー再起動しながら確認しましたところ、

@posts = Post.where(category_id: params[:category_id])で、
http://localhost:3000/posts/index?category_id=1にアクセスした場合、
category_id:1を保有するポストの一覧に成功しました。ありがとうございます！