<!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的更多相关文章

  1. laravel使用的模板引擎 blade

    使用blade引擎的话必须在控制器中使用use   Blade

  2. Laravel 模板引擎Blade中标签详细介绍

    这篇文章主要介绍了Laravel模板引擎Blade中section的一些标签的区别介绍,需要的朋友可以来看看. Laravel 框架中的Blade模板引擎很好用,但是官方文档介绍的并不详细,我接下来将 ...

  3. Express ( MiddleWare/中间件 路由 在 Express 中使用模板引擎 常用API

    A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...

  4. Laravel模板引擎Blade中section的一些标签的区别介绍

    Laravel 框架中的 Blade 模板引擎,很好用,但是在官方文档中有关 Blade 的介绍并不详细,有些东西没有写出来,而有些则是没有说清楚.比如,使用中可能会遇到这样的问题: 1.@yield ...

  5. lavarel模板引擎blade学习

    blade 模板学习 特点 主要的两个优点是:模板继承和区块 继承页面布局 布局文件(layout.php) + 详情文件 (page.php) 的组合,即一般到具体的组合.在blade文件之中的体现 ...

  6. express中ejs模板引擎

    1.在 app.js 中通过以下两个语句设置了 引擎类型 和页面模板的位置: app.set('views', __dirname + '/views'); app.set('view engine' ...

  7. 第115天:Ajax 中artTemplate模板引擎(一)

    一.不分离与分离的比较 1.前后端不分离,以freemarker模板引擎为例,看一下不分离的前后端请求的流程是什么样的? 从上图可以看出,前后端开发人员的工作耦合主要在(3)Template的使用.后 ...

  8. android webview 中 js 模板引擎的使用

    最近在项目中要求用 webview 展示几个界面, 而后台返回的不是 html 而是 json 数据. 起初用 StringBuilder 一个一个拼 html, 后来感觉太繁琐,拼一个还行,拼多了就 ...

  9. node.js中的模板引擎jade、handlebars、ejs

    使用node.js的Express脚手架生成项目默认是jade模板引擎,jade引擎实在是太难用了,这么难用还敢设为默认的模板引擎,过分了啊!用handlebars模板引擎写还说的过去,但笔者更愿意使 ...

随机推荐

  1. 怎么将linux的动态IP设置成静态IP

    例如我的eth0网卡信息如下 eth0 Link encap:Ethernet HWaddr :0C::AA:B2:CA inet addr:192.168.79.135 Bcast:192.168. ...

  2. ffmpeg api升级到3.3 api变化

     void av_free_packet(AVPacket * pkt) Use void av_packet_unref(AVPacket * pkt) Wipe the packet. Unref ...

  3. MapReduce 1工作原理图文详解

    MapReduce工作原理图文详解 一 MapReduce程序执行流程 程序执行流程图如下: 流程分析:1.在客户端启动一个作业.2.向JobTracker请求一个Job ID.3.将运行作业所需要的 ...

  4. UniversalImageLoader 学习

    http://www.tuicool.com/articles/zIRNN3z http://www.cnblogs.com/avenwu/archive/2013/05/03/3058468.htm ...

  5. 网站web.cofig配置用户的权限

    访问被拒绝. 说明: 访问服务此请求所需的资源时出错.服务器可能未配置为访问所请求的 URL. 错误消息 401.2.: 未经授权: 服务器配置导致登录失败.请验证您是否有权基于您提供的凭据和 Web ...

  6. ElasticSearch(一)什么是全文检索?

    全文检索 全文检索,即倒排索引.

  7. Ubuntu Firefox没有声音的解决方案

    安装ubuntu-restricted-extras sudo apt-get install ubuntu-restricted-extras 参考博文:解决ubuntu中firefox没有声音的问 ...

  8. underscore.js中模板函数应用

    一.使用技术要点 (1)使用zepto.js的ajax请求; (2)使用underscore.js的_.template设定模板,模板一般以<script type="text/tem ...

  9. HTML5 实现文件拖放上传

    1. [图片] 5375acf5gw1dusqsscfksj.jpg ​2. [代码][HTML]代码 <!DOCTYPE html><html lang="en" ...

  10. SVG-Android开源库——SVG生成Vector资源文件的编辑预览工具

    Vector矢量图在Android项目中的应用越来越广泛,但是如果你想用Android Studio自带的工具将SVG图片转化成Vector资源文件却是相当麻烦,首先能支持的SVG规范较少,其次操作流 ...