laravel 在菜单栏中添加一个下拉菜单，其中包含指向其他页面的链接答案

【问题标题】：laravel add a drop down in menu bar with links to other pageslaravel 在菜单栏中添加一个下拉菜单，其中包含指向其他页面的链接
【发布时间】：2017-10-29 16:37:55
【问题描述】：

我是 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 下拉菜单。任何指针都非常感谢。

【问题讨论】：

标签： javascript php html css laravel

【解决方案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>

【讨论】：