Blade laravel blade 中的布局未正确显示(呈现)

Blade Layout not displyaing (rendering) properly in laravel blade

这是我的布局代码Blade

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Smart Bus</title>
<!-- css section start -->
 {{ HTML::style('assets/css/style.css') }}
<!-- js section start -->
</head>
<body>
<div class="main-total-container">
    <div class="main-content-container home-main-container">              <!-- main content container start -->
          <div class="login-tot-container">   <!-- login panel start -->
               @yield('body')    
               <div class="shodow_box">
               </div>
          </div>                          
    </div>                                
</div>
</body>
</html>

这是主页的代码:

@extends('layouts.loginlayout')
@section('body')
<div class="login-panel">
                    <div class="logo-login">
                         <img src="assets/images/logo.png" alt="MashaTaxi"/>
                    </div>
                    <div class="welcome-panel">
                       <h3>Welcome Masha Taxi</h3>
                    </div>
                    <div class="log-head-panel">
                       <h3>Login</h3>
                    </div>
                    <form action="#" method="post" enctype="multipart/form-data">
                     <ul>
                         <li><span class="icon username-icon"></span><input type="text" placeholder="Username" /></li>
                         <li><span class="icon password-icon"></span><input type="password" placeholder="Password" /></li>

                         <li>
                             <input type="submit" value="Submit"/>
                         </li>
                          <li>
                             <a href="#" class="forgot_btn gen_btn">Forgot password</a>
                         </li>
                      </ul>
                    </form>
</div>

但是我以前每次看工资的时候,blade都显示错误。我的意思是它没有正确渲染。

所以,当我看到页面源代码时,它显示如下

<div class="login-panel">
                    <div class="logo-login">
                         <img src="assets/images/logo.png" alt="MashaTaxi"/>
                    </div>
                    <div class="welcome-panel">
                       <h3>Welcome Masha Taxi</h3>
                    </div>
                    <div class="log-head-panel">
                       <h3>Login</h3>
                    </div>
                    <form action="#" method="post" enctype="multipart/form-data">
                     <ul>
                         <li><span class="icon username-icon"></span><input type="text" placeholder="Username" /></li>
                         <li><span class="icon password-icon"></span><input type="password" placeholder="Password" /></li>

                         <li>
                             <input type="submit" value="Submit"/>
                         </li>
                          <li>
                             <a href="#" class="forgot_btn gen_btn">Forgot password</a>
                         </li>
                      </ul>
                    </form>
</div>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Smart Bus</title>
<!-- css section start -->
 <link media="all" type="text/css" rel="stylesheet" href="http://localhost/masnataxi/assets/css/style.css">

<!-- js section start -->
</head>
<body>
<div class="main-total-container">
    <div class="main-content-container home-main-container">              <!-- main content container start -->
          <div class="login-tot-container">   <!-- login panel start -->

               <div class="shodow_box">
               </div>
          </div>                          
    </div>                                
</div>
</body>
</html>

我在使用 blade 布局时犯了什么错误

我正在使用

@extends('layouts.loginlayout')
@section('body')

以适当的方式我也在@yield('body')在适当的位置。

我做错了什么,我该如何解决?

更新:

为了更好的理解

HTML 标签应该先显示,然后是正文,然后 HTML 应该结束

您忘记 @stop @section('body')