Download single blade - download do código-fonte single blade

single blade

Outras categorias

variable name

Baixar

lâmina única

Mecanismo de modelo blade independente (arquivo único, sem dependências)

Requisitos

PHP 5.4 ou mais recente

Instalação

Baixe o arquivo da página de lançamento e coloque-o no seu projeto. É isso

Uso

Localização: visualizações/home/index.blade.php

 @extends ( ' shared.layout ' )

@section ( ' looping-test ' )
  < p >Let's print odd numbers under 50:</ p >
  < p >
    @foreach ( $numbers as $number )
      @if ( $number % 2 !== 0 )
        {{ $number } } 
      @endif
    @endforeach
  </ p >
@endsection

Localização: visualizações/shared/layout.blade.php

 @include ( ' shared.header ' )
< body >
  < div id = " container " >
    < h3 >Welcome to < span class = " reddish " > {{ $title } } </ span ></ h3 >
    < p > {{ $content } } </ p >
    
    < p > @capitalize ( $mytext )</ p >
    
    @yield ( ' looping-test ' )

  </ div >
  @include ( ' shared.footer ' )
</ body >
</ html >

Localização: visualizações/shared/header.blade.php

<!DOCTYPE html>
< html lang = " en " >
< head >
  < meta charset = " UTF-8 " >
  < title > {{ $title } } </ title >
  < style type = " text/css " >
    body { font-family : Arial , Helvetica , sans-serif ; font-size : 12 px } a { text-decoration : none ; color : #d73a49 } #container { position : relative ; top : 100 px ; width : 60 % ; margin : 0 auto ; border : 1 px solid #ccc ; border-radius : 3 px } #container h3 { margin : 0 ; padding : 10 px ; font-size : 18 px ; border-bottom : 1 px solid #ccc ; color : #666 } span .reddish { color : #bc5858 } #container code , #container p { margin : 0 ; padding : 10 px ; font-size : 12 px } #container code { margin : 12 px ; padding : 10 px ; display : block ; background-color : #fafbfc ; color : #333 } #footer { position : relative ; top : 120 px ; width : 60 % ; margin : 0 auto ; font-size : 11 px } #footer span .copyright { float : left } #footer span .version { float : right }
  </ style >
</ head >

Localização: visualizações/shared/footer.blade.php

< div id = " footer " >
  < span class = " copyright " >Written by < a href = " {{ $link } } " target = " _blank " > @esyede </ a ></ span >
  < span class = " version " >Version {{ Blade :: VERSION } } </ span >
</ div >

Localização: index.php

 <?php
include ' Blade.php ' ;

use Esyede  Blade ;

$ blade = new Blade ();

// View data
$ title = ' blade test ' ;
$ link = ' https://github.com/esyede ' ;
$ content = ' This is your view content ' ;
$ mytext = ' And this should be capitalized ' ;
$ numbers = range ( 1 , 50 );

// Create custom directive
$ blade -> directive ( ' capitalize ' , function ( $ text ) {
  return " <?php echo strtoupper( $ text ) ?> " ;
});

$ data = compact ( ' title ' , ' link ' , ' content ' , ' mytext ' , ' numbers ' );

// render
$ blade -> render ( ' home.index ' , $ data );

Características

Ecos

Comando	Descrição
`{{ $var }}`	Eco. É escapado por padrão, assim como no Laravel
`{!! $var !!}`	Eco bruto (sem escape)
`{{ $var or 'default' }}`	Ecoar conteúdo com um valor padrão
`{{{ $var }}}`	Eco de conteúdo escapado
`{{-- Comment --}}`	Comentário

Condicionais

Comando	Descrição
`@if(condition)` `@elseif(condition)` `@else` `@endif`	Bloco `if ( )` do PHP
`@unless(condition)` `@endunless`	Bloco `if (! )` PHP
`@switch(cases)` `@case(case)` `@break` `@default` `@endswitch`	Bloco de `switch ( )`

Loops

Comando	Descrição
`@foreach(key as value)` `@endforeach`	Bloco PHP `foreach ( )`
`@forelse(key as value)` `@empty` `@endforelse`	PHP `foreach ( )` com bloco vazio
`@for(i=0; i<10; i++)` `@endfor`	PHP `for ( )`
`@while(condition)` `@endwhile`	Bloco PHP `while ( )`

Comandos adicionais

Comando	Descrição
`@isset(condition)` `@endisset`	Bloco `if (isset( ))` do PHP
`@set(key, value)`	Definir variável `<?php $key = $value ?>`
`@unset(var)`	PHP `unset()`
`@continue` ou `@continue(condition)`	PHP `continue;` ou `if (true) continue;`
`@break` ou `@break(condition)`	Quebra de PHP; ou if(true) quebrar;
`@exit` ou `@exit(condition)`	Saída do PHP; ou if(true) exit;
`@json(data)`	PHP json_encode()
`@method('put')`	Entrada oculta HTML para falsificação de método de formulário

Layout e seções

Comando	Descrição
`@include(file)`	Inclui outra visualização
`@extends(layout)`	Estende o layout pai
`@section(name)` `@endsection`	Seção
`@yield(section)`	Rende uma seção
`@stop`	Parar uma seção
`@show`	Pare a seção e produz o conteúdo
`@append`	Pare a seção e anexe-a à seção existente com o mesmo nome
`@overwrite`	Parar seção, substituir seção anterior com o mesmo nome

Estendendo a aula

É claro que no futuro precisaremos de mais funcionalidades, pois as funcionalidades integradas são realmente limitadas. Portanto, existem duas APIs fornecidas para estender esta biblioteca:

diretiva()

Este método pode ser usado para adicionar comandos personalizados. Como você pode ver no exemplo acima, já usamos esta API para definir nosso novo comando @capitalize() :

 // Signature:
Blade:: directive (string $ name , Closure $ callback )


// Usage example:
$ blade -> directive ( ' capitalize ' , function ( $ value ) {
  return strtolower ( $ value );
});

estender()

Esta é outra API fornecida para adicionar diretivas personalizadas. Na verdade, este comando é usado para definir nosso comando @set() integrado:

 // Signature:
Blade:: extend (Closure $ compiler )

// Usage example:
$ blade -> extend ( function ( $ value ) {
  return preg_replace ( " /@set([' " ](.*?)[' " ],(.*))/ " , ' <?php $$1 =$2; ?> ' , $ value );
});