Heim > PHP-Framework > Laravel > Hauptteil

Ansichten und Template-Engines in Laravel: Erstellen schöner und anpassbarer Schnittstellen

WBOY
Freigeben: 2023-08-25 23:57:36
Original
1318 Leute haben es durchsucht

Ansichten und Template-Engines in Laravel: Erstellen schöner und anpassbarer Schnittstellen

Ansichts- und Vorlagen-Engine in Laravel: Schöne und anpassbare Schnittstellen erstellen

Übersicht:
Bei der Entwicklung von Webanwendungen sind Design und Layout der Schnittstelle oft entscheidend. Laravel bietet als beliebtes PHP-Framework ein leistungsstarkes Ansichtssystem und eine Vorlagen-Engine, mit denen Entwickler auf einfache Weise schöne und anpassbare Schnittstellen erstellen können. In diesem Artikel werden die Ansichten und die Vorlagen-Engine in Laravel vorgestellt und einige Beispielcodes bereitgestellt, um den Lesern zu helfen, diese Konzepte besser zu verstehen und anzuwenden.

Ansicht:
In Laravel ist eine Ansicht der Teil, der zum Rendern der Benutzeroberfläche verwendet wird. Sie werden im Verzeichnis resources/views gespeichert und können über einfache Dateinamen referenziert werden. Ansichten enthalten normalerweise HTML-Markup und PHP-Code zum Anzeigen dynamischer Inhalte und Anwendungslogik.

Beispiel 1: Erstellen Sie eine einfache Ansicht

Zuerst erstellen wir eine Datei namens hello.blade.php und speichern sie im Verzeichnis resources/views. Der Inhalt der Datei sieht so aus:

<html>
    <head>
        <title>Hello World</title>
    </head>
    <body>
        <h1>Hello, {{$name}}!</h1>
    </body>
</html>
Nach dem Login kopieren

Im obigen Beispiel haben wir die Template-Engine-Syntax von Laravel verwendet. Wir können dynamische Inhalte in die Ansicht einfügen, indem wir Variablen mit zwei geschweiften Klammern ({{ }}) umgeben. In diesem Beispiel zeigen wir einen Namen mit {{$name}} an.

Hier ist der Beispielcode zum Rendern der Ansicht in Route:

Route::get('/', function () {
    return view('hello', ['name' => 'John']);
});
Nach dem Login kopieren

Im obigen Code verwenden wir die Ansichtsfunktion, um die Hallo-Ansicht zu rendern und die Variablen in Form eines assoziativen Arrays zu übergeben. Variablen werden automatisch von der View Engine geparst und ersetzt.

Template-Engine:
Die Template-Engine in Laravel basiert auf der Blade-Template-Engine. Es bietet einen einfachen, aber leistungsstarken Satz an Tools, die Ihnen das Erstellen und Verwalten von Vorlagen erleichtern. Mithilfe einer Vorlagen-Engine können Sie wiederverwendbare Schnittstellenkomponenten entwerfen, bedingte Verzweigungen und Schleifenstrukturen einschließen und einfache Ausdrücke ausführen.

Beispiel 2: Erstellen Sie eine Tabelle mit einer Template-Engine.

Erstellen Sie eine Datei namens table.blade.php im Verzeichnis resources/views und legen Sie ihren Inhalt auf den folgenden Code fest:

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        @foreach($users as $user)
            <tr>
                <td>{{$user->name}}</td>
                <td>{{$user->email}}</td>
            </tr>
        @endforeach
    </tbody>
</table>
Nach dem Login kopieren

Im obigen Beispiel verwenden wir das @ foreach-Direktive der Blade-Vorlagen-Engine, um das Benutzerarray zu durchlaufen und die Namen und E-Mails in jeder Zeile der Tabelle anzuzeigen.

Hier ist der Beispielcode zum Rendern einer Tabellenansicht in einem Controller:

public function showTable()
{
    $users = User::all();
    return view('table', ['users' => $users]);
}
Nach dem Login kopieren

Im obigen Code rufen wir ein Array aller Benutzer aus der Datenbank ab und übergeben es an die Tabellenansicht.

Fazit:
Das Ansichtssystem und die Template-Engine von Laravel bieten Entwicklern leistungsstarke Tools zum Erstellen schöner und anpassbarer Schnittstellen. Durch die Verwendung von Ansichten und Template-Engines können wir Schnittstellenlogik und Anwendungslogik einfach trennen und wiederverwendbare Schnittstellenkomponenten bereitstellen. In diesem Artikel stellen wir die Grundkonzepte von Ansichten und Template-Engines in Laravel vor und stellen einige Beispielcodes bereit, um den Lesern zu helfen, diese Konzepte besser zu verstehen und anzuwenden. Ich hoffe, dieser Artikel kann Ihnen helfen, Laravel-Ansichten und Template-Engines zu erlernen und zu verwenden.

Das obige ist der detaillierte Inhalt vonAnsichten und Template-Engines in Laravel: Erstellen schöner und anpassbarer Schnittstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage