码迷,mamicode.com
首页 > 其他好文 > 详细

在laravel框架中使用模板继承来进行更方便的布局

时间:2019-12-01 20:29:46      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:cti   width   cio   xtend   yield   ini   完成   max   code   

html中有很多东西是重复的,这是需要用到laravel的模板继承,来完成这样的简化操作。

父模板

既然时模板继承,那么就首先有一个父模板,父模板类似网页html中的头部和尾部,但又有一些不一样。

// parent.blade.php
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>@yield('parent_title')</title>

</head>
<body>
    <div class="fisrt">
        @section('parent_first')
            
        @show()
    </div>
</body>
</html>

子模板

子模板继承父模板后直接使用父模板的html结构,同时对父模板中定义的seciotn部分进行内容填充

// son.blade.php
@extends('son')

// 填充父模板中变量@yield('parent_title')
@section('parent_title', '这是子模版的title')

// 填充父模板中的内容区域 
@section('parent_first')
    <ul>
        <li>1</li>
    </ul>
@endsection

最后子模版经过解析后,会得出如下结构

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>这是子模版的title</title>

</head>
<body>
    <div class="fisrt">
        <ul>
            <li>1</li>
        </ul>
    </div>
</body>
</html>

在laravel框架中使用模板继承来进行更方便的布局

标签:cti   width   cio   xtend   yield   ini   完成   max   code   

原文地址:https://www.cnblogs.com/zxcv123/p/11967163.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!