bg_image
header

View

Die View ist die Präsentationsschicht in der MVC-Architektur. Sie ist dafür verantwortlich, die Daten aus dem Model in einer für den Benutzer verständlichen Form darzustellen.


Hauptaufgaben der View

Darstellung von Daten: Zeigt Informationen aus dem Model an (z. B. eine Liste von Blogartikeln).
Reaktion auf Benutzerinteraktionen: Nimmt Eingaben entgegen und leitet sie an den Controller weiter.
Formatierung & Layout: Strukturiert Inhalte mit HTML, CSS oder Templates (z. B. in Laravel Blade oder Twig).
Vermeidung von Geschäftslogik: Enthält keine Datenverarbeitung, sondern nur Darstellung.


Wie funktioniert die View in MVC?

  1. Der Benutzer sendet eine Anfrage (z. B. „Zeige alle Blogartikel“).
  2. Der Controller ruft das Model auf, um die Daten abzurufen.
  3. Das Model liefert die benötigten Daten zurück.
  4. Die View erhält die Daten vom Controller und stellt sie dar.

Beispiel: Blog-System (View in Laravel Blade)

<!-- resources/views/blog/index.blade.php -->
@extends('layouts.app')

@section('content')
    <h1>Blog Posts</h1>
    @foreach ($posts as $post)
        <div>
            <h2>{{ $post->title }}</h2>
            <p>{{ $post->content }}</p>
        </div>
    @endforeach
@endsection

🔹 @foreach: Durchläuft die Liste der Blogartikel und zeigt sie an.
🔹 {{ $post->title }}: Gibt den Titel des Blogartikels aus.


Fazit

✔ Die View sorgt für die Darstellung der Daten, ohne sie selbst zu verarbeiten.
✔ Sie hilft, die Trennung von Logik und Darstellung sauber umzusetzen.
✔ Durch Templates oder Frontend-Technologien (z. B. Vue.js, React) kann die View dynamisch gestaltet werden.

 


Model

Das Model ist die Daten- und Logikschicht in der MVC-Architektur. Es verwaltet die Daten der Anwendung und stellt sicher, dass sie korrekt gespeichert, abgerufen und verarbeitet werden.


Hauptaufgaben des Models

Datenverwaltung: Speichert und verwaltet Daten, z. B. in einer Datenbank.
Geschäftslogik: Enthält Regeln und Berechnungen (z. B. Rabattberechnung für Bestellungen).
Datenvalidierung: Überprüft, ob Eingaben korrekt sind (z. B. ob eine E-Mail-Adresse gültig ist).
Kommunikation mit der Datenbank: Führt CRUD-Operationen aus (Create, Read, Update, Delete).


Wie funktioniert das Model in MVC?

  1. Der Benutzer sendet eine Anfrage (z. B. „Zeige alle Blogartikel“).
  2. Der Controller verarbeitet die Anfrage und ruft das Model auf.
  3. Das Model fragt die Datenbank ab und liefert die Daten zurück.
  4. Der Controller übergibt die Daten an die View zur Anzeige.

Beispiel: Blog-System (Model in Laravel)

class BlogPost extends Model {
    protected $fillable = ['title', 'content']; // Erlaubte Felder für Massenverarbeitung

    // Beziehung: Ein Blogpost gehört zu einem Benutzer
    public function user() {
        return $this->belongsTo(User::class);
    }
}

🔹 fillable: Bestimmt, welche Felder gespeichert werden dürfen.
🔹 belongsTo(User::class): Zeigt an, dass jeder Blogpost zu einem Benutzer gehört.


Fazit

✔ Das Model verwaltet alle Daten und Geschäftslogik der Anwendung.
✔ Es sorgt für eine klare Trennung von Daten und Darstellung.
Änderungen an der Datenstruktur müssen nur im Model erfolgen, nicht in der gesamten Anwendung.

 


Controller

Ein Controller ist eine zentrale Komponente im Model-View-Controller (MVC)-Architekturmuster. Er fungiert als Vermittler zwischen der Benutzeroberfläche (View) und der Geschäftslogik bzw. den Daten (Model).

Aufgaben eines Controllers

  1. Empfangen von Benutzereingaben

    • Der Controller nimmt Anfragen entgegen (z. B. aus einem Webformular oder einer API-Anfrage).
  2. Verarbeiten der Anfrage

    • Er analysiert die Eingaben und entscheidet, welche Aktion ausgeführt werden soll.
    • Falls nötig, validiert er die Daten.
  3. Kommunikation mit dem Model

    • Der Controller leitet die Anfrage an das Model weiter, um Daten abzurufen, zu ändern oder zu speichern.
  4. Aktualisieren der View

    • Sobald das Model die Anfrage verarbeitet hat, gibt der Controller die Daten an die View weiter.
    • Die View wird dann mit den neuen Informationen aktualisiert.

Beispiel: Blog-System

Angenommen, ein Benutzer möchte einen neuen Blogbeitrag erstellen:

  1. Der Benutzer füllt ein Formular aus und klickt auf „Speichern“ (Eingabe an den Controller).
  2. Der Controller empfängt die Anfrage, validiert die Eingabe und sendet sie an das Model.
  3. Das Model speichert den Beitrag in der Datenbank.
  4. Der Controller ruft die aktualisierte Liste der Beiträge ab und gibt sie an die View weiter.
  5. Die View zeigt nun den neuen Blogbeitrag an.

Beispielcode in PHP (Laravel)

class BlogController extends Controller {
    public function store(Request $request) {
        // Validierung der Benutzereingabe
        $request->validate([
            'title' => 'required|max:255',
            'content' => 'required',
        ]);

        // Neues Blog-Post-Model erstellen und speichern
        BlogPost::create([
            'title' => $request->input('title'),
            'content' => $request->input('content'),
        ]);

        // Weiterleitung zur Blog-Übersicht
        return redirect()->route('blog.index')->with('success', 'Post erstellt!');
    }
}

Fazit

✔ Ein Controller steuert den Ablauf einer Anwendung und trennt Geschäftslogik von der Präsentation.
✔ Er ermöglicht eine saubere Code-Struktur, da jede Komponente (Model, View, Controller) eine klare Aufgabe hat.
✔ In modernen Frameworks wie Laravel, Django oder ASP.NET gibt es oft vorgefertigte Routing-Mechanismen, die automatisch Anfragen den richtigen Controllern zuordnen.

 

 


Model View Controller - MVC

Model-View-Controller (MVC) ist ein Software-Architekturmuster, das Anwendungen in drei Hauptkomponenten unterteilt:

  1. Model (Daten & Logik)

    • Verwaltet die Daten und Geschäftslogik.
    • Enthält die Regeln für die Verarbeitung der Daten.
    • Unabhängig von der Benutzeroberfläche.
  2. View (Benutzeroberfläche)

    • Präsentiert die Daten des Models dem Benutzer.
    • Stellt sicher, dass die Daten in einem verständlichen Format angezeigt werden.
    • Reagiert auf Benutzeraktionen, indem sie Anfragen an den Controller weiterleitet.
  3. Controller (Steuerung & Interaktion)

    • Vermittelt zwischen Model und View.
    • Nimmt Benutzereingaben entgegen, verarbeitet sie und aktualisiert das Model oder die View.
    • Enthält keine Geschäftslogik oder Datenmanipulation selbst.

Wie funktioniert MVC in der Praxis?

  1. Der Benutzer interagiert mit der View (z. B. klickt auf einen Button).
  2. Der Controller verarbeitet die Eingabe und sendet eine Anfrage an das Model.
  3. Das Model führt die erforderliche Logik aus (z. B. Datenbankabfragen) und gibt das Ergebnis zurück.
  4. Die View wird aktualisiert, um die neuen Daten anzuzeigen.

Beispiel: Blog-System

  • Model: Speichert Blogbeiträge in der Datenbank.
  • View: Zeigt die Blogbeiträge in HTML an.
  • Controller: Erfasst Benutzereingaben, z. B. das Absenden eines neuen Blogbeitrags, und leitet diese an das Model weiter.

Vorteile von MVC

Bessere Wartbarkeit durch klare Trennung von Logik, UI und Steuerung.
Wiederverwendbarkeit der Komponenten.
Einfache Testbarkeit, da Logik vom Interface getrennt ist.
Flexibilität, da verschiedene Views für dasselbe Model genutzt werden können.

Einsatzbereiche

MVC wird häufig in Webentwicklung und Desktop-Anwendungen verwendet, z. B.:

 


Zufalls-Technologie

Leaner Style Sheets - LESS


800px-LESS_Logo.svg.png