Heim > Artikel > PHP-Framework > Ansichten und Template-Engines in Laravel: Erstellen schöner und anpassbarer Schnittstellen
Ansichten und Template-Engines in Laravel: Erstellen schöner und anpassbarer Schnittstellen
- 王林Original
- 2023-08-12 13:54:261015Durchsuche
Ansichts- und Vorlagen-Engine in Laravel: Erstellen Sie schöne und anpassbare Schnittstellen
In der modernen Webentwicklung ist eine schöne und leicht anpassbare Schnittstelle von entscheidender Bedeutung, um die Benutzererfahrung zu verbessern und Benutzer einzubinden. Als beliebtes PHP-Framework bietet Laravel leistungsstarke Ansichts- und Template-Engine-Funktionen, die es sehr einfach machen, schöne und anpassbare Schnittstellen zu erstellen. In diesem Artikel werden die grundlegenden Konzepte und die Verwendung von Ansichten und Template-Engines in Laravel vorgestellt und einige Codebeispiele bereitgestellt, um den Lesern zu helfen, diese besser zu verstehen und anzuwenden.
1. Ansichtsübersicht
Ansicht ist die Präsentationsebene der Weboberfläche, die der Benutzer sieht. In Laravel werden Ansichtsdateien im Verzeichnis resources/views gespeichert. Ansichtsdateien haben die Erweiterung .blade.php und werden mit der Blade-Vorlagen-Engine gerendert. Ansichtsdateien sind für die Anzeige von Daten, die Verarbeitung von Benutzereingaben und die Generierung der Seitennavigation und anderer wichtiger Funktionen verantwortlich.
2. Ansichten erstellen und rendern
Um eine neue Ansicht zu erstellen, erstellen Sie einfach eine neue Datei mit der Erweiterung .blade.php im Verzeichnis resources/views. Beispielsweise erstellen wir eine Ansichtsdatei namens „welcome.blade.php“ mit folgendem Inhalt:
<html>
<head>
<title>Welcome</title>
</head>
<body>
<h1>Welcome to Laravel</h1>
</body>
</html>
Um diese Ansicht im Controller zu rendern, verwenden Sie den folgenden Code:
public function welcome()
{
return view('welcome');
}
Beim Rendern einer Ansicht übergibt Laravel automatisch Variablen an die Ansicht dokumentieren. Daten können beispielsweise auf folgende Weise an die Ansicht übergeben werden:
public function welcome()
{
$data = [
'name' => 'John',
'age' => 30
];
return view('welcome', $data);
}
In der Ansichtsdatei kann auf die übergebenen Daten mithilfe der Syntax mit doppelten geschweiften Klammern zugegriffen werden:
<h2>Hello, {{ $name }}</h2>
<p>Your age is {{ $age }}</p>
3. Vorlagen-Engine und Layout
Laravel-Vorlagen-Engine Blade bietet eine umfangreiche Syntax und Funktionalität zum Erstellen flexiblerer und wiederverwendbarer Schnittstellen. Hier sind einige häufig verwendete Blade-Syntaxbeispiele:
-
Bedingte Anweisungen:
@if ($age > 18)You are an adult.
@elseif ($age >= 13)
You are a teenager.
@else
You are a child.
@endif
-
Schleifenanweisung:
@foreach ($users als $user)<p>{{ $user->name }}</p>@endforeach
- Unteransichten einführen:
@include('partials.header') -
Layout definieren:
gt;
<title>@yield('title')</title>
<header> @yield('header') </header> <main> @yield('content') </main> <footer> @yield('footer') </footer>
Sie können @section in Unteransichten und @ verwenden erweitert Anweisungen, um verschiedene Teile des Layouts zu füllen:
@extends('layouts.app')
@section('title', 'Welcome')
@section('header')
<h1>Welcome to Laravel</h1>
@endsection
@section('content')
<p>This is the main content.</p>
@endsection
@section('footer')
<p>© 2021 Laravel</p>
@endsection
4. Gemeinsame Daten- und Vorlagenvererbung
Laravel bietet die Funktionen der gemeinsamen Daten- und Vorlagenvererbung, sodass Daten- und Layoutstrukturen zwischen mehreren Ansichten gemeinsam genutzt werden können.
-
Freigegebene Daten:
Sie können die Methoden „with“ und „compact“ verwenden, um Daten für mehrere Ansichten freizugeben:public function index()
{$data = 'Some data'; return view('view1')->with('data', $data);}
Sie können direkt auf die freigegebenen Daten in der Ansicht zugreifen :
<p>{{ $data }}</p>
- Template-Vererbung:
Sie können die Extens-Direktive verwenden, um das Layout anderer Ansichten zu erben, und dann die @section- und @yield-Direktiven verwenden, um den spezifischen Inhalt auszufüllen.
5. Zusammenfassung: Die Ansichts- und Vorlagen-Engine-Funktionen von Laravel bieten Entwicklern leistungsstarke Tools zum Erstellen schöner und anpassbarer Schnittstellen. Durch die Erstellung und Darstellung von Ansichtsdateien sowie die flexible Syntax und Funktionalität der Blade-Vorlagen-Engine können Entwickler ganz einfach Schnittstellen erstellen, die ihren Anforderungen entsprechen. Gleichzeitig machen die Funktionen der gemeinsamen Daten- und Vorlagenvererbung die Anpassung und Wartung der Benutzeroberfläche effizienter. Durch die Beherrschung der Ansichts- und Vorlagen-Engine von Laravel können wir die Benutzeranforderungen besser erfüllen und die Effizienz und Qualität der Webentwicklung verbessern.
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!