php - 我如何在 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。在那里你可以将导航、页眉和页脚都作为单独的 Blade 文件。

然后(通常)您将创建一个布局 Blade ，其中包含结构并包括导航、页眉和页脚。

然后，您可以为 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