在 laravel 中没有得到布局页面的输出
Posted
技术标签:
【中文标题】在 laravel 中没有得到布局页面的输出【英文标题】：did not get output with layout page in laravel 【发布时间】：2020-11-20 00:19:57 【问题描述】：我是 laravel 框架的新手，想使用 laravel 布局母版页，并且习惯在母版页中包含子页面。这是我的页眉和页脚页，app.blade.php 是我的母版页，我使用@yield 显示数据。但这对我不起作用。我的输出显示为空白。
app.blade.php（布局母版页）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Master Page</title>
</head>
<body>
<div>
<div>
@yield('header')
</div>
<div class="content">
@section('content')
<h1> Body </h1>
@endsection
</div>
<div>
@yield('footer')
</div>
</div>
</body>
</html>
Header.blade.php
@extends('app')
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<style>
.header
height:100px;
width:100%;
background-color: aquamarine;
</style>
</head>
<body>
<div class="header">
@section('header')
<center> Layout Header Master page </center>
@show
</div>
</body>
</html>
footer.blade.php
@extends('app')
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.footer
height:100px;
width:100%;
background-color: aquamarine;
padding-top: 50px ;
</style>
</head>
<body>
<div class="footer">
@section('footer')
<center> Layout Footer Master page </center>
@show
</div>
</body>
</html>
web.php（路由）
Route::get('/masterpage','studentcontroller@viewmasterpage')->name('masterpage');
studentcontroller.php
public function viewmasterpage()
return view('layouts/app');
【问题讨论】：
学生控制器文件在哪里？？ 我再次编辑我的问题，添加学生控制器文件。 【参考方案1】：header.blade.php（只需使用代码删除其他）
@section('header')
<center> Layout Header Master page </center>
@endsection
footer.blade.php（只需使用代码删除其他）
@section('footer')
<center> Layout Footer Master page </center>
@endsection
app.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Master Page</title>
</head>
<body>
<div>
<div class="header">
@include('header')
</div>
<div class="content">
@yield('content')
</div>
<div class="footer">
@include('footer')
</div>
</div>
</body>
</html>
studentcontroller.php
public function viewmasterpage()
return view('layouts.app');
【讨论】：
使用include，可以删除@section【参考方案2】：问题： 你的刀片有一些问题。
-
每个打开的
@section标签都需要一个关闭的@endsection标签。
标签部分应该包含您想要显示的所有内容。
你不需要添加整个<html> etc.你可以简单地添加必要的代码
我认为内容应该是收益，因为您可能希望在其中插入其他页面的内容..
我也认为你在混淆@include和@yield
如果你想外包你的页眉和页脚，你可以简单地 @include('yourFolder/footer') 并插入代码
解决方案：
-
将
@yield 更改为@include
将@section 更改为@yield('content')
示例：
文件名：header.blade.php
<div class="header">
<center> Layout Header Master page </center>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Master Page</title>
</head>
<body>
<div>
@include('header')
<div class="content">
@yield('content')
</div>
@include('footer')
</div>
</body>
</html>
之后你可以创建一个新视图：example.blade.php
@extends('layout.app')
@section('content')
//put your content here
@endsection
【讨论】：
【参考方案3】：您误解了@extends、@yield 和@section 指令。
@extends 使用另一个刀片文件，并用它定义的@sections 填充@yield 指令。
假设你有app.blade.php
<html>
<body>
@yield('header')
@yield('content')
@yield('footer')
</body>
</html>
然后你可以说landing.blade.php
@extends('app')
@section('header')
<header>I am the header for the landing page!</header>
@endsection
@section('content')
<div>I am the content for the landing page!</div>
@endsection
@section('footer')
<header>I am the footer for the landing page!</footer>
@endsection
【讨论】：
以上是关于在 laravel 中没有得到布局页面的输出的主要内容，如果未能解决你的问题，请参考以下文章