laravel blade模板介绍_html/css_WEB-ITnose
程序员文章站
2022-04-22 12:17:56
...
首先设定一个路由,路由指向了sitecontroller的test方法,这样的话,就能在url中访问这个url去到达我们想要到达的页面。app/Http/routes.php
Route::get('/test','SiteController@test');//这里我们要访问/test这个url
controller依然是那个controller,不过现在只有一个test访问,因为我们要测试的这个方法app/Http/Controllers/SiteController.php
class SiteController extends Controller{ public function test(){ return view('test'); //这里要显示的视图是test.blade.php }}
这里是一个模板中的模板文件,可以理解为一个背景,或者一个大模板,这个模板文件的作用是将所有共性的html文件代码统一到一个文件,然后在这个文件里面插入差异性的html代码,
app/resourc/views/layout/app.blade.php
这里有几个意思:
1.laravel默认能读取views这个文件夹,默认指定了这里是存放视图的地方
2.然而layout这个文件夹是用户自己自定义建立的,也可以不建立,只是为了方便区分模板中的模板文件的这种情况,通常会叫做master或者layout
3.这个模板文件也是blade引擎的文件,所以需要blade.php后缀
Laravel @yield('content') //yield是区域,这里就是代表在当前这个位置,是一个名叫content的区域,这是blade引擎的特殊语法
这个是差异性文件app/resourc/views/test.blade.php
@extends('layout.app')//extends就好像php的那个extends继承,这里也差不多意思,继承自某个文件,而layout.app是代表了layout这个目录下面的app.blade.php文件,因为laravel默认指定了views作为根目录,所以可以直接写相对路径@section('content') //section意思就是区块,这个区块跟之前的@yield区域遥相呼应,这里的意思是继承了模板中的模板layout.app之后,我知道了一个区域是叫content的,然后我要使用这个区域,所以用section来指定,指定之后,就能在这个范围内写入你需要的代码了。hello i am test
@stop //要跟一个stop来保持一致性
对于需要做一些复杂的模板继承,或者代码自定义app/resourc/views/layout/app.blade.php
Laravel @yield('content')@yield(('footer')) //写多一个@yield,代表多了一个区域
app/resourc/views/test.blade.php
@extends('layout.app')@section('content')hello i am test
@stop@section('footer') //用的时候也是类似使用 @stop
当需要传入变量或者数组的时候app/Http/Controllers/SiteController.php
class SiteController extends Controller{ public function test(){ $people = ['aaa','bbb','ccc']; return view('test',compact('people')); //用compact将其转为一个包含key和value的数组,key就是people即原来的数组名字,相当于封装了一层。 }}
app/resourc/views/test.blade.php
@extends('layout.app')@section('content')hello i am test
- @foreach($people as $p)//到了视图这边,获取到一个$people的数组,这个是compact封装过的那个people数组,然后进行foreach循环,@foreach也是blade引擎的语法,不过用法跟一般的foreach差不多
- {{$p}} @endforeach
本文由 PeterYuan 创作,采用 署名-非商业性使用 2.5 * 进行许可。 转载、引用前需联系作者,并署名作者且注明文章出处。神一样的少年 » laravel blade模板介绍
推荐阅读
-
HTML5+CSS3使用Modernizr介绍_html/css_WEB-ITnose
-
Laravel学习第一天(创建laravel项目、路由、视图、blade模板),laravelblade
-
Laravel blade 模板积累
-
用if条件语句来实现浏览器兼容简单介绍_html/css_WEB-ITnose
-
30 套精美免费的 bootstrap 模板_html/css_WEB-ITnose
-
【CSS】纯CSS实现三级导航(模板)_html/css_WEB-ITnose
-
求教这个网站用了什么模板?_html/css_WEB-ITnose
-
Laravel框架Blade模板简介及模板继承用法分析
-
laravel5.1框架基础之Blade模板继承简单使用方法分析
-
解决Laravel blade模板转义html标签的问题