Laravel之Blade模板引擎

最新推荐文章于 2024-05-17 10:00:34 发布

倾城一笑stu

最新推荐文章于 2024-05-17 10:00:34 发布

阅读量4.4k

点赞数

分类专栏： laravel

本文链接：https://blog.csdn.net/zls986992484/article/details/52825173

版权

laravel 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Blade是Laravel提供的一个既简单又强大的模板引擎，Blade允许在视图中使用原生php代码，所有Blade视图页面都将被编译成原生php代码并缓存起来，除非你的模板文件被修改了，否则不会重新编译。

1.模板继承

一个网站，往往很多界面有相同的区块，比如导航栏，底部栏，顶部栏。这些界面只有主内容区域不一样。为了提高代码的复用性，我们可以将这些相同的区块放在布局模板里，然后让其它模板去继承它，其它模板称为子模板。这样一来，子模板就可以轻松获得与布局模板一样的内容。而且，子模板还可以做适当的修改。

在resources->views目录下新建一个模板layouts.blade.php。布局模板。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>轻松学会Laravel - @yield('title')</title>
	<style>
		.header {
			width: 1000px;
			height: 150px;
			margin:0 auto;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
		.main {
			width: 1000px;
			height: 300px;
			margin:0 auto;
			margin-top: 15px;
			clear: both;
		}
		.main .sidebar {
			float: left;
			width: 20%;
			height: inherit;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
		.main .content {
			float: right;
			width: 75%;
			height: inherit;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
		.footer {
			width: 1000px;
			height: 150px;
			margin:0 auto;
			margin-top: 15px;
			background: #f5f5f5;
			border: 1px solid #ddd;
		}
	</style>
</head>
<body>
	<div class="header">
		@section('header')
		头部
		@show
	</div>
	<div class="main">
		<div class="sidebar">
			@section('sidebar')
			侧边栏
			@show
		</div>
		
		<div class="content">
			@yield('content','主要内容区域')
		</div>
	</div>
	<div class="footer">
		@section('footer')
		底部
		@show
	</div>
</body>
</html>

解读：

@section('header') 模板的一部分。子模板可以继承，可以改变内容。

@yield('title') 模板的一部分。子模板可以继承，可以改变内容。

@yield('content',主要内容区域) 模板的一部分。子模板可以继承，可以改变内容，有默认值。

然后在当前目录下新建一个目录student，在里面写section1.blade.php，子模板。

@extends('layouts')   //继承公共模板，如果公共模板在views下，则直接写模板的名称
@section('header')   //对header重写，要@section('header') 和@stop配对使用
   @parent   //此句把父模板的内容的header部分也输出来
  重写头部
@stop
@section('content')   //  重写yield，和section一样
  重写yield里的内容
@stop

子模板如果要对公共模板的内容做修改，则使用@section 和@stop配对。里面写子模板自己的内容。

然后在student控制器里新增一个方法，

public function test4(){
/*模板继承*/
return view('student/section1');
}

配置好路由：Route::get('test4',['uses'=>'StudentController@test4']);

2.基础语法及inude的使用

（1）模板中输出php变量

在控制器里写：

public function test4(){
      $name='zls';
      return view('student/section1',['name'=>$name]);
}

模板section1.blade.php里写：

{{$name}} //这样就能输出了

（2）模板里调用php代码

和原生的php没有很大的区别，只是将php的标签换成了{{}}而已，其它都一样。

介绍一个短语法：

{{$name or 'empty'}} 若 $name存在则输出$name，否则输出’empty’.

（3）原样输出，加@符，这样{{}}里的代码就不会解析了

@{{$name or 'empty'}}

（4）模板中的注释。使用 {{-- --}}。

发现这个注释查看源里不显示

（5）引入子视图include

在student目录下新建一个common视图,写:我是include.

然后在section1视图里写：@include('student.common')

@include(‘目录名/视图名’)

当然也可以向子视图传值:

在common视图里写：我是include{{$message}}.

然后在section1视图里写：@include('student.common',['message'=>'我是错误信息'])

2.流程控制

(1)

使用@符号，并且要有开始和结束标签

@if($name=='zls')

is zls

@elseif($name=='imooc')

is imooc

@else

not

@endif

另外if条件里面也是可以用函数的: @if(isset($name))

(2) 是if的取反

@unless($name=='zls')

@unless

（3）

@for ($i=0;$i<5;$i++)

{{$i}}

@endfor

（4）

在student控制器里写：

public function test4(){

/*模板继承*/

$name='zls';

$students=Student::get();

return view('student/section1',['name'=>$name,'students'=>$students]);

}

模板里写：

@foreach ($students as $student)

{{$student->vip_name}}

@endforeach

（5）

@forelse ($students as $student)

{{$student->vip_name}}

@empty

null

@endforelse

和foreach一样，只是当数组为空时，会输出null

3.模板中的URL

有3种方式生成url。

url() 路由的方式（这个最简单）

action() 控制器名+方法名

route() 路由别名的方式

具体操作：

在student控制器里新增一个test5方法，用来测试

public function test5(){

echo "你跳转到了test5";

}

在section1模板里写：

<a href="{{url('test5')}}">url()点击跳转到test5里（路由方式）</a>

<a href="{{action('StudentController@test5')}}">action() 点击跳转到test5里（控制器名@方法名方式）</a>

<a href="{{route('url')}}">route()点击跳转到test5里（路由别名方式）</a>

路由配置：Route::get('test5',['as'=>'url','uses'=>'StudentController@test5']);

Url访问laravel/public/test4

倾城一笑stu

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Laravel之Blade模板引擎

Blade是Laravel提供的一个既简单又强大的模板引擎，Blade允许在视图中使用原生php代码，所有Blade视图页面都将被编译成原生php代码并缓存起来，除非你的模板文件被修改了，否则不会重新编译。1.模板继承一个网站，往往很多界面有相同的区块，比如导航栏，底部栏，顶部栏。这些界面只有主内容区域不一样。为了提高代码的复用性，我们可以将这些相同的区块放在布局模板里，然后让其它模板去
复制链接

扫一扫