Laravel 5.1 框架Blade模板引擎用法实例分析
本文实例讲述了Laravel 5.1 框架Blade模板引擎用法。分享给大家供大家参考,具体如下
为什么要使用blade 它是干什么用的?
blade模板引擎使我们写HTML页面的地方,使用它是因为它能给我们提供很多的遍历,减少代码的重复率 提高开发效率。我们写blade的路径是 resources/view 下,它的文件名后缀是blade.php。
1 继承
继承是相当爽的,它可以从主模板继承所有代码,以免大量的代码重复。这样说比较片面,具体看眼代码吧。
1.1 模板继承拓展 代码片段
先创建一个 admin/layout.blade.php
<!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
@extends('admin.layout') @section('title') Home @endsection @section('navibar') @parent <p>增加别的代码 不是完全覆盖</p> @endsection @section('content') <p>Content body</p> @endsection
注册路由 实现控制器方法并展示
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(至于放在哪里随你便)
<p>这只是一个演示 所以不浪费时间写太多的HTML</p>
然后在home中引用它吧
@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 数据传入
数据传入有两种种方法 先说第一种 数组方式
public function index() { $name = 'K'; return view('admin.home', pact('name')); // 也可以这么写 // return view('admin.home', ['name' => $name]); }
第二种方法是with方法
public function index() { $name = 'K'; return view('admin.home')->with('name', $name); }
2.2 展示数据
第一种展示方法 {{ }},用双花括号括起来就可以展示传入blade模板的变量,在{{ }} 里是可以使用PHP代码的
<p>用户:{{ $name }}</p>
第二种展示方法{!! !!},它是不经过htmlentities函数处理的,所以说你传递的数据是html数据的话 可以使用这种方法
return view('admin.home')->with('name', '<h1>K</h1>'); <p>用户:{!! $name !!}</p>
3 控制语句
blade模板为了最大化使代码简洁呢 它本身自带了很多控制语句 这跟咱学的PHP很类似,就是if啊 foreach啊什么的
3.1 if控制 - 如果
废话不多说 实例放这你就能懂
@if(isset($name)) <p>{{ $name }}</p> @else <p>None</p> @endif
3.2 unless控制 - 除非
@unless(!isset($name)) <p>{{ $name }}</p> @endunless
3.3 for控制 - 循环
@for ($i = 0; $i < 10; $i++) <p>{{ $i }}</p> @endfor
3.4 foreach控制 - 循环遍历
{{--$names = ['k', 'l', 'i'];--}} @foreach($names as $name) <p>{{ $name }}</p> @endforeach
更多关于Laravel相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》及《》
希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程