2.6. 基础布局

基础布局

在教程开始之前,我们需要为我们的项目构建一个基础的页面布局,布局文件统一存放在 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/layouts/app.blade.php

resources/views/layouts/app.blade.php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token...

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

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

上一篇 下一篇
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 65

huzhuolei
运行 yarn 的时候一直报错
4 个点赞 | 24 个回复 | 问答 | 课程版本 5.7
Riley
访问 shop.test 提示 No input file specified?
2 个点赞 | 12 个回复 | 问答 | 课程版本 5.5
yangyang2018
win10 dos 命令下报错?
2 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
yyf_laravel
执行 Sass_BINARY_SITE=http://npm.taobao.org/mirrors/node-Sass yarn 报错?
2 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
LeePeng
记录一下 NPM run watch-poll 遇到问题
2 个点赞 | 0 个回复 | 分享 | 课程版本 5.5
ChaosKevin
Sass_BINARY_SITE=http://npm.taobao.org/mirrors/node-Sass yarn 报错?
1 个点赞 | 23 个回复 | 问答 | 课程版本 5.5
sunxyw
NPM run watch-poll 运行报错?
1 个点赞 | 15 个回复 | 问答 | 课程版本 5.5
kuang
NPM run watch-poll 报错?
1 个点赞 | 10 个回复 | 问答 | 课程版本 5.5
18865477815
安装 yarn install --no-bin-links 一直等待中?
1 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
英雄没有斗篷
Win10 下运行 Laravel Mix 出错的解决方法
1 个点赞 | 2 个回复 | 分享 | 课程版本 5.5
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
❤seven
环境问题?
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
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
FreeMason
yarn install --no-bin-links 报错 ?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
sunkai
shop.test 打不开用 ip 地址就可以为什么?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
深入浅出
能不能不用 mix
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7
yanger
关于 NPM install --no-bin-links 报错的新问题
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
yueruitao
Vagrant up 出错,怎么弄啊?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
linzi
这一章没添加 怎么添加全局变量的 ?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
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
lcyitar
运行 Laravel Mix 时产生问题?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
kanweilai
Sass_BINARY_SITE=这行代码前没有提示符号
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
FreeMason
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
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
xuelong
yarn 报错
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
Nicksz
win10 Homestead 配置的坑
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.7
AMA32
NPM install --no-bin-links 报 package.json.2867540284 重命名问题?
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.5
Mike
NPM run watch-poll 报错提示 webpack.config.js: 可以参照这个方法
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.5