Rails4 / Bootstrap3：如何在不同的页面显示不同的导航栏？

Question

这是我们 Rails 4 应用程序的 _header.html.erb，由 Bootstrap 3 个组件组成：

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="container">
    <nav>
      <div class="col-xs-4">
        <%= link_to "APP NAME", root_path, id: "logo" %>
      </div>
      <div class="col-xs-4 text-center">
        <ul class="nav navbar-nav navbar-center">
          <li><%= link_to "Features",   features_path %></li>
          <li><%= link_to "Pricing",   pricing_path %></li>
          <li><%= link_to "Blog", '#' %></li>
        </ul>
      </div>
      <div class="col-xs-4">
        <ul class="nav navbar-nav navbar-right">
          <% if current_user.try(:admin?) %>
            <li><%= link_to "Users", users_path %></li>
          <% end %>
          <% if logged_in? %>
            <li><%= link_to "Dashboard", current_user %></li>
            <li><%= link_to "Settings", current_user %></li>
            <li><%= link_to "Log out", logout_path, method: "delete" %></li>
        <% else %>
          <li><%= link_to "Log in", login_path %></li>
          <li><%= link_to "Sign up", signup_path %></li>
        <% end %>
        </ul>
      </div>
    </nav>
  </div>
</header>

如您所见，这有条件地显示导航栏，具体取决于当前用户是注销、登录还是以管理员身份登录。

但是，我们想知道如何在不同的页面上显示不同的导航栏。

例如，在所有 public 页面（主页、功能、定价、博客、帮助等）上，我们希望显示 Features、Pricing & Blog 链接（无论用户是否登录），但在应用程序的内部页面（仪表板、设置等）上，我们想删除这些链接。

编辑：为了让事情更清楚，我们所说的 public 页面实际上是我们的 static_pages，它依赖于我们的 StaticPages#Controller，而内部应用程序页面，如仪表板和设置依赖于我们的 Users#Controller.

我们怎样才能做到这一点？我们需要创建一个新的 _header.html.erb 部分吗？

是否有特定的 Rails 方法来做到这一点？

Answer 1

您可以将导航栏的每个变体放在它自己的部分中并利用 content_for。

在您的应用程序布局中，您可以拥有检查是否应呈现特定导航栏的逻辑，如下所示：

<% if content_for?(:navbar) %>
    <%= yield(:navbar) %>
<% else %>
   # code for default navbar
<% end %>

在您的视图中，您需要不同的导航栏

 <% content_for :navbar do %>
      <%= render 'nav_bar_variation_one' %>
 <% end %>

和

 <% content_for :navbar do %>
      <%= render 'nav_bar_variation_two' %>
 <% end %>

Answer 2

在我的例子中，我想为我的导航栏使用不同的字体颜色。所以创建另一个导航栏太复杂了。

这是我的解决方案：

我创建了一个新方法，如果我进入我的 orders_controller 或 'white-navbar' 在其他情况下，它将 return 'black-navbar'。

#my code into application_helper.rb
def navbar_attr
    if %w(orders).include?(params[:controller])
      return 'black-navbar'
    else
      return 'white-navbar'
    end
end

然后我会在我的导航栏html中调用这个方法

# in my case my file is _navbar.html.erb 
<p class="<%= navbar_attr %>">Hello</p>

如果我的导航栏是通过我的 orders_controller 调用的，它将添加 class 'black-navbar'，在其他情况下，它将添加 'white-navbar'。

Rails4 / Bootstrap3：如何在不同的页面显示不同的导航栏？

Rails 4 / Bootstrap 3: how to display a different navigation bar on different pages?

ruby-on-rails

conditional-statements

navbar

twitter-bootstrap

ruby-on-rails-4