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', compact('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优秀开发框架总结》、《php面向对象程序设计入门教程》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。
- 使用shell脚本快速得到主备关系(r9笔记第93天)
- 【Java入门提高篇】Day13 Java中的反射机制
- 仿腾讯课堂固定滚动列表ReactNative组件
- Golang通过socket与java通讯
- Java基础-day09-基础题-对象;类;封装
- 通过shell脚本得到数据库的基本信息(一)(r9笔记第89天)
- iOS设备唯一标识的前世今生
- python 生成内嵌式字典(dict)-案例从python提取内嵌json写入mongodb
- Golang语言打印九九乘法表
- AVFoundation 框架初探究(四)
- Data Guard跳归档恢复的实践(r9笔记第92天)
- AVFoundation 框架初探究(三)
- AVFoundation 框架初探究(二)
- 关于视图和存储过程的权限问题探究 (r9笔记第87天)
- php概述
- php教程
- php环境搭建
- PHP书写格式
- php变量
- php常量
- PHP注释
- php数组
- php字符串 string
- PHP整型 integer
- PHP浮点型 float
- php布尔型
- php数据类型之数组
- php数据类型之对象
- php数据类型之null
- php数据类型之间的转换
- php运算符
- php表达式
- PHP循环控制
- PHP流程控制
- php函数
- php全局变量
- PHP魔术变量
- php命名空间
- php 日期
- PHP包含文件
- php文件
- PHP 文件上传
- php Cookies
- php Sessions
- php email
- php安全email
- php错误处理
- PHP异常处理
- php过滤器
- PHP 高级过滤器
- php json
- php 表单
- PHP MySQL 简介
- PHP 连接 MySQL
- php创建数据库
- php 创建表
- php mysq 插入数据
- PHP MySQL 插入多条数据
- PHP MySQL 预处理语句
- php mysql 读取数据
- php mysql where
- PHP MySQL Order By
- PHP MySQL Update
- PHP MySQL Delete
- php ODBC
- Hive窗口函数
- 同时打乱数据集和标签的几种方式
- Hive中的数据类型以及案例实操
- pytorch和tensorflow的爱恨情仇之定义可训练的参数
- Hive中库和表的常见操作
- 宝石与石头
- 给你的MyBatis-Plus装上批量插入的翅膀
- pytorch和tensorflow的爱恨情仇之参数初始化
- scp命令
- osgEarth使用笔记4——加载矢量数据
- Pots(POJ - 3414)【BFS 寻找最短路+路径输出】
- Vue路由Hash模式分析
- Flutter基础widgets教程-CupertinoButton篇
- 利用TfidfVectorizer进行中文文本分类(数据集是复旦中文语料)
- 组合模式