laravel5.7中Blade模板引擎浅析,分享我线上项目的收尾分离布局代码

管理员 发布于 3年前   425

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

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

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

该博客于2020-12-7日,后端基于go语言的beego框架开发
前端页面使用Bootstrap可视化布局系统自动生成

是我仿的原来我的TP5框架写的博客,比较粗糙,底下是入口
侯体宗的博客

      订阅博客周刊

文章标签

友情链接

HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群
侯体宗的博客