Zum Hauptinhalt springen

So erstellen Sie eine Vorlage in Ihrem Cap Kut

Das effektive Erstellen und Verwenden von Vorlagen ist eine Schlüsselfertigkeit für einen Entwickler, der mit Laravel arbeitet. Mithilfe von Vorlagen können Sie die Entwicklung und Wartung einer Website vereinfachen, indem Sie doppelte Elemente verwenden und das Markup verwalten können.

In diesem Artikel werden wir uns ansehen, wie Sie Ihre eigene Vorlage in Laravel erstellen. Wir lernen, wie man verschiedene Blöcke und Abschnitte in einer Vorlage definiert, wie man Variablen übergibt und wie man die Layouterweiterung konfiguriert.

Der Workflow zum Erstellen von Vorlagen in Laravel basiert auf der Verwendung des Blade-Frameworks, einer leistungsstarken Template-Engine. Mit Blade können Sie das Markup und die Logik Ihrer Website einfach und flexibel definieren. Es bietet die Möglichkeit, bedingte Anweisungen, Schleifen, Fehlerbehandlung und andere Funktionen zu verwenden.

Um mit dem Erstellen einer Vorlage in Laravel zu beginnen, müssen Sie eine Datei mit einer Erweiterung erstellen .blade.php im Verzeichnis resources/views. Sie können dann Ihr Markup mit Elementen wie @yield, @section und @include.

Schritt 1: Installieren von Laravel

Um mit Laravel zu beginnen, müssen Sie es auf Ihrem Computer installieren. Dieser Prozess umfasst mehrere Schritte.

Schritt 1: Installieren Sie Composer, wenn Sie ihn noch nicht installiert haben. Composer ist ein Abhängigkeitsmanager für PHP, der für die Installation von Laravel erforderlich ist. Sie können Composer von der offiziellen Website herunterladen (getcomposer.org ) und folgen Sie den Installationsanweisungen für Ihr Betriebssystem.

Schritt 2: Öffnen Sie die Eingabeaufforderung und navigieren Sie zu dem Verzeichnis, in dem Sie Ihr Laravel-Projekt erstellen möchten.

Schritt 3: Führen Sie an der Eingabeaufforderung den folgenden Befehl aus, um ein neues Laravel-Projekt zu erstellen:

composer create-project --prefer-dist laravel/laravel название_проекта

Ersetzen Sie "Projektname" durch den Namen Ihres Projekts. Composer lädt automatisch alle benötigten Dateien und Einstellungen für Laravel herunter.

Hinweis: Wenn Sie Laravel installieren, müssen Sie eine PHP-Entwicklungsumgebung wie Apache oder Nginx und einen Datenbankserver wie MySQL oder PostgreSQL eingerichtet haben.

Nachdem die Laravel-Installation abgeschlossen ist, können Sie mit dem nächsten Schritt fortfahren, indem Sie eine Laravel-Vorlage erstellen.

Schritt 2: Erstellen von Routen in Laravel

Nachdem Sie die Hauptvorlage in Laravel erstellt haben, müssen Sie Routen definieren, die die Anforderungen verarbeiten und den Benutzern die gewünschten Informationen entsprechend anzeigen. Die Arbeit mit Routen in Laravel erfolgt in einer Datei web.php, die sich im Verzeichnis befindet routes.

In der Datei web.php sie können Routen für jede Abfrage mit der folgenden Syntax definieren:

Route::[метод запроса]('[URL]', function () );

In diesem Beispiel können Sie ersetzen [abfragemethode] auf die entsprechende HTTP-Methode (z. B. get, post usw.) und [URL] auf den URL-Pfad, der verarbeitet werden soll.

Sie können der URL auch Parameter hinzufügen und sie innerhalb der Route verwenden. Zum Beispiel:

Route::get('/user/', function ($id) );

In diesem Beispiel können Sie auf den Wert eines Parameters innerhalb einer Route zugreifen, indem Sie ihn in einer anonymen Funktion verwenden. Der Parameterwert wird an den zweiten Parameter der anonymen Funktion übergeben.

Sie können auch benannte Routen zuweisen, um eine flexiblere Konfiguration zu ermöglichen und die Lesbarkeit des Codes zu verbessern. Zum Beispiel:

Route::get('profile', function () )->name('profile');

In diesem Beispiel ist die Route für die URL profile wurde einem Namen zugewiesen profile, die verwendet werden kann, um eine URL zu generieren oder zu dieser Route umzuleiten.

Außerdem können Sie verknüpfte Routen mit einer Methode gruppieren group zur besseren Lesbarkeit. Zum Beispiel:

Route::group(['prefix' => 'admin'], function () );Route::get('users', function () );>);

In diesem Beispiel haben alle Routen innerhalb der Gruppe ein Präfix admin damit können Sie Verwaltungsrouten an einem Ort gruppieren und die Lesbarkeit des Codes verbessern.

Nachdem Sie die Routen in der Datei definiert haben web.php, Sie müssen den Befehl ausführen php artisan route:cache verwenden Sie die Befehlszeile, um alle Routen zu kompilieren und den Routencache zu aktualisieren. Dadurch kann Laravel alle Anfragen schnell und effizient verarbeiten.

Daher ist das Erstellen von Routen in Laravel einer der wichtigsten Schritte beim Erstellen einer Vorlage. Die Routendefinition hilft Ihnen dabei, die Anforderungen richtig zu bearbeiten und den Benutzern die gewünschten Informationen anzuzeigen.

Schritt 3: Erstellen von Controllern in Laravel

Verwenden Sie den Befehl make:controller, um einen Controller in Laravel zu erstellen. Wenn wir beispielsweise einen Controller für die Arbeit mit Benutzern erstellen möchten, können wir den folgenden Befehl im Terminal ausführen:

php artisan make:controller UserController

Nachdem Sie diesen Befehl ausgeführt haben, wird eine UserController-Datei im Verzeichnis app/Http/Controllers erstellt.php , das die Vorlage für den Controller enthält.

Innerhalb des Controllers können wir verschiedene Methoden definieren, die verschiedene Benutzeraktionen verarbeiten. Beispielsweise kann die index-Methode eine Liste von Benutzern anzeigen, die create-Methode ein Formular anzeigen, um einen neuen Benutzer zu erstellen, und die store-Methode kann den neuen Benutzer in der Datenbank speichern.

Beispielcode für einen UserController-Controller:

 $users]);>public function create()public function store(Request $request)name = $request->name;$user->email = $request->email;$user->save();return redirect('/users');>>

In diesem Beispiel gibt die index-Methode die Ansicht users zurück.index , indem eine Benutzerliste an ihn übergeben wird. Die create-Methode gibt die Ansicht users zurück.create , das das Formular anzeigt, um einen neuen Benutzer zu erstellen. Die store-Methode speichert den neuen Benutzer in der Datenbank und leitet den Benutzer an eine Liste aller Benutzer weiter.

Controller in Laravel können verschiedene Datenoperationen durchführen, mit Modellen interagieren und Antworten auf Benutzeranforderungen generieren. Sie spielen eine wichtige Rolle in der Anwendungsstruktur und helfen dabei, die Anwendungslogik in kleinere und verständlichere Teile aufzuteilen.

Im nächsten Schritt lernen wir, wie man Controller mit Routen verknüpft und in einer Laravel-Anwendung verwendet.

Schritt 4: Arbeiten mit Vorlagen in Laravel

Laravel verfügt über einen praktischen Mechanismus für die Arbeit mit Vorlagen, mit dem Sie die Datendarstellung einfach und effizient organisieren können.

Um Vorlagen in Laravel zu verwenden, müssen Sie Dateien mit der Erweiterung erstellen. "blade.php", die HTML-Code mit speziellen Direktiven für die Arbeit mit Variablen und Bedingungsoperatoren enthalten.

Das grundlegende Konzept der Verwendung von Vorlagen in Laravel besteht darin, dass Sie die Ansicht (den HTML-Code) von der Geschäftslogik trennen und die Vorlagen an verschiedenen Stellen in Ihrem Projekt wiederverwenden können.

Vorteile der Verwendung von Vorlagen:

  • Verbesserung der Codelesbarkeit und der Projektwartbarkeit.
  • Wiederverwendung von Code und Beschleunigung des Entwicklungsprozesses.
  • Einfaches Testen und Debuggen.

Um mit Vorlagen zu arbeiten, verwendet Laravel die Blade-Engine, die eine große Auswahl an Werkzeugen für die Arbeit mit Vorlagen bietet, z. B.:

  • Einfügen von PHP-Code.
  • Deklarieren von bedingten Operatoren.
  • Verwenden von Schleifen.
  • Und vieles mehr.

Einer der Hauptvorteile von Blade ist seine Benutzerfreundlichkeit und intuitive Syntax. Dies macht die Arbeit mit Vorlagen in Laravel schnell und einfach.

Um eine Vorlage in Laravel zu verwenden, müssen Sie die view() -Methode aufrufen und den Vorlagennamen als Parameter angeben. Laravel findet die Vorlage automatisch im Verzeichnis resources/views und zeigt ihren Inhalt auf dem Bildschirm an.

Beispiel für die Verwendung einer Vorlage in Laravel:

return view('my_template');

Dies ruft eine Vorlage mit dem Namen "my_template" auf.blade.php" und zeigt seinen Inhalt auf dem Bildschirm an. Sie können Daten an eine Vorlage übergeben, um sie beim Generieren der Ansicht zu verwenden. Dies geschieht, indem ein assoziatives Array mit den Daten mit dem zweiten Parameter an die view() -Methode übergeben wird.

Beispiel für das Übergeben von Daten an eine Vorlage in Laravel:

return view('my_template', ['name' => 'John','age' => 25]);

Sie können direkt in der Vorlage auf die übergebenen Daten zugreifen, indem Sie doppelte geschweifte Klammern verwenden:

Привет, >!

Вам > лет.

In diesem Beispiel werden die Variablen $name und $age an den entsprechenden Stellen in der Vorlage eingefügt.

@if($age >= 18)

Вы совершеннолетний.

@else

Вы несовершеннолетний.

@endif

In diesem Beispiel wird die Meldung "Du bist volljährig" angezeigt, wenn die Variable $age größer oder gleich 18 ist, andernfalls wird die Meldung "Du bist minderjährig" angezeigt.

In diesem Beispiel wird eine Liste von Benutzern angezeigt, die Listenelemente mit Benutzernamen aus dem übergebenen $users-Array enthält.

Daher ist die Arbeit mit Vorlagen in Laravel sehr einfach und intuitiv. Sie können die leistungsstarken Blade-Tools verwenden, um eine Datenansicht zu erstellen und die Logik von der Ansicht zu trennen. Dies verbessert die Entwicklungseffizienz und vereinfacht die Projektunterstützung.

Schritt 5: Hinzufügen von Stilen zu einer Vorlage in Laravel

Nachdem wir das grundlegende Markup für unsere Vorlage in Laravel erstellt haben, überlegen Sie, wie Sie Stile hinzufügen können, um ihr ein attraktiveres Aussehen zu verleihen.

1. Erstellen Sie einen neuen Ordner im Vorlagenordner Ihres Projekts und nennen Sie ihn "css". In diesem Ordner werden wir unsere Stile speichern.

2. Fügen Sie in der zuvor erstellten Vorlagendatei den folgenden Code in die Partition ein

3. Erstellen wir nun eine Stildatei im Ordner "css". Nennen Sie es "style.css".

4. Öffnen Sie die Datei "style".css" und fügen Sie den folgenden Code hinzu, um die Stile für unsere Vorlage zu definieren:

body .container h1 p .button .button:hover

5. Jetzt können wir Stilklassen in unserem HTML-Code der Vorlage verwenden. Um beispielsweise einem Titel und einer Schaltfläche einen Stil hinzuzufügen, können wir den folgenden Code verwenden:

Привет, Laravel!

Нажми меня

6. Aktualisieren Sie die Browserseite, und stellen Sie sicher, dass die Stile erfolgreich auf Ihre Vorlage angewendet wurden.

Jetzt sieht Ihr Laravel-Muster mit zusätzlichen Stilen attraktiver aus. Sie können die Stile einfach ändern, indem Sie die Style-Datei bearbeiten.css" und Hinzufügen oder Ändern von Stilklassen in Ihrem HTML-Code.