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

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

王林

Freigeben： 2023-08-12 13:54:26

Original

1028 Leute haben es durchsucht

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

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>

Nach dem Login kopieren

Um diese Ansicht im Controller zu rendern, verwenden Sie den folgenden Code:

public function welcome()
{
    return view('welcome');
}

Nach dem Login kopieren

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);
}

Nach dem Login kopieren

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>

Nach dem Login kopieren

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.
```
Nach dem Login kopieren
@elseif ($age >= 13)
```
 You are a teenager.
```
Nach dem Login kopieren
@else
```
 You are a child.
```
Nach dem Login kopieren
@endif
Schleifenanweisung:
@foreach ($users als $user)
```
 <p>{{ $user->name }}</p>
```
Nach dem Login kopieren
@endforeach
Unteransichten einführen:
@include('partials.header')

Layout definieren:

 <title>@yield('title')</title>

Nach dem Login kopieren

 <header>
     @yield('header')
 </header>
 <main>
     @yield('content')
 </main>
 <footer>
     @yield('footer')
 </footer>

Nach dem Login kopieren

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

Nach dem Login kopieren

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);
```
Nach dem Login kopieren
}

Sie können direkt auf die freigegebenen Daten in der Ansicht zugreifen :

<p>{{ $data }}</p>

Nach dem Login kopieren

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 eine Einführung in die Ansichts- und Vorlagen-Engine in Laravel. Ich hoffe, es kann den Lesern helfen, diese Funktion zu verstehen und anzuwenden. Lernen Sie weiter und üben Sie gründlich, und ich bin davon überzeugt, dass Sie in der Lage sein werden, bessere Schnittstellen und Benutzererlebnisse zu entwickeln.

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!