Eine objektorientierte Arbeitsweise mit Modellen und Webanwendungen
Wenn wir in der objektorientierten Programmierung über das Konzept von Modellen sprechen, beziehen wir uns normalerweise auf eine Klasse, die eine Darstellung der in der Datenbank gespeicherten Daten ist.
Das heißt, wenn Informationen in Zeilen und Spalten gespeichert werden, füllen wir eine Klasse, ihre Attribute usw. mit diesen Informationen, damit wir sie in der Anwendung herumreichen, nach Bedarf manipulieren und dann möglicherweise serialisieren können Daten zurück in die Datenbank.
Aber in einer Webanwendung ist es fair anzunehmen, dass das Modell möglicherweise für das Front-End verwendet werden muss. Stellen Sie sich also eine Front-End-Anforderung vor, die den Server anruft, ein Modell (oder eine Sammlung von Modellen) anfordert und diese dann auf dem Front-End rendert.
Obwohl dieser spezielle Beitrag nicht codeorientiert ist, denke ich dennoch, dass es sich lohnt, über den Prozess der Übersetzung eines Modells vom Server und das anschließende Rendern auf dem Front-End der Webanwendung nachzudenken.
Arbeiten mit Modellen und Webanwendungen
Stellen Sie sich für einen Moment vor, dass Ihre Anwendung ein Mitarbeitermodell hat. Dieses Modell kann eine Vielzahl von Attributen enthalten, aber man kann davon ausgehen, dass alle Mitarbeiter über Folgendes verfügen würden:
- ein Vorname,
- ein Nachname,
- einen Mitarbeiterausweis,
- und eine E-Mail-Adresse
Wie diese Informationen in der Datenbank gespeichert werden, ist nicht ganz unerheblich, aber für diese Diskussion nicht so wichtig.
Beispielsweise gibt es vielleicht einen einzelnen Datensatz, der alle diese Informationen enthält, die in einer JSON-Zeichenfolge gespeichert sind. Andererseits gibt es vielleicht eine Mitarbeitertabelle, in der jede Zeile einen Mitarbeiter und jede Spalte ein Attribut darstellt.
Die Details, wie die Informationen von der Datenbank (oder allgemeiner dem Datenspeicher) in die Klasse übersetzt werden, sind nicht so wichtig.
Normalerweise sehen wir jedoch so etwas:
- Es gibt eine Klasse, die die Informationen anfordert,
- Die Informationen werden an eine einfache Fabrik weitergegeben ,
- Die Simple Factory instanziiert das Model ,
- Das Modell wird dann an die Drittanbieterklasse übergeben, die es angefordert hat.
Aus bildlicher Sicht können Sie es so sehen:
Von diesem Punkt an wird das Modell durch die gesamte Anwendung geleitet. Aber hier kommt der Ausgangspunkt dieses Beitrags ins Spiel: Wie übergeben wir eine Instanz des Modells (oder eine Sammlung von Modellen) an das Front-End der Anwendung?
Der Ablauf der Webanwendung
Um es einfach zu halten, nehmen wir an, dass wir ein einziges Modell verwenden werden, und wenn ich dieses Konzept dann vom Code-Standpunkt aus noch einmal überdenke, können wir ein bisschen mehr eintauchen.
Der allgemeine Ablauf einer Webanwendung sieht jedoch ungefähr so aus:
- Ein Benutzer löst eine Aktion aus, die eine Instanz des Modells anfordert,
- Das Front-End ruft einen Endpunkt auf dem Server an,
- Der Server liest die Anfragen und überprüft, ob sie gültig sind,
- Sendet dann eine Darstellung des Modells an das Front-End.
Andere Entwickler mögen anderer Meinung sein (was meiner Meinung nach immer willkommen und eine Diskussion wert ist), aber ich habe festgestellt, dass die Serialisierung der Instanz des Modells in JSON die Arbeit am Front-End aufgrund der JavaScript-Funktionalität viel einfacher macht bezieht sich auf, ähm, JSON.
Mit anderen Worten:
- Wir nehmen das Modell,
- in JSON serialisieren,
- Senden Sie es über den Draht,
- Deserialisieren Sie es dann am Front-End in eine JavaScript-Darstellung von sich selbst.
Dadurch können wir es so manipulieren, wie wir es auf der Serverseite tun würden; wir haben es jedoch mit einem JavaScript-Objekt zu tun. Darüber hinaus können wir auch bestimmte Änderungen vornehmen und die Informationen in einem anderen Zustand, in dem sie gesendet wurden, an den Server zurücksenden.
Letztendlich ermöglicht uns dies, die Daten wieder in der Datenbank zu speichern.
Eine Perspektive auf hohem Niveau
Und das ist der allgemeine Lebenszyklus der Weitergabe von Informationen von einer Datenbank an ein Modell an das Front-End und wieder zurück.
Oft ist es jedoch hilfreich, dies im Code zu sehen, also werde ich vielleicht in einem zukünftigen Beitrag eine Reihe von Artikeln bereitstellen, die durchgehen, wie das geht.
In der Zwischenzeit sollte es jedoch nicht schwierig sein, Ihre Implementierungen in den Workflow Model-Serialization-Request-Send zu übersetzen, wie in diesem Beitrag beschrieben.