4.5. 局部视图

本教程最新版为 9.x,当前版本已放弃维护,请阅读最新版本!

局部视图

介绍完前端工作流以后,我们接下来回到代码中。现在我们的应用已拥有顶部导航,但还存在一个问题。随着后面顶部导航功能愈加完善,代码量也会越来越多,如果把所有代码都放在默认视图文件中,会让这个文件变得无法维护,这明显不符合 Laravel 项目开发的最佳实践。因此我们需要把顶部导航从 default 视图中分离出来,成为一个单独的头部视图。

头部和底部视图

首先,我们需要新建一个头部视图文件。

resources/views/layouts/_header.blade.php

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <div class="container ">
    <a class="navbar-brand" href="/">Weibo App</a>
    <ul class="navbar-nav justify-content-end">
      <li class="nav-item"><a class="nav-link" href="/help">帮助</a></li>
      <li class="nav-item" ><a class="nav-link" href="#">登录</a></li>
    </ul>
  </div>
</nav>

可以看到,我们在头部视图的文件...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 8

g1f9
NPM run watch-poll 执行后不跳转命令行?
1 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
codeboy
为什么 app.scss 里的 footer 样式不生效?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
lhj456
footer 样式 small 疑问
0 个点赞 | 2 个回复 | 问答 | 课程版本 6.x
eeffort
Git add 时 warning: CRLF will be replaced by LF
0 个点赞 | 1 个回复 | 分享 | 课程版本 5.8
Kylin
有关 NPM run watch-poll 的问题
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
afkool
docker每次重启后git分支就丢失。
0 个点赞 | 0 个回复 | 问答 | 课程版本 9.x