laravel blade模板介绍_html/css_WEB-ITnose-html教程-PHP中文网

hello i am test

首页

web前端

html教程

laravel blade模板介绍_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 08:48 AM

首先设定一个路由，路由指向了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后缀

< !DOCTYPE html><html><head>    <title>Laravel</title>    <!-- 新 Bootstrap 核心 CSS 文件 -->    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/></head><body>    @yield('content') //yield是区域，这里就是代表在当前这个位置，是一个名叫content的区域，这是blade引擎的特殊语法</body></html>

登录后复制

这个是差异性文件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来指定，指定之后，就能在这个范围内写入你需要的代码了。    <h1 id="hello-i-am-test">hello i am test</h1>@stop //要跟一个stop来保持一致性

登录后复制

对于需要做一些复杂的模板继承，或者代码自定义app/resourc/views/layout/app.blade.php

< !DOCTYPE html><html><head>    <title>Laravel</title>    <!-- 新 Bootstrap 核心 CSS 文件 -->    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/></head><body>@yield('content')@yield(('footer'))  //写多一个@yield，代表多了一个区域</body></html>

登录后复制

app/resourc/views/test.blade.php

@extends('layout.app')@section('content')    <h1 id="hello-i-am-test">hello i am test</h1>@stop@section('footer')  //用的时候也是类似使用    <script>alert('i am alert');</script>@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')    <h1 id="hello-i-am-test">hello i am test</h1>    <ul>        @foreach($people as $p)//到了视图这边，获取到一个$people的数组，这个是compact封装过的那个people数组，然后进行foreach循环，@foreach也是blade引擎的语法，不过用法跟一般的foreach差不多            <li>{{$p}}</li>        @endforeach    </ul>@stop

登录后复制

本文由 PeterYuan 创作，采用署名-非商业性使用 2.5 中国大陆进行许可。转载、引用前需联系作者，并署名作者且注明文章出处。神一样的少年 » laravel blade模板介绍

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7720

Java教程

1642

CakePHP 教程

1396

Laravel 教程

1289

PHP教程

1233

显示更多

Related knowledge

HTML容易为初学者学习吗？ Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML，CSS和JavaScript的角色：核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

了解HTML，CSS和JavaScript：初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始标签的示例是什么？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。