DDR爱好者之家

Laravel框架Blade模板简介及模板继承用法分析
站长资源 2024/11/29 佚名
71 1538
DDR爱好者之家 Design By 杰米

本文实例讲述了Laravel框架Blade模板及模板继承用法.分享给大家供大家参考，具体如下：

本章知识点主要如下:

  1. Blade模板简介
  2. Blade模板继承使用

NO.1Blade模板简介

问： 什么是Blade模板？

答： Blade模板是Laravel提供一个既简单又强大的模板引擎；
和其他流行的PHP模板引擎不一样，他并不限制你在视图里使用原生PHP代码；
所有Blade视图页面都将被编译成原生的PHP代码并缓存起来，除非你的模板文件被修改，否则不会重新编译。
而这些都意味着Blade不会给我们增加任何负担。

NO.2Blade模板继承使用

先说一下这里我们会用到的知识点

  1. section
  2. yield
  3. extends
  4. parent

问： Blade模板继承使用的优势在哪？为什么要使用它？

答：
Blade模板继承的优势在于，你写一个管理系统或者别的系统的时候，如果某部分样式不变，你可能会因为这个写一个又一个页面，就很麻烦，而且代码量多，做的时间久，别人接手也会抓狂，代码观赏性不强。但是你要是用到了Blade模板继承，你就可以省掉那些一样板块代码的数量；
为什么要使用它？因为方便维护，也节省代码量。 多说无益，我们拿出事实说话。

这里，我们先拿出一个Bootstrap的样式，代码如下:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap与Laravel的测试集合</title>
	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" > 
	<script src="/UploadFiles/2021-04-02/jquery.min.js">


当然了，如果你想要使用Bootstrap的框架，那你实现要把Bootstrap框架的文件下载好，然后存放于public目录下，才能使用。


然后我们在view目录下创建一个名为Bstp.blade.php的视图，将上面Bootstrap的代码复制过去。


做到这，我们继续在view目录下午创建一个目录，命名为Bstp，在往里面写入一个文件，命名为Bstp.blade.php


这个时候，我们就要思考怎么才能继承这个模板了。这个很简单，只需要用到上面我们提到的那几个单词知识点即可。





<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>@yield('title')</title>
	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" > 
	<script src="/UploadFiles/2021-04-02/jquery.min.js">


@section(‘nav')

…

@show




@show

这里代表的是一个继承某个代码块的开始以及结束，section开始，show结束，nav定义这个可以修改的代码块名字。方便子模板调用。




@yield(‘title')

这里和上面的定义差不多，唯一不同的是，他是不可扩展的，也就是说，原来这个div有多大，你就只能多大，而上面那个不一样，他的内容只要超过了原本的div，那么原本的div会随之增大




。@extends(‘Bstp')

这个代表着，你这个子模板继承于谁，我这里写的是这个子模板继承于view目录下的Bstp.blade.php。




@parent

这个代表着，把你原本的一起继承过来，覆盖。




说了这么多，如果还不理解，那咱们就行动证明


首先，我们验证第一个@extends


然后，打开我们view目录下的Bstp目录里的Bstp.blade.php文件，然后输入@extends，并且给他赋予一个控制器和路由


子模板代码如下:





@extends('Bstp')//继承自view目录下的Bstp.blade.php






控制器代码如下:





namespace App\Http\Controllers;

class StudentController extends Controller
{
	public function index()
	{
		return view('Bstp.Bstp');//这里指的是返回view目录下Bstp目录下的Bstp
	}
}






路由如下:





Route::get('index',['as'=>'index','uses'=>'StudentController@index']);






然后我们输入index，获得效果如下

Laravel框架Blade模板简介及模板继承用法分析

这里，我们是不是已经输出出来了？

(这里有个点值得注意，因为我在<title></title>里输入了@yield(‘title'),然后在，Bstp下又给他赋了个值，叫首页，所以标题就是首页)


然后如果我们想要把中间那块“关于我”，“标题”，“链接”，去掉怎么办"htmlcode">



@section('box')

@stop






即可，效果如下:

Laravel框架Blade模板简介及模板继承用法分析

Laravel框架Blade模板简介及模板继承用法分析

你们看，是不是没有了"在这里插入图片描述" src="/UploadFiles/2021-04-02/201912030957464.png">

Laravel框架Blade模板简介及模板继承用法分析

你看，左下角是不是有个abc啊。


更多关于Laravel相关内容感兴趣的读者可查看本站专题：《Laravel框架入门与进阶教程》、《php优秀开发框架总结》、《php面向对象程序设计入门教程》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》


希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米