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模板引擎写还说的过去,但笔者更愿意使 ...
随机推荐
- POJ1830开关问题——gauss消元
题目链接 分析: 第一个高斯消元题目,操作是异或.奇偶能够用0.1来表示,也就表示成bool类型的方程,操作是异或.和加法没有差别 题目中有两个未知量:每一个开关被按下的次数(0.1).每一个开关的转 ...
- Fedora21 安装视频播放解码器
12 12月 2014年12月12日 Posted by 涛儿 2 首先启用RPM Fusion软件源: sudo rpm -ivh http://download1.rpmfusion.org/fr ...
- windows下gVim 中文显示为乱码
打开vimrc文件,在vim的安装目录下可以找到该文件: 或在windows下是在vim/gvim下输入:edit $vim/_vimrc. 在文件的末尾添加一句 "set fileenco ...
- ecshop忘记管理员密码
直接修改数据表 ecs_admin_user, 找到对应的管理员, 同时修改 password 为 2fc3ec4c91d51bee94f4a8ccbdbe5383 和 ec_salt 为1819, ...
- Android自动折行TextView Group
package com.test.testview; import java.util.ArrayList; import android.content.Context; import androi ...
- javascript 连续赋值(转载)
先看一个例子 ● var a = {n:1}; ● var b = a; ● a.x = a = {n:2}; ● console.log("a.x: " + a.x); // ...
- java_类型强转
class Father{ public void fromFather(){ System.out.println("fromFather"); } } interface in ...
- wpf 模板选择器DataTemplateSelector及动态绑定使用教程
其实也说不上算是教程了,只是把自己学习的代码拿出来分享一下,同时方便以后遇到类似问题的时候翻一下.MSDN里如是说:通常,如果有多个 DataTemplate 可用于同一类型的对象,并且您希望根据每个 ...
- angular cannot get /
每次遇到这问题都一脸懵逼,好像自己啥都没改咋就悲剧了 目前知道的办法是在命令行运行ng serve,它会告诉你详细错误 因为我是通过asp.net core的集成环境运行的,它没显示出详细错误
- ipa验证错误问题总结
The following issues were found during validation.这个error的产生原因是因为代码中写的标示符或者方法名,与系统的命名空间冲突. 具体是哪个标示符或 ...