Ruby 程序员学习 Laravel 框架笔记 (11)-使用 @include 来整理 view
0 / 2 / 创建于 7年前
求知久久 的个人博客
上一篇Ruby 程序员学习 laravel 框架笔记 (10)-blade layout有讲到关于layout的知识，这一篇是对上一篇的细化，对上面的代码进行优化整理。
而使用的view的指令是@include。
回到resources/views/layouts目录，找到layout文件master.blade.php，它的内容我现在就不全列出来了，因为实在太长了，只列出body标签的内容，如下：
...
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</nav>
<h3 class="text-muted">Project name</h3>
</div>
@yield('body')
<footer class="footer">
<p>© Company 2017</p>
</footer>
</div> <!-- /container -->
</body>
...现在我们要把这段代码整理一下。
下面请睁大你的眼睛看清楚，以@yield('body')这条指令为分割线，分别以它上面和下面的内容抽成两个文件，也就是说class等于header这个div部分抽成menu.blade.php文件，而footer这个标签部分抽成footer.blade.php，这两个文件都放到resources/views/layouts目录下。
目录结构如下：
resources/views/layouts
├── app.blade.php
├── footer.blade.php
├── master.blade.php
└── menu.blade.php最后
resources/views/layouts/menu.blade.php的内容如下：
// resources/views/layouts/menu.blade.php
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</nav>
<h3 class="text-muted">Project name</h3>
</div>而resources/views/layouts/footer.blade.php的内容如下：
// resources/views/layouts/footer.blade.php
<footer class="footer">
<p>© Company {{ date('Y') }}</p>
</footer>而在master layout如何引用这两个文件呢，很简单，就是使用@include指令。
最终master.blade.php的body部分的内容会如下面这样：
...
<body>
<div class="container">
@include('layouts.menu')
@yield('body')
@include('layouts.footer')
</div> <!-- /container -->
</body>
...效果是一样，但是代码文件被很好地整理了起来，看着也舒服。
完结。
下一篇：Ruby 程序员学习 laravel 框架笔记 (12)-Blade if/else/unless/or
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号
加油！ 看你很努力哦
@MarksGui 谢谢