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模板引擎写还说的过去,但笔者更愿意使 ...
随机推荐
- Android Studio 那些事|Activity文件前标识图标显示为 j 而是 c
问题:Activity文件前标识图标显示为 j 而是 c 的图标,或是没有显示,并且自己主动提示不提示 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/fo ...
- Deployment相对ReplicaSet优势
系列目录 RS与Deployment主要用于替代RC.RS的全称为Replica Set.相对于RC,RS与Deployment的优势如下: RC只支持基于等式的selector,如env=dev或者 ...
- Jquery 文字模拟输入效果
https://github.com/mattboldt/typed.js/ 挺酷炫的
- centos编译 Compiling FFmpeg on CentOS RHEL Fedora
This guide is based on a minimal installation of the latest CentOS release, and will provide a local ...
- Webkit JNI
WebCoreFrameBridge.cpp BrowserFrame通过jni传下来的调用都会调用到WebCoreFrameBridge.cpp中的对应函数中,其他webkit的模块想回调信息给Br ...
- return和exit的差别
#include<stdio.h> #include<sys/types.h> #include<sys/wait.h> #include<unistd.h& ...
- 2014年辛星解读css第五节
本小节我们解说css中的"盒模型".即"box model",它通经常使用于在布局的时候使用,这个"盒模型"也有人成为"框模型&q ...
- 13.JavaScript 类
JavaScript 类 JavaScript 是面向对象的语言,但 JavaScript 不使用类. 在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样 ...
- vue指令与$nextTick 操作DOM的不同之处
异步更新队列 可能你还没有注意到,Vue 异步执行 DOM 更新.只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变.如果同一个 watcher 被多次触发,只会被推 ...
- nginx-upsync-module安装
1.安装nginx-upsync-module wget https://github.com/weibocom/nginx-upsync-module/archive/master.zip 作用:n ...