ruby-on-rails - 显示与所选产品所在类别相同的随机产品图片。ROR 应用

Question

我正在修改我一直在开发的 Rails 应用。

我安装了一个模型 images.rb处理产品的所有图像。

当用户选择产品时，用户会在 app/views/products/show.html.erb 看到该产品

并且在 show.html.erb 的底部该应用程序为用户提供与用户正在查看的产品属于同一类别的类似产品的建议。

在我添加 image.rb 之前处理图像的模型 每个产品都附有一张图片并且一切正常，但现在我遇到了错误。下面是我用来显示同一类别中的随机产品的代码:

show.html.erb

 <div class="row product-teaser">
  <h4 class="text-center teaser-text"> similar products to <%= @product.title %> : </h4>
   <% @products_rand.each do |product| %>
      <div class="col-sm-2 col-xs-3 center-block product-thumbs-product-view" >
            <%= link_to product_path (product) do %>
                <%= image_tag @product.image.url, :size => "100%x100%", class: "img-responsive center-block" %>
            <% end %>  
          <h5 class="text-center"><%= link_to product.title, product, class: "text-center" %></h5>    
      </div>
    <% end %>   
  </div>

并且在 products_controller.rb show方法我有这个变量来从同一类别中获取随机产品。

class ProductsController < ApplicationController
before_action :set_product, only: [:show, :edit, :update, :destroy]

  def show    
     @products_rand = Product.where(category_id: @product.category_id).order("RANDOM()").limit(6)
  end

private
   # Use callbacks to share common setup or constraints between actions.
  def set_product
    @product = Product.find(params[:id])
  end

  # Never trust parameters from the scary internet, only allow the white list through.
  def product_params
    params.require(:product).permit(:title, :description, :price_usd,  :image, :category_id, :stock_quantity, :label_id, :query, :slug, images_attributes: [:image , :id , :_destroy])
  end
 end

在我添加 image.rb 之后我总是收到此错误:undefined method 'url' for "":String尝试加载显示页面时。此行中出现错误:<%= image_tag @product.image.url, :size => "100%x100%", class: "img-responsive center-block" %>

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

    validates :title, :description, presence: true
    validates :price_usd, :price_isl, numericality: {greater_than_or_equal_to: 0.01}
    validates :title, uniqueness: true  
 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

如果您的Product has_many :images 那么@product.image.url 将无法工作。

@product.images.sample 将为您提供该产品的随机图片。

看起来您正在使用 Paperclip，您已将其配置为将 image 附件添加到您的 Image 模型，因此您需要向您的链添加一个额外的方法:

@product.images.sample.image.url 将检索随机选择的 image 关联的图像附件的 URL。

@product.image 当前返回一个空字符串，因此您的 products 表中必须有 image 列 >string 或 text，或模型上的 image 方法。如果您不再需要它，则应将其删除。

如果它是您表中的一列，则在迁移文件中:

def change
  remove_column :products, :image
end

编辑

正如 Yoshiji 先生所建议的那样，在数据库级别可以更有效地获取随机图像，尤其是在产品具有大量关联图像的情况下。 Image 模型上的作用域方法和 Product 方法将其抽象化并简化您的 View 。

class Image < ActiveRecord::Base
  scope :random, -> { order("RANDOM()").limit(1) }
end

class Product < ActiveRecord::Base
  def random_image
    images.random.take
  end
end

那么在你看来

@product.random_image.image.url