在 ROR 应用程序中显示来自数据库的多个回形针图像。许多关系

Question

我是 ROR 的新手，我正在构建一个 ROR 应用程序，其中每个产品都可以有很多图像。我使用 paperclip 上传图片。

为此，我向应用程序添加了一个 image.rb 模型，现在添加了 product.rb 模型 has_many :images 和 accepts_nested_attributes_for :images.

一切正常，没有问题。

问题是 product.rb 模型具有这种关系 belongs_to :category 和 belongs_to :label

和category和label都has_many :products

在我添加 image.rb 模型之前，每个产品都附有一张图片。在 index.html.erb 页面上，用户可以看到排列的类别，类别中每个产品的最新上传图片作为每个类别的首页图片。

下面是我在添加 image.rb 模型之前用来在 index.html.erb 显示类别的片段。

<div class="container-fluid">

        <% @products.each_slice(3) do |products_group| %>
        <div class="row">
          <% products_group.each do |category, products| %>

                <% products.each_with_index do |product, index| %>
                    <% if index == 0 %>
                        <div class="col-lg-4 col-sm-6 col-xs-12 center-block " >

                        <%= link_to category_path (category), { :method => 'GET' } do %>
                            <%= image_tag product.image.url(:medium), class: "img-responsive" %>
                        <% end %>
                <div class="caption">
                    <p class="category-name" ><%= product.category.name %></p>
                 </div> 
                <% end %>
                <% end %>
                </div> 
            <% end %>
            </div>
        <% end %>

</div>

在 pages_controller.rb 中有这样的代码：

 def index   
   @products = Product.all.order(created_at: :desc).group_by(&:category_id)
 end

如上面的代码示例所示，我根据产品的类别对产品进行分组，然后在索引页上显示每个类别都有任何产品。索引页显示的类别仅显示每个类别中最新上传的产品。

但现在我有了 image.rb 模型来处理照片上传，我需要一种方法来在索引页面上显示相同的结果，但是当用户点击某个类别时，他会被带到该类别页面。

这是一个问题，因为现在图像绑定到 image.rb 模型，而不是 product.rb 模型。

我可以在image.rb模型中看到上传的图片，但我不确定我应该如何调整关系而不破坏一切。

有人可以帮助我吗？

以下是涉及的机型：

product.rb

class Product < ActiveRecord::Base
  acts_as_list :scope => [:category, :label]
  belongs_to :category
  belongs_to :label

  has_many :images
  accepts_nested_attributes_for :images
  has_many :product_items, :dependent => :destroy
end

category.rb

class Category < ActiveRecord::Base

  has_many :products, :dependent => :nullify

   extend FriendlyId
   friendly_id :name, use: [:slugged, :finders]

end

和image.rb

class Image < ActiveRecord::Base

  belongs_to :product

    has_attached_file :image, styles: { medium: "500x500#", thumb: "100x100#" }
    validates_attachment_content_type :image, content_type: /\Aimage\/.*\z/

end

Answer 1

在每个产品中有一张图片之前。现在您的产品中有很多图像。我认为你只需要在 image_tag:

之前迭代

之前：

<%= image_tag product.image.url(:medium), class: "img-responsive" %>

之后：

<% product.images.each do |image_model| %>
  <%= image_tag image_model.image.url(:medium), class: "img-responsive" %>
<% end %>

如果要显示第一张图片：

<% if product.images.first %>
  <%= image_tag product.images.first.image.url(:medium), class: "img-responsive" %>
<% end %>

在 ROR 应用程序中显示来自数据库的多个回形针图像。许多关系

Displaying multiple paperclip images from database in ROR app. many relations

ruby-on-rails

ruby

foreign-keys

paperclip

relationship