Eigenständige Blade-Vorlagen-Engine (einzelne Datei, keine Abhängigkeiten)
Laden Sie die Datei von der Release-Seite herunter und legen Sie sie in Ihrem Projekt ab. Das ist es
Speicherort: view/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
Speicherort: view/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 >
Speicherort: view/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 >
Speicherort: view/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 >
Speicherort: 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 );
Befehl | Beschreibung |
---|---|
{{ $var }} | Echo. Es wird standardmäßig maskiert, genau wie in Laravel |
{!! $var !!} | Rohes Echo (kein Entkommen) |
{{ $var or 'default' }} | Echoinhalt mit einem Standardwert |
{{{ $var }}} | Echo-Escape-Inhalte |
{{-- Comment --}} | Kommentar |
Befehl | Beschreibung |
---|---|
@if(condition) @elseif(condition) @else @endif | PHP if ( ) Block |
@unless(condition) @endunless | PHP if (! ) -Block |
@switch(cases) @case(case) @break @default @endswitch | PHP- switch ( ) -Block |
Befehl | Beschreibung |
---|---|
@foreach(key as value) @endforeach | PHP foreach ( ) -Block |
@forelse(key as value) @empty @endforelse | PHP foreach ( ) mit leerem Block |
@for(i=0; i<10; i++) @endfor | PHP for ( ) -Block |
@while(condition) @endwhile | PHP while ( ) -Block |
Befehl | Beschreibung |
---|---|
@isset(condition) @endisset | PHP if (isset( )) Block |
@set(key, value) | Variable <?php $key = $value ?> setzen |
@unset(var) | PHP unset() |
@continue oder @continue(condition) | PHP continue; oder if (true) continue; |
@break oder @break(condition) | PHP-Pause; oder if(true) break; |
@exit oder @exit(condition) | PHP-Exit; oder if(true) exit; |
@json(data) | PHP json_encode() |
@method('put') | Versteckte HTML-Eingabe zum Spoofing von Formularmethoden |
Befehl | Beschreibung |
---|---|
@include(file) | Enthält eine weitere Ansicht |
@extends(layout) | Erweitert das übergeordnete Layout |
@section(name) @endsection | Abschnitt |
@yield(section) | Ergibt einen Abschnitt |
@stop | Stoppen Sie einen Abschnitt |
@show | Abschnitt stoppen und den Inhalt anzeigen |
@append | Stoppen Sie den Abschnitt und hängen Sie ihn an den vorhandenen Abschnitt mit demselben Namen an |
@overwrite | Abschnitt stoppen, vorherigen Abschnitt mit demselben Namen überschreiben |
Natürlich benötigen wir in Zukunft mehr Funktionalitäten, da die integrierten Funktionen tatsächlich begrenzt sind. Es stehen also zwei APIs zur Erweiterung dieser Bibliothek zur Verfügung:
Mit dieser Methode können benutzerdefinierte Befehle hinzugefügt werden. Wie Sie im obigen Beispiel sehen, verwenden wir diese API bereits, um unseren neuen @capitalize()
-Befehl zu definieren:
// Signature:
Blade:: directive (string $ name , Closure $ callback )
// Usage example:
$ blade -> directive ( ' capitalize ' , function ( $ value ) {
return strtolower ( $ value );
});
Dies ist eine weitere API zum Hinzufügen einer benutzerdefinierten Direktive. Tatsächlich wird dieser Befehl verwendet, um unseren integrierten @set()
Befehl zu definieren:
// Signature:
Blade:: extend (Closure $ compiler )
// Usage example:
$ blade -> extend ( function ( $ value ) {
return preg_replace ( " /@set([' " ](.*?)[' " ],(.*))/ " , ' <?php $$1 =$2; ?> ' , $ value );
});
Das ist so ziemlich alles. Vielen Dank für Ihren Besuch!
Diese Bibliothek ist unter der MIT-Lizenz lizenziert