如何显示“尚未输入任何内容”？没有记录时的消息？

Question

在我的应用程序中，我有场地记录，其中每个记录都可以有很多照片和评论。

当没有照片或评论时，如何显示“尚未输入任何内容”消息？

以下是我目前显示它们的方式：

评论

  <div id="reviews">
    <%= render :partial => 'reviews/review', :collection => @venue.reviews %>
  </div>

照片（使用彩盒显示）

  <div class="venue_photos_container">
    <div class="ppy4" id="ppy4">
      <ul class="ppy-imglist">
        <% for venuephoto in @venue.venuephotos %>
          <li class="venue_photo_thumb_container"><%= link_to image_tag(venuephoto.venuephoto.url(:image_scroller), :class => "venue_photo"), venuephoto.venuephoto.url(:large), :rel => "venue_photo_colorbox" %></li>
        <% end %>
      </ul>
      <div class="ppy-outer">
        <div class="ppy-stage">
          <div class="ppy-nav">
            <a class="ppy-prev" title="Previous image">Previous image</a>
            <a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
            <a class="ppy-switch-compact" title="Close">Close</a>
            <a class="ppy-next" title="Next image">Next image</a>
          </div>
        </div>
      </div>
    </div>
  </div>

感谢您的任何帮助，非常感谢！

Answer 1

我会计算场地照片并通过条件语句进行计数。如果为零则显示“无图片”，否则显示照片。

<div class="venue_photos_container">
  <div class="ppy4" id="ppy4">
    <% if @venue.venuephotos.count.zero? %>
      Sorry, no pictures!
    <% else %>
      <ul class="ppy-imglist">
        <% for venuephoto in @venue.venuephotos %>
          <li class="venue_photo_thumb_container"><%= link_to image_tag(venuephoto.venuephoto.url(:image_scroller), :class => "venue_photo"), venuephoto.venuephoto.url(:large), :rel => "venue_photo_colorbox" %></li>
        <% end %>
      </ul>
      <div class="ppy-outer">
        <div class="ppy-stage">
          <div class="ppy-nav">
            <a class="ppy-prev" title="Previous image">Previous image</a>
            <a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
            <a class="ppy-switch-compact" title="Close">Close</a>
            <a class="ppy-next" title="Next image">Next image</a>
          </div>
        </div>
      </div>
    <% end %>
  </div>
</div>

只是免责声明，此代码演示了基本思想，但我使用 HAML，因此此 ERB 可能不完全正确。

Answer 2

我这样做的另一种方法可以防止我的视图中出现 if/then 逻辑：

在 Venue.rb 中：

class Venue
  def photo_state
    venuephotos.count > 0 ? 'with_photos' : 'without_photos'
  end
end

在 show.html.erb 中：

<%= render("venue_#{photo_state}" %>

在 _venue_with_photos.html.erb 中：

<ul class="ppy-imglist">
  <%= render @venue.venuephotos %>
</ul>

在 _venue_without_photos.html.erb 中：

Sorry, no pictures!

在 _venuephoto 中.html.erb

<li class="venue_photo_thumb_container"><%= link_to image_tag ... %></li>

是的，有点痴迷，但我喜欢尽可能在我的视图中除了“渲染”之外没有任何代码。这完全取决于您是否喜欢将所有代码放在一个文件中，还是将每一部分分解为易于理解的块。一个偏好的事情 - 没有真正的正确答案。