Overview
Dieses Tutorial soll Sie Schritt für Schritt durch den Prozess der Erstellung der App führen. Diese App, die zur Verwaltung von Kundeninformationen konzipiert ist, demonstriert, wie man webforJ verwendet, um eine funktionale und benutzerfreundliche Oberfläche mit Funktionen zum Anzeigen, Hinzufügen und Bearbeiten von Kundendaten zu erstellen. Jeder Abschnitt baut auf dem vorherigen auf, aber fühlen Sie sich frei, nach Bedarf vorzuspringen.
Jeder Schritt im Tutorial führt zu einem Programm, das in eine WAR-Datei kompiliert wird, die auf jedem Java-Webanwendungsserver bereitgestellt werden kann. Für dieses Tutorial wird das Maven Jetty-Plugin verwendet, um die App lokal bereitzustellen. Dieses leichte Setup stellt sicher, dass die App schnell ausgeführt werden kann und dass Änderungen während der Entwicklung in Echtzeit sichtbar sind.
Funktionen der Tutorial-App
- Arbeiten mit Daten in einer Tabelle.
- Verwendung von
ObjectTableund Asset-Management. - Routing und Navigation
- Datenbindungen und Validierung
Voraussetzungen
Um das Beste aus diesem Tutorial herauszuholen, wird vorausgesetzt, dass Sie über grundlegende Kenntnisse der Java-Programmierung verfügen und mit Tools wie Maven vertraut sind. Wenn Sie neu bei webforJ sind, keine Sorge - die Grundlagen des Frameworks werden im Verlauf behandelt.
Die folgenden Tools/Ressourcen sollten auf Ihrem Entwicklungsrechner vorhanden sein:
- Java 17 oder höher
- Maven
- Eine Java-IDE
- Ein Webbrowser
- Git (empfohlen, aber nicht erforderlich)
Siehe diesen Artikel für einen detaillierteren Überblick über die erforderlichen Tools.
Abschnitte
Das Tutorial ist in die folgenden Abschnitte unterteilt. Folgen Sie den einzelnen Schritten für eine umfassende Anleitung oder springen Sie für spezifische Informationen vor.
Für diejenigen, die zu spezifischen Themen vorspringen möchten, wird empfohlen, zunächst den Abschnitt Projektsetup zu lesen, bevor Sie fortfahren.
📄️ Project Setup
In diesem Tutorial wird die App in vier Schritte unterteilt, die jeweils neue Funktionen einführen, während das Projekt fortschreitet. Durch das Mitverfolgen erhalten Sie ein klares Verständnis dafür, wie sich die App entwickelt und wie jede Funktion implementiert wird.
📄️ Creating a Basic App
Dieser erste Schritt legt die Grundlage für die Kundenverwaltungs-App, indem er eine einfache, interaktive Benutzeroberfläche erstellt. Dies demonstriert, wie man eine grundlegende webforJ-App einrichtet, mit einem einzigen Button, der beim Klicken einen Dialog öffnet. Es ist eine unkomplizierte Implementierung, die wichtige Komponenten einführt und Ihnen ein Gefühl dafür gibt, wie webforJ funktioniert.
📄️ Working With Data
Dieser Schritt konzentriert sich darauf, Datenmanagement- und Anzeige-Funktionen zur Demo-App hinzuzufügen. Dazu werden Dummy-Daten über verschiedene Customer-Objekte erstellt, und die App wird aktualisiert, um diese Daten zu verarbeiten und in einer Table, die zur vorherigen App hinzugefügt wurde, anzuzeigen.
📄️ Scaling with Routing and Composites
Dieser Schritt konzentriert sich auf die Implementierung von Routing, um die Skalierbarkeit und Organisation der App-Struktur zu verbessern. Um dies zu erreichen, wird die App aktualisiert, um mehrere Ansichten zu verwalten, die die Navigation zwischen verschiedenen Funktionen wie dem Bearbeiten und Erstellen von Kundeneinträgen ermöglichen. Es wird erläutert, wie Ansichten für diese Funktionen erstellt werden, unter Verwendung von Komponenten wie Composite, um modulare und wiederverwendbare Layouts zu erstellen.
📄️ Validating and Binding Data
Datenbindung ist ein Mechanismus, der die UI-Komponenten Ihrer App direkt mit dem zugrunde liegenden Datenmodell verbindet und somit eine automatische Synchronisierung der Werte zwischen beiden ermöglicht. Dadurch entfällt die Notwendigkeit für wiederholte Getter- und Setter-Aufrufe, was die Entwicklungszeit verkürzt und die Zuverlässigkeit des Codes verbessert.