当前位置: 首页 > 工具软件 > Blade Track > 使用案例 >

学习blade的一些记录

宋和颂
2023-12-01

简介## 标题

Blade 是 Laravel 提供的一个简单而又强大的模板引擎。
Blade 可以在视图中使用原生 PHP 代码。
所有 Blade 视图文件都将被编译成原生的 PHP 代码并缓存起来,除非它被修改,否则不会重新编译。
Blade 视图文件使用 .blade.php 作为文件扩展名,被存放在 resources/views目录。

创建一个简单的test.blade.php文件

  1. 创建路由
    找到项目文件的根目录 router-> web.php
    Route::get('testXY', 'Admin\TestController@test');
    testXY:路由名称
    Admin\TestController:相应文件夹 \ 相应的控制器
    @test:控制器中的方法
  2. 相应控制器
    控制器的根目录 app -> Http ->Controllers ->找到对应自己的控制器文件(例如:TestController.php)
public function test()
			        return view('admin.test');
			    }

视图显示的内容在:
admin.test :文件夹 / 文件名
3. 界面内容
界面内容的显示目录:resource -> views ->找到自己的显示文件
(例如:->admin -> test.blade.php)

访问你的文件

访问方法:相应的域名+你的路由
例如:http://www.baidu.com/admin/testXY

接下来的内容就是如何在界面中修改增加自己想要的内容啦!!!

模板继承## 标题

Blade 的两个主要优点是 模板继承区块

1.定义布局
保存在 resources/views/layouts/app.blade.php 文件中

		<html>
		    <head>
		        <title>App Name - @yield('title')</title>
		    </head>
		    <body>
		        @section('sidebar')
		            This is the master sidebar.
		        @show
		
		        <div class="container">
		            @yield('content')
		        </div>
		    </body>
		</html>

@section 指令定义了视图的一部分内容,而 @yield指令是用来显示指定部分的内容。
2.继承布局
当定义子视图时,你可以使用 Blade 提供的 @extends 命令来为子视图指定应该 「继承」 的布局。
继承 Blade 布局的视图可使用 @section 命令将内容注入于布局的 @section 中。
而「主」布局中使用 @yield 的地方会显示这些子视图中的 @section 间的内容:
文件保存于 resources/views/child.blade.php

		@extends('layouts.app')
		
		@section('title', 'Page Title')
		
		@section('sidebar')
		    @parent
		
		    <p>这将追加到主布局的侧边栏。</p>
		@endsection
		
		@section('content')
		    <p>这是主体内容。</p>
		@endsection

在上面的例子里,@section 中的 sidebar 使用 @parent 命令在「主」布局的 @section(‘sidebar’) 中增加内容(不是覆盖)。

渲染视图时,@parent 指令会被替换为「主」布局中 @section(‘sidebar’)间的内容。

( 此侧边栏部分以 @endsection 而不是 @show 结尾。 @endsection 指令只定义一个区块,而 @show 则是定义并立即生成该区块。)

你也可以通过在路由中使用全局辅助函数 view 来返回 Blade 视图:

			Route::get('blade', function () {
			    return view('child');
			});

显示数据

传入 Blade 视图的数据,通过双花括号包裹来显示。例如,给出如下路由:

		Route::get('greeting', function () {
		    return view('welcome', ['name' => 'Samantha']);
		});

应该这样显示 name 变量的内容:

		Hello, {{ $name }}.

结构控制

除了模板继承和显示数据之外, Blade 还提供了常见的 PHP 结构控制语句,比如表达式和循环语句。这些语句与 PHP 语句相似,与其一样清晰简明。
1.If 语法
你可以使用 @if 、 @elseif 、 @else 和 @endif 指令来构 if 表达式。这些命令的功能等同于 PHP 中的语法:

				@if (count($records) === 1)
				    我有一个记录!
				@elseif (count($records) > 1)
				    我有多个记录!
				@else
				    我没有任何记录!
				@endif

2.switch语句
Switch 语句可以通过 @switch, @case,@break, @default 以及 @endswitch 指令来进行构造。

		@switch($i)
		    @case(1)
		        First case...
		        @break
		    @case(2)
		        Second case...
		        @break
		   @default
		        Default case...
	@endswitch

3.循环
除了条件表达式外,Blade 也支持 PHP 的循环结构。同样,以下这些指令中的每一个都与其 PHP 对应的函数相同:

		@for ($i = 0; $i < 10; $i++)
	    The current value is {{ $i }}
		@endfor

		@foreach ($users as $user)
		    <p>This is user {{ $user->id }}</p>
		@endforeach

		@forelse ($users as $user)
		    <li>{{ $user->name }}</li>
		@empty
		    <p>No users</p>
		@endforelse

		@while (true)
		    <p>I'm looping forever.</p>
		@endwhile

4.循环变量
循环时,可以在循环内使用 $loop 变量。
这个变量可以提供一些有用的信息,比如当前循环的索引,当前循环是否为首次迭代,抑或当前循环是否为末次迭代:

				@foreach ($users as $user)
				    @if ($loop->first)
				        This is the first iteration.
				    @endif
		
				    @if ($loop->last)
				        This is the last iteration.
				    @endif
				
				    <p>This is user {{ $user->id }}</p>
				@endforeach

在一个嵌套的循环中,可以通过使用 $loop 变量的parent属性来获取父循环中的 $loop 变量:

		@foreach ($users as $user)
		    @foreach ($user->posts as $post)
		        @if ($loop->parent->first)
		            This is first iteration of the parent loop.
		        @endif
		    @endforeach
		@endforeach

相关:
$loop 变量也包含了其它各种有用的属性:

属性                      	  描述
$loop->index	         当前循环迭代的索引(从0开始)。
$loop->iteration	     当前循环迭代 (从1开始)。
$loop->remaining	 循环中剩余迭代数量。
$loop->count	         迭代中的数组元素总数。
$loop->first	             当前迭代是否为循环中的首次迭代。
$loop->last	            当前迭代是否为循环中的末次迭代。
$loop->depth	        当前循环的嵌套深度级别。
$loop->parent	        在嵌套循环中,父循环的 loop 变量。

5.注释
Blade 也能在视图中定义注释。但是,和 HTML 的注释不同的是,Blade 注释不会被包含在应用程序返回的 HTML 内:

{{-- This comment will not be present in the rendered HTML --}}

6.PHP
在某些情况下,将 PHP 代码嵌入到视图中很有用。你可以使用 Blade 的 @php 指令在模板中执行一段纯 PHP 代码:
@php
//
@endphp

引入子视图

Blade的@include 指令允许你从另一个视图中引入 Blade 视图。所有在父视图的可用变量在被引入的视图中都是可用的。

		<div>
		    @include('shared.errors')
		
		    <form>
		        <!--表单内容 -->
		    </form>
		</div>

被引入的视图会继承父视图中的所有数据,同时也可以向引入的视图传递额外的数组数据:

	@include('view.name', ['some' => 'data'])

当然,如果尝试使用 @include 去引入一个不存在的视图,Laravel 会抛出一个错误。
如果想引入一个不能确定存在与否的视图,你应当使用 @includeIf 指令:

		@includeIf('view.name', ['some' => 'data'])

如果想根据给定的布尔条件来 @include 一个视图,你可以使用 @includeWhen 指令:

		@includeWhen($boolean, 'view.name', ['some' => 'data'])

如果想引入给定视图数组中的第一个视图,你可以使用 includeFirst 指令:

		@includeFirst(['custom.admin', 'admin'], ['some' => 'data'])

为集合渲染视图
你可以使用 Blade 的 @each 命令将循环及引入写成一行代码:

		@each('view.name', $jobs, 'job')
		
第一个参数是对数组或集合中的每个元素进行渲染的部分视图。
第二个参数是要迭代的数组或集合
而第三个参数是将被分配给视图中当前迭代的变量名称。

举个例子,如果你要迭代一个jobs数组,通常会使用子视图中的变量 job 来获取每个job。当前迭代的 key 将作为子视图中的 key 变量。
你可以在 @each 指令中传入第四个参数。当需要迭代的数组为空时,将会使用这个参数提供的视图来渲染。
@each(‘view.name’, $jobs, ‘job’, ‘view.empty’)

堆栈

Blade 允许你将数据压入命名堆栈中,这些堆栈可以在其他视图或者布局中再进行渲染。
这在子视图中指定所需的 JavaScript 库时非常有用:

		@push('scripts')
		    <script src="/example.js"></script>
		@endpush

你可以按需多次压栈,通过 @stack 命令中传递堆栈的名称来渲染完整的堆栈内容:

		<head>
		    <!-- 头部内容 -->
		
		    @stack('scripts')
		</head>

如果想将内容放置在栈顶,你应当使用 @prepend 指令:

		@push('scripts')
		    这里将会排在第二……
		@endpush
		
		// 然后……
		
		@prepend('scripts')
		    此处将会排在第一
		@endprepend

服务注入和拓展Blade感兴趣的了解链接:
https://learnku.com/docs/laravel/5.7/blade/2265

 类似资料: