2017-10-29 108 views
0

我是laravel和刀片模板设置的新手。我正在建立一个艺术网站来展示绘画等。现在我得到了一个基本的index.blade.php,但是,我想将链接更改为下拉列表以显示其他选项。我似乎无法掌握如何使其发挥作用。laravel在菜单栏中添加一个下拉菜单,并链接到其他页面

这就是我的基本设置。

<div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right" style="color: black"> 
       <li><a 
          @if($page == 'about') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./about">About the Artist</a></li> 
       <li><a 
          @if($page == 'products') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./product">Products</a></li> 
       <li><a 
          @if($page == 'order') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./order">Order</a></li> 
       <li><a 
          @if($page == 'contact') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="#" onclick="contact();">Contact</a></li> 

      </ul> 
     </div> 

但是,在产品下,我想添加水彩,油画和丙烯画。

这是我认为可以工作,但我似乎没有把握整个叶片结构在这一点上。

<div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right" style="color: black"> 
       <li><a 
          @if($page == 'about') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./about">About the Artist</a></li> 
       <li class="dropdown"> 
        @if($page == 'product') 
         <a class="dropdown-toggle activePage" data-toggle="dropdown" href="#"> 
          Product</a> 
         <ul> 
          <li><a href="./about">Watercolor paintings</a></li> 
          <li><a href="#">This</a>Oil Paintings</li> 
          <li><a href="#">That</a>Acrylic Paintings</li> 
         </ul> 
        @else 
         <a class="nonActivePage" href="#"> 
          Product</a> 
        @endif 
       </li> 
       <li><a 
          @if($page == 'order') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./order">Order</a></li> 
       <li><a 
          @if($page == 'contact') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="#" onclick="contact();">Contact</a></li> 

      </ul> 
     </div> 

它只是没有显示ul下拉菜单。任何指针都非常感谢。

回答

0

首先尝试在你的路由器给一个名称,每一个航线(web.php):

Route::any('/about', '[email protected]')->name('about');

然后使用route方法的意见。这里是一个简单的例子:

<li> 
    <a {{ $page == 'about' ? 'class="activePage"' : 'class="nonActivePage"' }} 
     href="{{ route('about') }}"> 
      About the Artist 
    </a> 
</li>