局部视图

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

局部视图

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

头部和底部视图

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

resources/views/layouts/_header.blade.php

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="container">
    <div class="col-md-offset-1 col-md-10">
      <a href="/" id="logo">Sample App</a>
      <nav>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="/help">帮助</a></li>
          <li><a href="#">登录</a></li>
        </ul>
      </nav>
    </div>
  </div>
</header>

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

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

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 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