Einführung
Fragmente in SAPUI5 sind eine leistungsstarke Funktion zur Rationalisierung der Entwicklung von wiederverwendbaren UI-Komponenten. Durch die Modularität und die Reduzierung von Redundanzen verbessern Fragmente die Wartbarkeit und Skalierbarkeit von Anwendungen. Dieser Leitfaden bietet einen detaillierten Überblick über SAPUI5-Fragmente, ihre Typen, Vorteile und Implementierungstechniken, zusammen mit praktischen Beispielen, die Ihnen helfen, sie zu beherrschen.
Was sind SAPUI5-Fragmente?
Ein Fragment in SAPUI5 ist ein schlanker, wiederverwendbarer Ausschnitt aus UI-Code, der in XML, HTML oder JavaScript definiert ist. Im Gegensatz zu Views haben Fragmente keine eigenen Controller; stattdessen sind sie auf den Controller des Views angewiesen, in den sie eingebettet sind. Fragmente werden in der Regel für Dialoge, Popups, Formularabschnitte oder andere UI-Komponenten verwendet, die in einer Anwendung mehrfach vorkommen.
Wesentliche Merkmale:
- Wiederverwendbar über mehrere Ansichten hinweg.
- Sie instanziieren nicht ihren eigenen Controller.
- Leicht und einfach zu handhaben.
Vorteile der Verwendung von Fragmenten
| Nutzen Sie | Beschreibung |
|---|---|
| Wiederverwendbarkeit | Einmal schreiben, über mehrere Ansichten hinweg wiederverwenden, um Doppelarbeit zu vermeiden. |
| Modularität | Zerlegen Sie komplexe Benutzeroberflächen in kleinere, überschaubare Komponenten. |
| Leistung | Fragmente sind leichtgewichtig, da sie keinen speziellen Controller benötigen. |
| Instandhaltbarkeit | Zentralisierte Updates der UI-Logik, wodurch der Entwicklungsaufwand reduziert wird. |
Arten von Fragmenten in SAPUI5
SAPUI5 unterstützt drei Arten von Fragmenten:
| Fragment Typ | Beschreibung | Anwendungsfall |
|---|---|---|
| XML | Wird mit XML-Tags definiert und lässt sich nahtlos in XML-Ansichten integrieren. | Standard und weithin bevorzugt. |
| HTML | Definiert unter Verwendung der HTML-Syntax. | Individuell gestaltete Benutzeroberflächen mit spezifischen Anforderungen. |
| JS | Programmatisch mit JavaScript definiert. | Dynamische UI-Erstellung. |
Dazu gehören, XML-Fragmente sind aufgrund ihrer Einfachheit und Kompatibilität mit XML-Ansichten die am häufigsten verwendeten.
Verschiedene Fragmenttypen nach Verwendungszweck
Fragmente können zur Definition verschiedener wiederverwendbarer UI-Komponenten verwendet werden. Hier sind einige der am häufigsten verwendeten Typen und ihre Definitionen:
1. Dialoge
Dialoge werden verwendet, um modale Fenster mit Inhalt und Benutzeraktionen anzuzeigen. Sie werden häufig für Formulare, Bestätigungsmeldungen oder Detailansichten verwendet.
Beispiel: Dialog-Fragment
2. Popovers
Popovers sind schwebende Container, die zur Anzeige von kontextbezogenen Informationen oder Optionen verwendet werden. Sie werden in der Regel durch Klicken oder Schweben über einem UI-Element ausgelöst.
Beispiel: Popover-Fragment
Schritt-für-Schritt-Anleitung zur Verwendung von Fragmenten
Schritt 1: Erstellen des Fragments
Definieren Sie das Fragment in der Webapplikation Verzeichnis. Die Namenskonvention für Fragmente lautet in der Regel .fragment.xml.
Beispiel: Ein einfaches Formularfragment
Schritt 2: Das Fragment dynamisch laden
Fragmente können dynamisch geladen werden, indem die Fragment.laden Methode. So können Sie sie nur bei Bedarf einsetzen und die Leistung verbessern.
Controller Code:
Schritt 3: Das Fragment statisch einbetten
In einigen Fällen können Fragmente zur einfacheren Verwendung statisch in Ansichten eingebettet werden.
Beispiel ansehen:
Ereignisbehandlung in Fragmenten
Fragmente sind bei der Behandlung von Ereignissen auf den Controller der übergeordneten Ansicht angewiesen. Fügen Sie die Ereignishandler wie in einer normalen XML-Ansicht hinzu.
Beispiel für ein Fragment:
Controller Code:
Erweiterte Fragmentverwendung: Verschachtelte Fragmente
Fragmente können andere Fragmente enthalten, um komplexe, modulare UI-Komponenten zu erstellen.
Übergeordnetes Fragment:
Kind-Fragment:
Bewährte Praktiken für die Verwendung von Fragmenten
- Dateibenennung: Befolgen Sie einheitliche Namenskonventionen zur einfachen Identifizierung (z.B.,
MeinFragment.fragment.xml). - Wiederverwendbarkeit: Verwenden Sie Fragmente für allgemeine Komponenten wie Dialoge und Formulare, um Redundanz zu vermeiden.
- Controller-Logik: Behalten Sie die Ereignisbehandlung im Controller der übergeordneten Ansicht bei, um die Wartbarkeit zu verbessern.
- Leistung: Laden Sie Fragmente nach Möglichkeit dynamisch, um die Leistung zu optimieren.
