Menu

2.6. 基础布局

基础布局

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

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

主要布局文件

我们先创建主要布局文件:

resources/views/layouts/app.blade.php

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">

<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" content="{{ csrf_token() }}">

  <title>@yield('title', 'LaraBBS') - Laravel 进阶教程</title>

  <!-- Styles -->
  <link href="...

本文章首发在 Laravel China 社区

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

上一篇 下一篇
讨论数量: 40

Winter
yarn install 安装报错的另一个解决方案
3 个点赞 | 0 个回复 | 分享 | 课程版本 5.5
zoezhao7
win10 环境下运行 Laravel Mix 出现错误?
1 个点赞 | 9 个回复 | 问答 | 课程版本 5.5
g1f9
NPM run watch 无法自动编译?
0 个点赞 | 8 个回复 | 问答 | 课程版本 5.5
sachu
NPM run watch-poll 在终端运行的时候,怎么打入别的命令?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
Oyxiaoxi
优化页首 ~Bootstrap-Sass 这个目录从何而来?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
lara_min
node-Sass: Command failed 求大神帮忙解答看下,十分感谢!~?
0 个点赞 | 10 个回复 | 问答 | 课程版本 5.5
aimerforreimu
@import "variables"这句话是什么意思呢?
1 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
Gebriel
知识点小结
0 个点赞 | 1 个回复 | 教程 | 课程版本 5.5
abing
为什么我的按上面做直接报 Call to undefined function route_class ()?
1 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
liwei3773
安完 yarn,NPM run watch-poll 报错?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
lianglunzhong
为什么我把 home.blade.php 文件都删了,首页还是这个页面?
0 个点赞 | 8 个回复 | 问答 | 课程版本 5.5
surest
安装 yarn 一直等待中?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
老好人
此处留下一个小小的提醒,检查了两个小时才发现
2 个点赞 | 3 个回复 | 分享 | 课程版本 5.5
Damian
Laravel5.6 Bootstrap4.0 头部样式如何修改?
1 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
KevinJiao
yarn install 一直处于 waiting 状态,安装进行不下去?
0 个点赞 | 8 个回复 | 问答 | 课程版本 5.5
JackZhang
依旧是 Laravel mix 问题?
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
JackZhang
sudo yarn install --no-bin-links?依然报错
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.5
JackZhang
yarn install --no-bin-links 一直在 waiting?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
深入浅出
Route::get ('/', 'PagesController@root')->name ('root')?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
tooyond
建议大家在修改完样式以后使用 Ctrl+F5 进行强制刷新缓存
2 个点赞 | 6 个回复 | 分享 | 课程版本 5.5
静静的风
在 route_class 这个方法中?
1 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
无法使用 larabbs.app 访问 但可以 larabbs.test 访问
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
chentury
import 文件出错了?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
小宝爹
Laravel mix 运行报错
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
ajax_com
Laravel MIX
0 个点赞 | 0 个回复 | 博客 | 课程版本 5.5
等车的猪
yarn 和 NPM 有啥区别
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
zz52998
error /home/Vagrant/code/larabbs/node_modules/webpack-cli: Command failed.
1 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
PHPHub
yarn install 报错,
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
刻意练习,每日精进。
5
点赞
1534
浏览
40
讨论
贡献者

作者