laravelメニューバーにドロップダウンを追加して他のページへのリンクを追加

Question

laravelとブレードテンプレットの設定が初めてです。絵画などを展示するアート・ウェブサイトの構築に取り組んでいます。今、私は基本的なindex.blade.phpを持っていますが、他のオプションを表示するためにリンクをドロップダウンに変更したいと思います。私はそれを働かせる方法を理解できないようです。

これは私の基本的なセットアップの様子です。

<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のドロップダウンが表示されません。どんな指針も大変ありがとうございます。

Answer 1

まず、ルーター（web.php）内のすべての単一のルートに名前を与えることを試みる：

Route::any('/about', 'someConntroller@someaction')->name('about');

その後、あなたの意見でrouteメソッドを使用します。ここに簡単な例があります：

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