Willkommen zurück, Entwickler! ✨

In diesem Kapitel unserer Laravel-Reise (denken Sie daran, ich lerne, während ich diese Artikel schreibe, daher wird dies eine der realistischsten Tutorialreihen sein, die Sie finden können!), tauchen wir in unser Laravel-Projekt ein. Wir werden die Projektstruktur erkunden, uns mit Migrationen vertraut machen und die MVC-Architektur auf die einfachste Art und Weise aufschlüsseln.

? Die heutige Tagesordnung:

1. Erkundung unserer Projektstruktur ?️

   • Verstehen Sie das Verzeichnislayout und navigieren Sie reibungslos darin.

2. Eine Datenbank einrichten und mehr über Migrationen erfahren ?️

   • Konfigurieren Sie unsere Datenbank und machen Sie sich mit Migrationen vertraut.

3. MVC verstehen und einige MVC-Elemente erstellen ?

   • Erfahren Sie, wie die MVC-Architektur funktioniert und basteln Sie an Migrationen.

Was machen also all diese Verzeichnisse? ?

Bei Ihrem ersten Start von VSCode in Ihrem neu erstellten Laravel-Projekt könnten Sie die Verzeichnisstruktur etwas einschüchternd finden. Hier ist ein kurzer Überblick darüber, was jedes Schlüsselverzeichnis tut:

• app/: Enthält Anwendungslogik (Controller, Modelle).
• resources/views/: Wo Ihre Blade-Vorlagen leben.
• routes/: Enthält Routendefinitionen.
• config/: Konfigurationsdateien für verschiedene Aspekte von Laravel.
• database/: Migrationen, Seeder und SQLite-Datenbank (falls verwendet).
• public/: Einstiegspunkt für Webanfragen, einschließlich Assets wie CSS und JS.

Gute Nachrichten: Sie müssen jetzt nicht alles wissen. Halten Sie diesen Spickzettel griffbereit!

Schlechte Nachrichten: Sie müssen im Verlauf der Serie mehr darüber erfahren. Ich füge „Wissenskontrollpunkte“ hinzu, um Sie an ihren Zweck zu erinnern.

Anzeigen Ihrer Web-App im Browser?

Lass uns einen Vorgeschmack auf Laravel bekommen! Öffnen Sie Ihr Terminal und geben Sie Folgendes ein:

php artisan serve

Gehen Sie dann zu Ihrem Browser und besuchen Sie localhost:8000. Sie sollten etwa Folgendes sehen:

Wichtig: Stellen Sie sicher, dass Ihr Server und Ihre Datenbank laufen (bei Verwendung von XAMPP, wie in meinem vorherigen Artikel erläutert).

Was ist handwerklich? ?

Wenn Sie mit JavaScript vertraut sind, stellen Sie sich PHP Artisan Serve als ähnlich wie NPM Run Dev vor.

Artisan ist ein leistungsstarkes Befehlszeilentool, das mit Laravel geliefert wird und verschiedene Aufgaben einfach und schnell erledigt. Der Befehl „serve“ startet einen lokalen Entwicklungsserver. Wir werden Artisan im Laufe der Zeit häufiger nutzen, also machen Sie sich im Moment keine allzu großen Sorgen.

Konfigurieren Sie unsere Datenbank?

Eine Web-App ist im Wesentlichen ein Wrapper für eine Datenbank. Laravel unterstützt verschiedene Datenbanken:

• SQLite: Standard, Nullkonfiguration – ideal für kleine bis mittlere Projekte.
• MySQL: Für größere Projekte, obwohl SQLite in den meisten Fällen funktionieren wird.

SQLite einrichten

Sie müssen es nicht konfigurieren; Es ist die Standarddatenbank.

Einrichten von MySQL (bei Verwendung von XAMPP)

Bearbeiten Sie Ihre .env-Datei, um die MySQL-Konfiguration zu kommentieren:

SQLite-Konfiguration

MySQL-Konfiguration

Die .env-Datei ist wie eine Schalttafel zum Ein- und Ausschalten von Konfigurationen.

? Sneak Peek into MVC: Baby-Beispiele?

Bevor wir in zukünftigen Artikeln tiefer in MVC eintauchen, verschaffen wir uns einen kurzen Überblick mit einigen kleinen Beispielen.

Was ist MVC? ?

MVC steht für Model-View-Controller. Es handelt sich um ein Entwurfsmuster, das Bedenken in Ihrer Anwendung trennt:

• Modell: ?️ Verwaltet die Daten und Geschäftslogik.
• Ansicht: ?️ Zeigt dem Benutzer Daten an.
• Controller: ?️ Verbindet das Modell und die Ansicht und verarbeitet Eingaben und Datenfluss.

?️ Baby-Beispiel: Eine einfache „Hallo Welt“-App

1. Modell

Hier ist ein Begrüßungsmodell zum Speichern von Nachrichten:

// app/Models/Greeting.php
namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Greeting extends Model
{
    protected $table = 'greetings';
    protected $fillable = ['message'];
}

2. Ansicht

Die Ansicht zeigt die Begrüßungsnachricht an:

    


    
{{ $message }}

3. Controller

Der Controller ruft die Begrüßungsnachricht ab und übergibt sie an die Ansicht:

// app/Http/Controllers/GreetingController.php
namespace App\Http\Controllers;

use App\Models\Greeting;
use Illuminate\Http\Request;

class GreetingController extends Controller
{
    public function show()
    {
        $greeting = Greeting::first();
        return view('greeting', ['message' => $greeting->message]);
    }
}

Wie alles zusammenwirkt

• Modell: Verwaltet Daten (Begrüßungsklasse).
• Ansicht: Präsentiert Daten (greeting.blade.php).
• Controller: Verbindet Modell und Ansicht (GreetingController).

In diesem Setup:

• Das Modell verarbeitet die Daten.
• Die Ansicht präsentiert die Daten.
• Der Controller verbindet die beiden.

In zukünftigen Artikeln werden wir uns eingehender mit den einzelnen Komponenten befassen und komplexere Beispiele untersuchen. Bleiben Sie dran! ?