【问题标题】:@section @extends are not working laravel. I have checked all the nothing helped@section @extends 不工作 laravel。我检查了所有没有帮助的东西
【发布时间】:2017-07-24 00:37:19
【问题描述】:

我已经为我的页面下载了一个模板,我想将导航放在 1 个文件中。我已经尝试了很多方法来做到这一点:

@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

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

【问题讨论】:

  • 有什么错误? “不工作”不是很详细。
  • 请修正格式。然后显示主刀片、实际视图文件和导航文件(您已经共享了 - 我假设这是部分文件?)。
  • Ps:@extends是指定你的主模板。不包括部分。

标签: laravel extends


【解决方案1】:

看来您可能需要多阅读一下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>

menu/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

这向您展示了使用刀片模板时的大部分重要示例,以帮助您走上正确的道路。

【讨论】:

  • 帮助添加@include('menu.navigaion)。谢谢! )
猜你喜欢
  • 2011-03-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-05
  • 2017-10-25
  • 1970-01-01
  • 2021-03-29
  • 1970-01-01
相关资源
最近更新 更多