【PHP】Laravel开发——六、基础布局

最新推荐文章于 2024-05-28 00:15:00 发布

会写bug的打字员

最新推荐文章于 2024-05-28 00:15:00 发布

阅读量596

点赞数 1

分类专栏： PHP Laravel 文章标签： PHP Laravel

本文链接：https://blog.csdn.net/fenghuangjc/article/details/92464221

版权

基础布局

我们先为项目构建一个基础的页面布局，布局文件统一放在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" content="{
    { csrf_token() }}">  
<title>@yield('title', 'Laravel Shop') - Laravel 电商教程</title>  
<!-- 样式 -->  
<link href="{
    { mix('css/app.css') }}" rel="stylesheet">  
</head>  
<body>  
<div id="app" class="{
    { route_class() }}-page">  
@include('layouts._header')  
<div class="container">  
@yield('content')  
</div>  
@include('layouts._footer')  
</div>  
<!-- JS 脚本 -->  
<script src="{
    { mix('js/app.js') }}"

最低0.47元/天解锁文章

会写bug的打字员

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【PHP】Laravel开发——六、基础布局

基础布局我们先为项目构建一个基础的页面布局，布局文件统一放在resources/views/layouts文件夹中，布局涉及文件如下：app.blade.php —— 主要布局文件，项目的所有页面都将继承于此页面，父页面；_header.blade.php —— 布局的头部区域文件，负责顶部导航栏区块；_footer.blade.php —— 布局的尾部区域文件，负责底部导航区块；主...
复制链接

扫一扫