Motor de plantilla blade independiente (archivo único, sin dependencias)
Descargue el archivo desde la página de lanzamiento y suéltelo en su proyecto. Eso es todo
Ubicación: vistas/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
Ubicación: vistas/compartido/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 >
Ubicación: vistas/compartido/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 >
Ubicación: vistas/compartido/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 >
Ubicación: 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 );
Dominio | Descripción |
---|---|
{{ $var }} | Eco. Tiene escape por defecto, al igual que en Laravel. |
{!! $var !!} | Eco crudo (sin escape) |
{{ $var or 'default' }} | Hacer eco del contenido con un valor predeterminado |
{{{ $var }}} | Contenido de escape de eco |
{{-- Comment --}} | Comentario |
Dominio | Descripción |
---|---|
@if(condition) @elseif(condition) @else @endif | PHP if ( ) bloquea |
@unless(condition) @endunless | PHP if (! ) bloquea |
@switch(cases) @case(case) @break @default @endswitch | Bloque switch ( ) |
Dominio | Descripción |
---|---|
@foreach(key as value) @endforeach | Bloque PHP foreach ( ) |
@forelse(key as value) @empty @endforelse | PHP foreach ( ) con bloque vacío |
@for(i=0; i<10; i++) @endfor | PHP for ( ) |
@while(condition) @endwhile | PHP while ( ) bloquea |
Dominio | Descripción |
---|---|
@isset(condition) @endisset | PHP if (isset( )) bloque |
@set(key, value) | Establecer variable <?php $key = $value ?> |
@unset(var) | PHP unset() |
@continue o @continue(condition) | PHP continue; o if (true) continue; |
@break o @break(condition) | ruptura de PHP; o si(verdadero) se rompe; |
@exit o @exit(condition) | salida de PHP; o si(verdadero) sale; |
@json(data) | PHP json_encode() |
@method('put') | Entrada oculta HTML para suplantación de métodos de formulario |
Dominio | Descripción |
---|---|
@include(file) | Incluye otra vista |
@extends(layout) | Amplía el diseño principal |
@section(name) @endsection | Sección |
@yield(section) | Ceder una sección |
@stop | detener una sección |
@show | Detiene la sección y muestra el contenido. |
@append | Detenga la sección y agréguela a la sección existente con el mismo nombre |
@overwrite | Detener sección, sobrescribir sección anterior con el mismo nombre |
Por supuesto, en el futuro necesitaremos más funcionalidades, ya que las funcionalidades integradas son realmente limitadas. Por lo tanto, se proporcionan dos API para ampliar esta biblioteca:
Este método se puede utilizar para agregar comandos personalizados. Como puede ver en el ejemplo anterior, ya usamos esta API para definir nuestro nuevo comando @capitalize()
:
// Signature:
Blade:: directive (string $ name , Closure $ callback )
// Usage example:
$ blade -> directive ( ' capitalize ' , function ( $ value ) {
return strtolower ( $ value );
});
Esta es otra API proporcionada para agregar una directiva personalizada. De hecho, este comando se utiliza para definir nuestro comando incorporado @set()
:
// Signature:
Blade:: extend (Closure $ compiler )
// Usage example:
$ blade -> extend ( function ( $ value ) {
return preg_replace ( " /@set([' " ](.*?)[' " ],(.*))/ " , ' <?php $$1 =$2; ?> ' , $ value );
});
Eso es todo. ¡Gracias por pasar por aquí!
Esta biblioteca tiene la licencia MIT.