Laravelblade模板语法初体验

1.Balde简介和Blade模板继承

（1）简介：Blade是Laravel提供的一个简单强大的模板引擎，Blade并不限制你在视图中（view）使用原生PHP代码；所有的Blade模板视图页面将被编译成缓存页面，模板视图更新，缓存页面也将重新编译。

（2）模板继承（ extends、section、 yield、 parent）

@extends('layouts')@section('header')@parentheader
@stop@section('sidebar')@parentsidebar
@stop@section('content')@parentcontent
@stop@section('footer')@parentfooter
@stop

2. 基础语法

（1）模板中输出变量
（2）模板中调用PHP代码
（3）原样输出
（4）模板注释
（5）引入子视图

@section('content')<!-- 模板中输出变量 --><p>我的姓名：{{$name}}</p><p>我的年龄：{{$age}}</p><!-- 模板中输出PHP代码 --><p>当前时间为 {{date('Y-m-d H:m:i',time())}}</p><p>现在的天气：{{ in_array('多云',array('多云','雨','晴')) ? '多云' : '雷阵雨' }}</p><p>你的年龄多大呢？ {{ var_dump($age) }}</p><p>你有姓名吗？{{ isset($name) ? $name : ''}}</p><p>你有姓名吗？{{ $name or ''}}</p><!-- 转字符输出/原样输出 --><p>@{{$name}}</p><!--注释--><p>{{-- 这是一段注释 --}}</p><!-- 引入子视图 -->@include('section.section1_child',['component_name' => '哆啦A梦'])@stop

3. 流程控制（if 、unless 、for 、foreach ）

@if($age >= 20)大龄青年
@else青少年
@endif@unless( $age >= 20 )青少年
@endunless@for($i=0;$i<10;$i++){{$i}} {{--  0 1 2 3 4 5 6 7 8 9 --}}
@endfor@foreach($arr as $person){{ $person}} {{--  小明 小花 小强 小颖 --}}
@endforeach

4. 模板中的URL（url() 、 action() 、 route() ）

//控制器
class SectionController extends Controller
{public function section1(){return view('section/section1',['name' => 'xiaoYi','age' => 23,'arr' => array('小明','小花','小强','小颖')]);}public function url(){return 'current-url-page';}
}//路由设置
Route::get('section/url',['as'=>'surl','uses' => 'SectionController@url']);//模板内容
{{ url('section/url') }}
<p><a href="{{ url('section/url') }}">use url() go to otehr page</a></p>
<p><a href="{{ route('surl') }}">use route() go to otehr page</a></p>
<p><a href="{{ action('SectionController@url') }}">use action() go to otehr page</a></p>//页面输出
/*
http://localhost/laravels/public/section/url
use url() go to otehr page
use route() go to otehr page
use action() go to otehr page
*/

5. 总结

其blade模板语法类似于原生PHP的模板语法，在原生语法的基础上，做了有利于用户更加方便操作的优化。

Laravelblade模板语法初体验相关推荐

js实战代码系列—周杰伦给你报时间+网页页签制作模板+jQuery初体验
等到下次需要用的时候,可以回来找模板用哈哈哈哈! 刚碰jQuery,今天是个好日子,明天继续学jQuery,明天也是个好日子. https://blog.csdn.net/hanhanwanghaha ...
easymock平台语法初体验
第一个mock接口 {"head": {"version": "11111","bizcode": function({ ...
C#代码生成工具:文本模板初体验使用T4批量修改实体框架(Entity Framework)的类名...
转自:http://www.cnblogs.com/huangcong/archive/2011/07/20/1931107.html 在之前的文本模板(T4)初体验中我们已经知道了T4的用处,下面就 ...
ASP.NET Core 3.0 上的gRPC服务模板初体验(多图)
早就听说ASP.NET Core 3.0中引入了gRPC的服务模板,正好趁着家里电脑刚做了新系统,然后装了VS2019的功夫来体验一把.同时记录体验的过程.如果你也想按照本文的步骤体验的话,那你得先安 ...
Java8初体验（二）Stream语法详解(转)
本文转自http://ifeve.com/stream/ Java8初体验(二)Stream语法详解感谢同事[天锦]的投稿.投稿请联系 tengfei@ifeve.com 上篇文章Java8初体验( ...
黄聪：C#代码生成工具:文本模板初体验 Hello,World!
C#代码生成工具:文本模板初体验 Hello World 在VS中的文本模板(也称T4),它给我有点CodeSmith的感觉,也是通过模板加逻辑代码混编批量生成代码的方法,但是关于T4的资料不多,而且 ...
我的Go+语言初体验——（5）Go+ 基本语法之 Switch
我的Go+语言初体验--(5)Go+ 基本语法之 Switch "我的Go+语言初体验" | 征文活动进行中- Go+ 语言中提供多路分支条件语句 switch, 用于在不同条件下 ...
ue编辑器c语言语法高亮文件,再见UE之VS Code初体验---实现远端Linux C开发配置，ue初体验...
再见UE之VS Code初体验---实现远端Linux C开发配置,ue初体验一.引言笔者以前使用的远端开发工具为 Xshell5 + Xftp5 + Source Insight4++Uedit ...
vue create()获取ref_vue-next+typescript 初体验
无意间又一次刷到了尤大介绍 Vue 3 的文章,这次决定试一下 Vue 3 的 TypeScript 支持到底如何,不管别人说什么,只有自己用的舒服才是真的舒服.Vue 2 可是因为 ts 的缘故被喷 ...

Laravelblade模板语法初体验

Laravelblade模板语法初体验相关推荐

最新文章

热门文章