![sign in form](https://demo5-academy.pega.com/sites/default/files/styles/1024/public/media/images/2020-12/username-password-remember-me-on-this-device.png?itok=bqHdr80Z)
Informationen und die Benutzeroberfläche
Daten in App Studio und Dev Studio erstellen
Wenn Sie in App Studio Felder anlegen, legt die Pega-Plattform automatisch eine Eigenschaft (oder ein Datenelement) im Hintergrund an. Sie können in Dev Studio die Eigenschaft öffnen und erweiterte Einstellungen wie die Sicherheit konfigurieren.
Sie können z. B. in App Studio den Case-Life-Cycle öffnen und der Ansicht „Request Updates“ ein Feld Last Name hinzufügen. Die Eigenschaft Last Name wird automatisch angelegt und kann in Dev Studio geöffnet werden.
Verschieben Sie in der Mitte des folgenden Bildes die vertikale Linie, um das Anlegen von Feldern in App Studio und der Eigenschaft in Dev Studio anzuzeigen.
Daten erstellen und anzeigen
Der Begriff „Eigenschaft“ (Property) wird oft synonym mit „Feld“ verwendet, doch sind beide Begriffe nicht identisch. Ein Feld ist eine Kombination aus einer Eigenschaft, die Daten verarbeitet, und einem Steuerelement, das die Datenpräsentation übernimmt. Steuerelemente sind das Bindeglied zwischen der Eigenschaft, die Informationen speichert, und der Anzeige von Informationen in der Benutzerschnittstelle. Wenn Sie eine Ansicht vom Case-Life-Cycle aus konfigurieren, fügen Sie der Benutzeroberfläche Felder hinzu. Die Pega-Plattform weist jedem Feld automatisch die Standardsteuerelement basierend auf dem von Ihnen ausgewählten Feldtyp (oder Datentyp) zu. Auf einem Anmeldeformular ist z. B. das Feld Username vom Typ Text, wird also als Textfeld angezeigt. Das Feld Remember me on this device ist vom Typ Boolean. Es wird also als Checkbox angezeigt.
Die Pega-Plattform behandelt Daten und die Benutzerschnittstelle getrennt. Sie können Datenobjekte zu einem Case-Typ hinzufügen, bevor Sie die Datenobjekte in einem Formular verwenden. Auch können Sie Steuerelemente zu einem Formular hinzufügen, ohne sie mit einem Datenobjekt zu verknüpfen. Wenn z. B. ein Feld im Case-Life-Cycle angelegt wird, ist das Feld ein mit einem Datenelement verknüpftes Steuerelement. Wenn Sie der Ansicht zur Laufzeit ein Steuerelement hinzufügen, verfügt das Steuerelement nicht über eine Eigenschaft, auf die verwiesen werden kann.
Hinweis: Einige Steuerelemente führen Aktionen auf der Benutzeroberfläche aus und verweisen nicht auf Daten, wie z. B. die Schaltfläche „Sign in“ des Formulars. Weitere Informationen zum Konfigurieren einer Aktion auf einem Steuerelement finden Sie unter dem Hilfethema Steuerelement-Formular – Tab „Actions“.
Bei den Datenobjekten oder Eigenschaften kann es sich entweder um einen einzelnen Wert ohne beabsichtigte Korrelation mit einem anderen Wert oder um einen Satz verwandter Werte handeln. Der Modus einer Eigenschaft erklärt diese Unterscheidung. Entwickler arbeiten normalerweise mit zwei Arten von Eigenschaftsmodi:
- Wertmodi beschreiben eine bestimmte Information, wie eine Gesamtsumme. Steuerelemente werden verwendet, um den Wert einer Wertmodus-Eigenschaft darzustellen.
- Seitenmodi beschreiben ein Datenobjekt wie etwa einen Kunden, das z. B. Datenelemente für den Kundennamen, die Kundenadresse und die Kunden-ID enthält. Layouts, oder Eigenschafts-Container, stellen Seitenmodus-Eigenschaften dar. Eine Seitenmodus-Eigenschaft kann nicht einem Kalendersteuerelement oder einer Schaltfläche zugeordnet werden.
Prüfen Sie mit der folgenden Interaktion Ihr Wissen.
Daten in Layouts anzeigen
Layouts dienen dazu, Datenelemente wie Felder visuell auf der Benutzeroberfläche anzuordnen. Sie können in einem Layout Felder, weitere Steuerelemente und auch andere Layouts einfügen, um Inhalte schnell zu organisieren.
Die Pega-Plattform bietet fertige Layout-(Design)-Vorlagen zur Erstellung von Ansichten. Sie können eine bestehende Layout-Vorlage sowohl in App Studio als auch in Dev Studio auf eine Ansicht anwenden. Allerdings können Sie nur mit Dev Studio Layout-Vorlagen erstellen und aktualisieren.
Hinweis: Ein bewährtes Vorgehen ist die Nutzung von fertigen Layout-Vorlagen für Ihre Benutzeroberfläche. Erweiterte Anpassungen der Benutzeroberfläche sind nicht mit App Studio kompatibel und können Verbesserungen am Designsystem erschweren.
Dieses Thema ist im folgenden Modul verfügbar:
If you are having problems with your training, please review the Pega Academy Support FAQs.
Möchten Sie uns dabei helfen, diesen Inhalt zu verbessern?