如何将图像放入数组 Ruby on Rails

Question

我有一个 Ruby on Rails 应用程序，它允许用户保存最多 6 张图像，然后可以在轮播中查看这些图像。

图像以字符串形式保存为 image, image_2, image_3, image_4, image_5, image_6。

我希望能够编写一个“for”循环来显示轮播中的所有图像。

将所有这些图像字符串组合成一个数组以便它们可以循环并由轮播输出的最佳方法是什么？

更多详情

我目前正在调用如下所示的图像，这些图像有效但不是特别干燥。

<div style="position:relative">
  <div id="home-carousel" class="carousel">
    <div class="carousel-inner">

      <div class="item active">
        <%= image_tag @place.image %>
      </div>

      <% if @place.image_2.present? %>
        <div class="item">
          <%= image_tag @place.image_2 %>
        </div>
      <% end %>

      <% if @place.image_3.present? %>
        <div class="item">
          <%= image_tag @place.image_3 %>
        </div>
      <% end %>

      <% if @place.image_4.present? %>
        <div class="item">
          <%= image_tag @place.image_4 %>
        </div>
      <% end %>

      <% if @place.image_5.present? %>
        <div class="item">
          <%= image_tag @place.image_5 %>
        </div> 
      <% end %>

      <% if @place.image_6.present? %>  
        <div class="item">
          <%= image_tag @place.image_6 %>
        </div>
      <% end %>

    </div>
  </div>
</div>

我希望能够将下面的内容转换为一个简单的 for 循环，该循环将遍历 6 个图像对象中的每一个并返回其中的对象。更像这样的东西：

<div style="position:relative">
  <div id="home-carousel" class="carousel">
    <div class="carousel-inner">
      <% @place.images.each do |image| %>
        <div class="item">
          <%= image_tag image %>
        </div>
      <% end %>
    </div>
  </div>
</div>

Answer 1

简单的解决方案是添加一个助手。所以在helpers/places_helper.rb写

module PlacesHelper

  def get_carrousel_images(place)
    [
      @place.image_1,
      @place.image_2,
      @place.image_3,
      @place.image_4,
      @place.image_5,
      @place.image_6
    ].select {|img| img.present? }
  end

然后你可以在你的视图中写下以下内容：

<div style="position:relative">
  <div id="home-carousel" class="carousel">
    <div class="carousel-inner">
      <% get_carrousel_images(@place).each do |image| %>
        <div class="item">
          <%= image_tag image %>
        </div>
      <% end %>
    </div>
  </div>
</div>

现在有 6 个 image_x 字段作为 place 看起来有点臭，所以我更喜欢 Rich Peck 建议的嵌套模型，尽管我知道有 6 个字段更容易开始。

Answer 2

图片

这完全取决于您如何在数据库中设置 images，以及您希望如何在视图中显示它们

如果您有 User 模型中的图像，您可以这样称呼它们：

app/controllers/users_controller.rb
Class UsersController < ApplicationController
   def show
       @user = User.find params[:id]
       @images = @user.images
   end
end

这显然是非常笼​​统的 - 我建议您为您的问题发布一些背景信息，以便我们知道您具体要问什么

--

回形针

如果您使用Paperclip 或Carrierwave，您基本上会将图像附加到数据库中的各种对象。例如，您将拥有以下内容：

#app/models/image.rb
Class Image < ActiveRecord::Base
   has_attached_file :attachment
end

这允许你调用：

@images = Image.all
@images.each do |image|
   image.attachment.url #-> image URL
end

这是在 Rails 中处理图像/附件的标准方法，因为它直接绑定到 ActiveRecord。因此，返回 image 路径数组将是调用 Model.all 或 Model.where 的情况