如何在 Laravel 5 中使用局部变量？

Question

今天我们在学校开始了 Laravel 5 课程。所以我开始在网上搜索以重新使用东西。我已经阅读了一些关于部分、组件和产量的内容，但我仍然不太了解。

在我的resources/views 文件夹中，我有一个名为home.blade.php 的文件。 它包含这个导航栏：

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Logo</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="/control-panel"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </div>
</nav>

现在在我的about.blade.php 中，我想使用相同的代码而无需复制和粘贴。因此，如果我进行更改，它将立即更改两个导航栏，而无需更改 2 次。

有人可以向我解释如何在不复制和粘贴的情况下重复使用此导航栏吗？

提前致谢，Sylent。

Answer 1

创建一个新文件夹并将其命名为 partials。在那里，您可以将导航、页眉和页脚都作为单独的刀片文件。

然后您将（通常）创建一个布局刀片，其中包含结构并包含导航、页眉和页脚。

然后，您将为 home 和 about 扩展该布局，并通过创建一个名为 content 的部分来封装每个 home 和 about 的任何内容。

然后您将在布局中生成内容。

https://laravel.com/docs/5.5/blade

#navigation /resources/views/partials/navigation.blade.php
<nav>
...
</nav>

#header /resources/views/partials/header.blade.php
<header>
...
</header>


#footer /resources/views/partials/footer.blade.php
<footer>
...
</footer>

#layout /resources/views/layouts/layout.blade.php
@include('partials.header')

@include('partials.navigation')

    <div class="main-content">
        @yield('content')
    </div>

@include('partials.footer')

#home /resources/views/page/home.blade.php
@extends('theme.layouts.layout')

@section('content')
    <p>Anything within home</p>
@endsection

#about /resources/views/page/about.blade.php
@extends('theme.layouts.layout')

@section('content')
    <p>Anything within about</p>
@endsection