Laravel中的模板引擎Blade
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板继承@yield('title')</title>
<style>
.header{
width: 1000px;
height:150px;
margin: 0 auto;
background: #f5f5f5;
border: 1px solid #dddddd;
}
.main{
width: 1000px;
height:300px;
margin: 0 auto;
margin-top: 15px;
clear:both;
}
.main .sidebar{
float:left;
width:20%;
height:inherit;
background: #f5f5f5;
border:1px solid #ddd;
}
.main .content{
float: right;
width: 75%;
height: inherit;
background: #f5f5f5;
border:1px solid #ddd;
}
.footer{
width:1000px;
height:150px;
margin: 0 auto;
margin-top:15px;
background: #f5f5f5;
border:1px solid #ddd;
}
</style>
</head>
<body>
<div class="header">
@section('header')
头部
@show
</div>
<div class="main">
<div class="sidebar">
<!--section是用来定义一个视图片段的-->
@section('sidebar')
侧边栏
@show
</div>
<div class="content">
<!--yield表示某个指定section所要显示的内容,可以想象成一个占位符-->
@yield('content','主要内容区域')
</div>
</div>
<div class="footer">
@section('footer')
底部
@show
</div>
</body>
</html>
@extends('layouts')
@section('header')
@parent
header
@stop
@section('sidebar')
sidebar
@stop
@section('content')
content
<!--模板中输出PHP变量-->
<p>{{$name}}</p>
<!--模板中调用php代码-->
<p>{{time()}}</p>
<p>{{date('Y-m-d H:i:s',time())}}</p>
<p>{{in_array($name,$arr)?'true':'false'}}</p>
<p>{{var_dump($arr)}}</p>
<p>{{isset($name)?$name:'default'}}</p>
<p>{{$name or 'default'}}</p>
<!--原样输出-->
<p>@{{ $name }}</p>
<!--模板中的注释-->
<!--引入子视图include-->
@include('user.common1',['message'=>'这里是错误信息'])
<!--流程控制-->
@if($name=='yxh')
I'm yxh
@elseif($name=='imooc')
I'm imooc
@else
who am I?
@endif
@if(in_array($name,$arr))
true
@else
false
@endif
@unless($name!='yxh')
I'm yxh;
@endunless
@for($i=0;$i<3;$i++)
{{$i}}
@endfor
{{--@foreach($user as $user)--}}
{{--{{$user->username}}--}}
{{--@endforeach--}}
@forelse($user as $user)
{{$user->username}}
@empty
null
@endforelse
<a href="{{url('url')}}">url()</a>
<a href="{{action('UserController@urlTest')}}">action()</a>
<a href="{{route('url')}}">route()</a>
@stop
<p>这里是include{{$message}}</p>
public function section1(){
$name = 'yxh';
$arr = ['yxh','imooc'];
$user = Admin::get();
return view('user.section1',[
'name'=>$name,
'arr' =>$arr,
'user'=>$user
]);
}
public function urlTest(){
return 'urlTest';
}
Laravel中的模板引擎Blade的更多相关文章
- laravel使用的模板引擎 blade
使用blade引擎的话必须在控制器中使用use Blade
- Laravel 模板引擎Blade中标签详细介绍
这篇文章主要介绍了Laravel模板引擎Blade中section的一些标签的区别介绍,需要的朋友可以来看看. Laravel 框架中的Blade模板引擎很好用,但是官方文档介绍的并不详细,我接下来将 ...
- Express ( MiddleWare/中间件 路由 在 Express 中使用模板引擎 常用API
A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...
- Laravel模板引擎Blade中section的一些标签的区别介绍
Laravel 框架中的 Blade 模板引擎,很好用,但是在官方文档中有关 Blade 的介绍并不详细,有些东西没有写出来,而有些则是没有说清楚.比如,使用中可能会遇到这样的问题: 1.@yield ...
- lavarel模板引擎blade学习
blade 模板学习 特点 主要的两个优点是:模板继承和区块 继承页面布局 布局文件(layout.php) + 详情文件 (page.php) 的组合,即一般到具体的组合.在blade文件之中的体现 ...
- express中ejs模板引擎
1.在 app.js 中通过以下两个语句设置了 引擎类型 和页面模板的位置: app.set('views', __dirname + '/views'); app.set('view engine' ...
- 第115天:Ajax 中artTemplate模板引擎(一)
一.不分离与分离的比较 1.前后端不分离,以freemarker模板引擎为例,看一下不分离的前后端请求的流程是什么样的? 从上图可以看出,前后端开发人员的工作耦合主要在(3)Template的使用.后 ...
- android webview 中 js 模板引擎的使用
最近在项目中要求用 webview 展示几个界面, 而后台返回的不是 html 而是 json 数据. 起初用 StringBuilder 一个一个拼 html, 后来感觉太繁琐,拼一个还行,拼多了就 ...
- node.js中的模板引擎jade、handlebars、ejs
使用node.js的Express脚手架生成项目默认是jade模板引擎,jade引擎实在是太难用了,这么难用还敢设为默认的模板引擎,过分了啊!用handlebars模板引擎写还说的过去,但笔者更愿意使 ...
随机推荐
- 怎么将linux的动态IP设置成静态IP
例如我的eth0网卡信息如下 eth0 Link encap:Ethernet HWaddr :0C::AA:B2:CA inet addr:192.168.79.135 Bcast:192.168. ...
- ffmpeg api升级到3.3 api变化
void av_free_packet(AVPacket * pkt) Use void av_packet_unref(AVPacket * pkt) Wipe the packet. Unref ...
- MapReduce 1工作原理图文详解
MapReduce工作原理图文详解 一 MapReduce程序执行流程 程序执行流程图如下: 流程分析:1.在客户端启动一个作业.2.向JobTracker请求一个Job ID.3.将运行作业所需要的 ...
- UniversalImageLoader 学习
http://www.tuicool.com/articles/zIRNN3z http://www.cnblogs.com/avenwu/archive/2013/05/03/3058468.htm ...
- 网站web.cofig配置用户的权限
访问被拒绝. 说明: 访问服务此请求所需的资源时出错.服务器可能未配置为访问所请求的 URL. 错误消息 401.2.: 未经授权: 服务器配置导致登录失败.请验证您是否有权基于您提供的凭据和 Web ...
- ElasticSearch(一)什么是全文检索?
全文检索 全文检索,即倒排索引.
- Ubuntu Firefox没有声音的解决方案
安装ubuntu-restricted-extras sudo apt-get install ubuntu-restricted-extras 参考博文:解决ubuntu中firefox没有声音的问 ...
- underscore.js中模板函数应用
一.使用技术要点 (1)使用zepto.js的ajax请求; (2)使用underscore.js的_.template设定模板,模板一般以<script type="text/tem ...
- HTML5 实现文件拖放上传
1. [图片] 5375acf5gw1dusqsscfksj.jpg 2. [代码][HTML]代码 <!DOCTYPE html><html lang="en" ...
- SVG-Android开源库——SVG生成Vector资源文件的编辑预览工具
Vector矢量图在Android项目中的应用越来越广泛,但是如果你想用Android Studio自带的工具将SVG图片转化成Vector资源文件却是相当麻烦,首先能支持的SVG规范较少,其次操作流 ...