Laravel 5.1 框架Blade模板引擎用法实例分析

2020-10-20 10:44:54 浏览数 (1)

本文实例讲述了Laravel 5.1 框架Blade模板引擎用法。分享给大家供大家参考，具体如下：

为什么要使用blade 它是干什么用的？

blade模板引擎使我们写HTML页面的地方，使用它是因为它能给我们提供很多的遍历，减少代码的重复率 提高开发效率。我们写blade的路径是 resources/view 下，它的文件名后缀是blade.php。

1 继承

继承是相当爽的，它可以从主模板继承所有代码，以免大量的代码重复。这样说比较片面，具体看眼代码吧。

1.1 模板继承拓展 代码片段

首先先创建一个 admin/layout.blade.php：

代码语言：javascript复制
<!DOCTYPE html 
<html 
<head 
  <title Learn Laravel-- @yield('title')</title 
</head 
<body 
  @section('navibar')
    The master navigation bar
  @show
  <div class="container" 
    @yield('content')
  </div 
</body 
</html

然后创建 admin/home.blade.php 继承自layout：

代码语言：javascript复制
@extends('admin.layout')
@section('title')
  Home
@endsection
@section('navibar')
  @parent
  <p 增加别的代码 不是完全覆盖</p 
@endsection
@section('content')
  <p Content body</p 
@endsection

注册路由 实现控制器方法并展示

代码语言：javascript复制
Route::group(['prefix' =  'admin', 'namespace' =  'Admin'], function (){
  Route::resource('/', 'HomeController');
});
  public function index()
  {
    return view('admin.home');
  }

总结： 好了 现在咱先看layout代码 它初始定义了一个HTML简单的模板，在需要拓展的地方都加上了@yield关键字 这代表可填充的一块儿代码片段区域，而@section(navi)是声明了一段片段 然后通过@show来展示。

然后我们创建了home文件，它可以继承自layout 通过@extends() 继承之后就可以使用@section填充layout中的@yield的了，一个yield对应着一个section，关于layout中的@section(navi) 在home中也进行了补充 因为使用了@parent关键字，代表着不覆盖父模板的代码片段 而是在父模板的代码片段最后追加代码，当然啦 如果你要是去掉@parent关键字就会覆盖掉。

如果这么说你还是不明白的话，打开编译器敲一遍 看看结果就清楚了。

1.2 引入一段代码

这也是blade相当强大的地方 当你写了一段HTML之后呢 发现其中有些内容在别的页面下重用率很高，你完全可以把它抽出来放在另一个blade中，然后每当你要使用这段代码时使用@include引入就行了。

首先我们先来创建一个 some.blade.php(至于放在哪里随你便) ：

代码语言：javascript复制
<p 这只是一个演示 所以不浪费时间写太多的HTML</p

然后在home中引用它吧：

代码语言：javascript复制
@extends('admin.layout')
@section('title')
  Home
@endsection
@section('navibar')
  @parent
  <p 增加别的代码 不是完全覆盖</p 
@endsection
@section('content')
  @include('admin.some')
  <p Content body</p 
@endsection

2 数据展示

这段说说如何将数据传入到一个视图 然后将它展示到页面上。

2.1 数据传入

数据传入有两种种方法 先说第一种 数组方式：

代码语言：javascript复制
  public function index()
  {
    $name = 'K';
    return view('admin.home', compact('name'));
    // 也可以这么写
//    return view('admin.home', ['name' =  $name]);
  }

第二种方法是with方法：

代码语言：javascript复制
  public function index()
  {
    $name = 'K';
    return view('admin.home')- with('name', $name);
  }

2.2 展示数据

第一种展示方法 {{ }}，用双花括号括起来就可以展示传入blade模板的变量，在{{ }} 里是可以使用PHP代码的：

代码语言：javascript复制
<p 用户:{{ $name }}</p

第二种展示方法{!! !!}，它是不经过htmlentities函数处理的，所以说你传递的数据是html数据的话 可以使用这种方法：

代码语言：javascript复制
return view('admin.home')- with('name', '<h1 K</h1 ');
<p 用户:{!! $name !!}</p

3 控制语句

blade模板为了最大化使代码简洁呢 它本身自带了很多控制语句 这跟咱学的PHP很类似，就是if啊 foreach啊什么的

3.1 if控制 – 如果

废话不多说 实例放这你就能懂：

代码语言：javascript复制
  @if(isset($name))
    <p {{ $name }}</p 
  @else
    <p None</p 
  @endif

3.2 unless控制 – 除非

代码语言：javascript复制
  @unless(!isset($name))
    <p {{ $name }}</p 
  @endunless

3.3 for控制 – 循环

代码语言：javascript复制
  @for ($i = 0; $i < 10; $i  )
    <p {{ $i }}</p 
  @endfor

3.4 foreach控制 – 循环遍历

代码语言：javascript复制
  {{--$names = ['k', 'l', 'i'];--}}
  @foreach($names as $name)
    <p {{ $name }}</p 
  @endforeach

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

希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。

mvc laravel 面向对象编程 编程算法 php

0 人点赞