laravel5.7中Blade模板引擎浅析，分享我线上项目的收尾分离布局代码-侯体宗的博客

laravel5.7中Blade模板引擎浅析，分享我线上项目的收尾分离布局代码
Laravel / 管理员发布于 2年前 652

先来一段官方说明了解一下这个东西是什么：

Blade 是 Laravel 提供的一个简单而又强大的模板引擎。和其他流行的 PHP 模板引擎不同，Blade 并不限制你在视图中使用原生 PHP 代码。所有 Blade 视图文件都将被编译成原生的 PHP 代码并缓存起来，除非它被修改，否则不会重新编译，这就意味着 Blade 基本上不会给你的应用增加任何负担。Blade 视图文件使用 .blade.php 作为文件扩展名，被存放在 resources/views 目录。

其他的就不说了直接上我的文件结构

-/             根
--storage          前端资源
---app
----public
-----admin
-----asset
-----templates        模板资源
------index
-------css
-------images
-------js
-------layouts        布局
--------common        收尾分离等文件
---------footer.blade.php   模板-尾
---------header.blade.php   模板-头
--------base.blade.php    模板-基文件
------index.blade.php     模板-内容文件

base.blade.php 里面代码(主要看标签-他们的继承关系)：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
@section('meta')
<meta charset="UTF-8">
@yield('tdk')
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="applicable-device" content="pc">
@show
@section('css')
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="/index/css/base.css">
@show
@yield('headext')
</head>
<body>
<div class="main">
 @include('cbb::index.layouts.common.header')
 <div class="clear"></div>
 @yield('content')
 <div class="clear"></div>
 @include('cbb::index.layouts.common.footer')
 </div>
 @section('js')
 <script src="/index/js/baidu_js_push.js"></script>
@show
</body>
</html>

index.blade.php 代码：(具体代码已删只留下主体代码)

@extends('cbb::index.layouts.base')
@section('tdk')
<title>xx</title>
<meta name="keywords" content="xx" />
<meta name="description" content="xx" />
@endsection
@section('css')
@parent
<link rel="stylesheet" href="/index/css/swiper.min.css">
@endsection
@section('content')
<div class="main">中间内容</div>
@endsection
@section('js')
@parent<script src="/index/js/swiper.min.js"></script
@endsection

上一条：
jdk环境安装步骤命令
下一条：
为什么企业选择PHP来开发企业应用程序？

0条评论 (评论内容有缓存机制,请悉知!)

最新最热

近期文章
如何优雅处理async await错误推荐：await-to-js库(0个评论)
lodash工具库(0个评论)
在Laravel项目中使用中间件方式统计用户在线时长功能代码示例(0个评论)
在Laravel中构建业务流程模型(0个评论)
windows系统中安装FFMpeg及在phpstudy环境php7.3 + php-ffmpeg扩展的使用流程步骤(0个评论)
在go语言中对浮点的数组、切片(slice)进行正向排序和反向排序(0个评论)
在go语言中对整数数组、切片(slice)进行排序和反向排序(0个评论)
在go语言中对字符串数组、切片(slice)进行排序和反向排序(0个评论)
最新国内免注册ChatGPT体验站_ChatGPT镜像站访问链接地址2023/3/28持续更新(0个评论)
在Laravel项目中的实现无密码认证之：发送邮箱链接授权(0个评论)

近期评论
博主在
2023年国务院办公厅春节放假通知：1月21日起休7天中评论 @ xiaoB 你只管努力，剩下的叫给天意；天若有情天亦老，..
xiaoB 在
2023年国务院办公厅春节放假通知：1月21日起休7天中评论会不会春节放假后又阳一次？..
BUG4 在
你翻墙过吗？国内使用vpn翻墙可能会被网警抓，你需了解的事中评论不是吧？..
博主在
go语言+beego框架中获取get,post请求的所有参数中评论 @ t1 直接在router.go文件中配就ok..
Jade 在
如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..

Top