Ruby on rails 引导转盘中每个幻灯片3张游戏卡

我在页面上有一个引导旋转木马，每个幻灯片上有3张游戏卡，但它们是硬编码的。我怎样才能使它们充满活力？我需要从数据库中取出游戏卡。这就是我现在拥有的：

<div id="carousel" class="carousel-inner thumb-inner">
  <div class="active item">
    <div class="col-lg-12 col-md-12 col-xs-12 slide1 slider-div">
      <div class="game-card">Some content here</div>
      <div class="game-card">Some content here</div>
      <div class="game-card">Some content here</div>
    </div>
  </div>
  <div class="item">
    <div class="col-lg-12 col-md-12 col-xs-12 slide1 slider-div">
      <div class="game-card">Some content here</div>
      <div class="game-card">Some content here</div>
      <div class="game-card">Some content here</div>
    </div>
  </div>
</div>

在这里放置ruby代码的正确方法是什么？我的想法很简单。像这样：

<div class="active item">
  <div class="col-lg-12 col-md-12 col-xs-12 slide1 slider-div">
    <% Game.all.each_with_index do |game, index| %>
      <div class="col-lg-4 col-md-4 col-sm-4">
        <%= game.title %>
      </div>
    <% end %>
  </div>
</div>

items = Game.all.to_a  # do this once to load up all the records
items.shift(3)         # call repeatedly to get the next 3 items

但这将给我所有的游戏卡在幻灯片上。每张幻灯片制作3张游戏卡的正确方法是什么？谢谢。

您可以使用此处的限制和偏移量一次获取3条记录。例如：

Game.offset(0).limit(3)  # first 3 items
Game.offset(3).limit(3)  # next 3 items

如果游戏桌上只有少量的记录可以很好地保存在内存中，您也可以这样做：

<div class="active item">
  <div class="col-lg-12 col-md-12 col-xs-12 slide1 slider-div">
    <% Game.all.each_with_index do |game, index| %>
      <div class="col-lg-4 col-md-4 col-sm-4">
        <%= game.title %>
      </div>
    <% end %>
  </div>
</div>

items = Game.all.to_a  # do this once to load up all the records
items.shift(3)         # call repeatedly to get the next 3 items

这样做的好处是，您可以预先将项目随机化，例如Game.orderRANDOM.to_a