2017-03-03 78 views
0

我已经为我的页面下载了一个模板,我想将导航放在1个文件中。我已经尝试了许多方法来做到这一点,如:@section @extends不工作laravel。我检查了所有没有帮助

@extends('navigation') the file is in views. 

@yield('navigation') 

@section('navigation') 
    <nav class="navbar navbar-inverse" role="banner"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="/"><img width='60' src="images/logo.png" alt="logo"></a> 
      </div> 

      <div class="collapse navbar-collapse navbar-right"> 
       <ul class="nav navbar-nav"> 
        <li ><a href="/">Home</a></li> 
        <li><a href="about_us">About Us</a></li> 
        <li><a href="services">Services</a></li> 
        <li><a href="portfolio">Portfolio</a></li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="fa fa-angle-down"></i></a> 
         <ul class="dropdown-menu"> 
          <li><a href="blog-item">Blog Single</a></li> 
          <li><a href="pricing">Pricing</a></li> 
          <li><a href="404">404</a></li> 
          <li><a href="shortcodes">Shortcodes</a></li> 
         </ul> 
        </li> 
        <li><a href="{{route('blog.index')}}">Blog</a></li> 
        <li><a href="contact-us">Contact</a></li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">User <i class="fa fa-angle-down"></i></a> 
         <ul class="dropdown-menu"> 
         </ul> 
        </li> 

       </ul> 
      </div> 
     </div><!--/.container--> 
    </nav><!--/nav--> 
@stop 

没有任何帮助。有什么建议么?

+1

什么是错误? “不工作”不是很详细。 –

+1

请修复格式。然后显示主刀片,实际视图文件和导航文件(您已经共享 - 我假设这是部分?)。 –

+0

Ps:'@ extends'是指定你的主模板。不包括部分。 –

回答

2

好像你可能需要在Laravel blade templates读了多一点。在没有看到你的代码的情况下,很难判断你的错在哪里。但是通过它的声音/外观,你不正确地包含导航文件,并且不能正确地扩展主模板。

这里是如何应该工作:

master.blade.php

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

     ... 
    </head> 
    <body> 
     @include('menu.navigation') 
     @yield('content') 
     @yield('footer') 
    </body> 
</html> 

菜单/ navigation.blade.php文件(其他城市按目录结构等):

<nav class="navbar navbar-inverse" role="banner"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="/"><img width='60' src="images/logo.png" alt="logo"></a> 
     </div> 

     <div class="collapse navbar-collapse navbar-right"> 
      <ul class="nav navbar-nav"> 
       <li ><a href="/">Home</a></li> 
       <li><a href="about_us">About Us</a></li> 
       <li><a href="services">Services</a></li> 
       <li><a href="portfolio">Portfolio</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="fa fa-angle-down"></i></a> 
        <ul class="dropdown-menu"> 
         <li><a href="blog-item">Blog Single</a></li> 
         <li><a href="pricing">Pricing</a></li> 
         <li><a href="404">404</a></li> 
         <li><a href="shortcodes">Shortcodes</a></li> 
        </ul> 
       </li> 
       <li><a href="{{route('blog.index')}}">Blog</a></li> 
       <li><a href="contact-us">Contact</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">User <i class="fa fa-angle-down"></i></a> 
        <ul class="dropdown-menu"> 
        </ul> 
       </li> 

      </ul> 
     </div> 
    </div><!--/.container--> 
</nav><!--/nav--> 

实际页面内容(即, somepage.blade.php):

@extends('layouts.master') 

@section('content') 
    // your html code 
@stop 

如果你想在JS你的主人文件的末尾,像我一样在这里。只要创建一个部分,像这样:

@section('footer') 

<script> 
    $(function() { 
     // code 
    }); 
</script> 

@stop 

这说明你最重要的例子与刀片服务器模板的工作,让你开始在正确的道路上时。

+0

帮助添加@include('menu.navigaion)。谢谢! ) –

+0

太棒了。如果它解决了你的问题。请接受/标记我接受的答案。 –