2.6. 基础布局

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

基础布局

在教程开始之前,我们需要为我们的项目构建一个基础的页面布局,布局文件统一存放在 resources/views/layouts 文件夹中,布局涉及的文件如下:

  • app.blade.php —— 主要布局文件,项目的所有页面都将继承于此页面;
  • _header.blade.php —— 布局的头部区域文件,负责顶部导航栏区块;
  • _footer.blade.php —— 布局的尾部区域文件,负责底部导航区块;

主要布局文件

我们先创建主要布局文件:resources/views/layouts/app.blade.php

$ mkdir -p resources/views/layouts/
$ touch resources/views

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

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

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 95

LeePeng
记录一下 NPM run watch-poll 遇到问题
9 个点赞 | 5 个回复 | 分享 | 课程版本 5.5
huzhuolei
运行 yarn 的时候一直报错
4 个点赞 | 24 个回复 | 问答 | 课程版本 5.7
yyf_laravel
执行 Sass_BINARY_SITE=http://npm.taobao.org/mirrors/node-Sass yarn 报错?
3 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
Riley
访问 shop.test 提示 No input file specified?
2 个点赞 | 12 个回复 | 问答 | 课程版本 5.5
yangyang2018
win10 dos 命令下报错?
2 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
Win10 下运行 Laravel Mix 出错的解决方法
2 个点赞 | 2 个回复 | 分享 | 课程版本 5.5
Wchalk
Sass_BINARY_SITE=http://npm.taobao.org/mirrors/node-Sass yarn 报错?
1 个点赞 | 25 个回复 | 问答 | 课程版本 5.5
sunxyw
NPM run watch-poll 运行报错?
1 个点赞 | 19 个回复 | 问答 | 课程版本 5.5
kuang
NPM run watch-poll 报错?
1 个点赞 | 10 个回复 | 问答 | 课程版本 5.5
18865477815
安装 yarn install --no-bin-links 一直等待中?
1 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
xuelong
yarn 报错
1 个点赞 | 1 个回复 | 分享 | 课程版本 5.5
xll123
npm run watch-poll找不到DescriptionDataMatcherRulePlugin解决方案
1 个点赞 | 0 个回复 | 分享 | 课程版本 8.x
hanswong
为什么打开 shop.test 是一片空白?
0 个点赞 | 15 个回复 | 问答 | 课程版本 7.x
850886470
Undefined index: /CSS/app.css 是什么?
0 个点赞 | 11 个回复 | 问答 | 课程版本 5.5
qinplain
《L05 Laravel 教程 - 电商实战》 2.6. 基础布局
0 个点赞 | 8 个回复 | 教程 | 课程版本 5.5
dancheng
sh: 1: node_modules/webpack?
0 个点赞 | 7 个回复 | 问答 | 课程版本 5.5
yangyang2018
做出来的跟教程不同的,这是为什么?
0 个点赞 | 7 个回复 | 问答 | 课程版本 5.5
AllenBool
macOS 系统下 操作 NPM 命令报错?
0 个点赞 | 7 个回复 | 问答 | 课程版本 5.5
neverbow2fat
Windows10 下Homestead 运行 npm run watch-poll 报错
0 个点赞 | 6 个回复 | 问答 | 课程版本 8.x
❤seven
环境问题?
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
xiaoqiang1994
PHP artisan ui vue 出现问题
0 个点赞 | 5 个回复 | 问答 | 课程版本 6.x
dailing
npn run watch-poll 无法运行
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.8
EDISONYANG
为什么我的布局不对呢?
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
SZL_
我的布局出现了一个问题
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.8
surest
bash: yarn: command not found
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
AMA32
页面样式不一样?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
vasar
运行 NPM run watch-poll CPU 飙升,怎么解决?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
FM
yarn install --no-bin-links 报错 ?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
sunkai
shop.test 打不开用 ip 地址就可以为什么?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
learner
Mix已经安装成功了,访问shop.test还是报错
0 个点赞 | 3 个回复 | 问答 | 课程版本 8.x
HNYWHS
Sass_BINARY_SITE=.... yarn 报错
0 个点赞 | 3 个回复 | 分享 | 课程版本 6.x
HNYWHS
Composer require Laravel/ui --dev 报错
0 个点赞 | 3 个回复 | 分享 | 课程版本 6.x
TigerLin
能不能不用 mix
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7
yanger
关于 NPM install --no-bin-links 报错的新问题
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
yueruitao
Vagrant up 出错,怎么弄啊?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
she
这一章没添加 怎么添加全局变量的 ?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
Evan0769
Win10 下运行 Laravel Mix 出错
0 个点赞 | 2 个回复 | 问答 | 课程版本 8.x
rescuer
npm run watch-poll 在win10下跑不通
0 个点赞 | 2 个回复 | 分享 | 课程版本 7.x
JHWu
5.8.36 版本下 NPM run watch-poll 出现错误
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
Mengwei
.gitignore 忽略 public 下的 CSS 和 JS 文件有什么好处?
0 个点赞 | 2 个回复 | 问答 | 课程版本 6.x
Leo_Phoenix
NPM run watch-poll 一直报错求解
0 个点赞 | 2 个回复 | 分享 | 课程版本 5.7
yuhang_yang
NPM run watch-poll 报错
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
zjnn
安装依赖报错
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
sde_wang
在 L05 教程里面的图片链接地址访问后返回 invalid Referer header
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
haha
shop.test 无法访问?host,Homestead 都配置过了
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
bing_
public/mix-manifest.json 怎么去不掉?
0 个点赞 | 2 个回复 | 分享 | 课程版本 5.8
Levy
NPM run watch-poll 报错有大佬解决这个问题了吗?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
drunken
有关辅助函数 route_class () 的作用
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
Neymar
编译 SCSS 文件要花好长时间,这应该是电脑配置不行吧?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
Code_Er
NPM run watch-poll 错误?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
CodeFarmer
webpack.mix.js 文件消失
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
Lingyi
运行 Laravel Mix 时产生问题?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
kanweilai
Sass_BINARY_SITE=这行代码前没有提示符号
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
FM
GitHub 报 hoek 版本有安全问题?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
kuang
CSS 问题?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
the7th
ERROR: [Errno 21] Is a directory: 'config'?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
Windows10 系统下 操作 NPM 命令报错 ?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
learner
npm run watch-poll运行报错
0 个点赞 | 1 个回复 | 问答 | 课程版本 8.x
archibald
PHP version “>= 7.3.0”. You are running 7.2.22
0 个点赞 | 1 个回复 | 分享 | 课程版本 7.x
Aqua5
跟着教程走报错提示内存满了,应该怎么解决
0 个点赞 | 1 个回复 | 问答 | 课程版本 7.x
张维维
记录一下 NPM run watch-poll 可以运行,但是访问网站报错?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.8
CharlieSING
无法正常加载主页,显示的却是前一个项目的主页
0 个点赞 | 1 个回复 | 问答 | 课程版本 6.x
tiance
yarn 一直报错,楼上解决方案试用无效
0 个点赞 | 1 个回复 | 问答 | 课程版本 6.x
西巴以及
能否直接使用路径引用不需要 MIX 编译?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.8
Monica71725
运行 NPM run watch-poll 出错
0 个点赞 | 1 个回复 | 分享 | 课程版本 5.8
miss
大家好,我是小白,请问框架中自带后台页面代码
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.8
夏天
夏天
没有这个文件 webpack.mix.js
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
yangyu66
@yield ('title', 'Laravel Shop')
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
OSong
app.scss 修改后不加载并报错 error in ./resources/assets/Sass/app.scss
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
XYLXI
如何升级 node 版本
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
三木闲僧
关于 route_class 辅助函数的优化
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
AMA32
NPM install --no-bin-links 报 package.json.2867540284 重命名问题?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
dancheng
$ NPM run watch-poll 报错?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
域名无法访问?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
Krish
我的布局有问题,资源都加载了,什么原因呢?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
庞浩然Paul
NPM run watch-poll 费电?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
learner
注释中的代码为何还能生效?
0 个点赞 | 0 个回复 | 问答 | 课程版本 8.x
HectorChan
绑定路由后无法访问,出现 HTTP ERROR 500
0 个点赞 | 0 个回复 | 教程 | 课程版本 8.x
learner
访问shop.test提示:No input file specified.
0 个点赞 | 0 个回复 | 问答 | 课程版本 8.x
gongmeng
给后来学习同学的一点建议
0 个点赞 | 0 个回复 | 分享 | 课程版本 8.x
解决运行 NPM run watch-poll 问题
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.8
Mike
NPM run watch-poll 报错提示 webpack.config.js: 可以参照这个方法
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.5