UI Builder-Glossar

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 6 Minuten Lesedauer
  • Erfahren Sie mehr über die Begriffe und Konzepte, die nur für UI Builder (UIB) gelten.

    Aktionen

    Aktionen sind Teil der Plattform ServiceNow®. Aktionen in UI Builder sind Aktivitäten auf einer Seite oder innerhalb einer Seitenkomponente. Events und Event Handler werden zum Hinzufügen von Aktionen verwendet. Fügen Sie beispielsweise einer Seite eine Schaltflächenkomponente hinzu, und fügen Sie dann einen Ereignishandler hinzu, um eine Aktion für die Schaltfläche anzuwenden, z. B. das Öffnen einer Webseite.

    App-Shell

    App-Shells sind die statischen Elemente einer Web-Experience (z. B. Header, Fußzeile und Menünavigation), die dem Endbenutzer beim Navigieren durch die Experience zur Verfügung stehen. App-Shells werden hauptsächlich in Arbeitsbereich- und Portal-Experiencesverwendet und unterstützt.

    Binden

    Siehe Datenbindung.

    Branding

    Siehe Thema.

    Cascading Style Sheets (CSS)

    Cascading Style Sheets sind eine Webstandard-Stylesheet-Sprache. In UI Builder wird CSS verwendet, um den visuellen Stil einer Komponente oder Seite in einem Arbeitsbereich oder einer Portal-Experience zu ändern. Fügen Sie beispielsweise einer Seiten- oder Containerkomponente eine Hintergrundfarbe hinzu.

    Siehe auch benutzerdefinierte CSS-Eigenschaften.

    Clientskript

    Clientseitiges JavaScript, das mit Komponenten und Statusparametern des Clients auf einer Seite interagiert. Client-Skripts werden Events und Event-Handlern in UI Builder zugeordnet. Fügen Sie beispielsweise in einer Listenkomponente Schaltflächen mit einem Client-Skript hinzu, um zwischen offenen und geschlossenen Datensätzen in der Liste umzuschalten. Fügen Sie Client-Skripts mit dem Now-Code-Editor hinzu, der in UI Builder integriert ist.

    Client-Statusparameter

    Seitenvariablen, die für eine Seite definiert sind, um Daten (einen Client-Status) nur für diese Seite zu speichern. Erstellen Sie beispielsweise drei Client-Statusparameter, um die Eingabe zu speichern, die zum Erstellen eines Datensatzes erforderlich ist, und geben Sie an, wann die Liste aktualisiert werden soll. Seitenvariablen können mithilfe von Client-Skripts und Events aktualisiert werden, um eine Seite dynamisch zu gestalten.

    Komponente

    Verwenden Sie die UI Builder-Komponentenbibliothek, um Seiten zu erstellen. Komponenten haben eine Schnittstelle, die ein Endbenutzer anzeigen und mit ihr interagieren kann. Komponenten können über Events und Eigenschaften miteinander kommunizieren. Zu den häufig verwendeten Komponenten gehören Überschrift, Bild, Liste, Formular und Schaltfläche.

    Komponentenformel-Editor

    Verwenden Sie diese Option, um Formeln zu binden oder zu ändern. Geben Sie Text, Datenbindungen oder Formeln ein. Der Editor unterstützt logische, arithmetische, Vergleichs-, Negations- und funktionale Transformationstypen.

    Komponenten-ID

    Wird verwendet, um auf eine Komponente zu verweisen, wenn ein Skript hinzugefügt oder Daten an die Komponente gebunden werden. Eine Komponenten-ID wird automatisch erstellt (basierend auf der Komponentenbezeichnung), wenn Sie einer Seite eine Komponente hinzufügen. Die Komponenten-ID kann jedoch bearbeitet werden.

    Komponentenvoreinstellungen

    Verwenden Sie diese Option, um vordefinierte Konfigurationswerte und Event-Zuordnungen auf -Komponenten anzuwenden. Voreinstellungen wenden vordefinierte Konfigurationen auf Komponenteneigenschaften und Event-Handler an. Voreinstellungen sind nur für bestimmte Komponenten verfügbar.

    Komponenteneigenschaften

    Verfügbar im Konfigurationsbereich und wird zum Konfigurieren einer Komponente verwendet. Jede Komponente hat eindeutige Eigenschaften. Komponenteneigenschaften werden auf jeder Registerkarte im Konfigurationsbereich angegeben: Konfiguration, Stil und Event. Für einige Komponenten sind Voreinstellungen verfügbar. Verwenden Sie die Komponentenvoreinstellungen, um Komponenteneigenschaften automatisch festzulegen.

    Zusammengesetzte Datenressourcen

    Kombinieren Sie mehrere Datenressourcen, z. B. GraphQL und Transformation, in einer einzigen wiederverwendbaren Datenressource.

    Konfigurierbarer Arbeitsbereich

    Neue Arbeitsweise, die die klassischen Umgebungsformulare und -listen ersetzt. Konfigurierbare Arbeitsbereiche wurden vor der Next Experience-UI eingeführt, aber in einer separaten Browserregisterkarte geöffnet.

    Controller
    Eine Art von Datenressource, die Daten und Event-Logik enthält und Komponentenvoreinstellungen ermöglicht. Controller werden automatisch hinzugefügt, wenn eine Seitenvorlage verwendet wird. Es gibt zwei Arten von Controllern:
    • Datencontroller enthalten Datenressourcen und können manuell zu einer Seite hinzugefügt werden
    • UI-Controller werden bei der Verwendung von Seitenvorlagen zu Seiten hinzugefügt und können nicht manuell hinzugefügt werden. Das Erstellen von Controllern wird derzeit nicht unterstützt.
    CSS

    Weitere Informationen finden Sie unter Cascading Style Sheets.

    Benutzerdefinierte CSS-Eigenschaften

    Next Experience-Kunden-CSS-Eigenschaften, die für die Gestaltung von Designs verwendet werden können.

    Datenbindung

    Prozess der Zuordnung von Daten (aus Tabellen, Datensätzen oder anderen Elementen auf der Seite) zu einem UI-Element, das Informationen anzeigt.

    Datenressourcen

    Als Mittler zwischen der Seite und dem Server fungieren. Datenressourcen rufen Daten ab, um eine Komponente auszufüllen, und aktualisieren Serverdaten basierend auf Benutzerinteraktionen. Zu den Datenressourcentypen gehören Controller (Daten-Controller und UI-Controller), GraphQL, Transform, Client-Status, Zusammensetzung und REST.

    Datenvisualisierung

    Diagramm oder Grafik, z. B. Einzelpunktzahl oder Spaltendiagramm, um Daten anzuzeigen. Datenvisualisierungen können so konfiguriert werden, dass je nach Viewer unterschiedliche Daten angezeigt werden.

    Entity View Action Mapper (EVAM)

    Anwendung, die standardisiert, wie verschiedene Datenquellen in Karten und Listen angezeigt werden. UI Builder verwendet EVAM-Datenquellen, um Informationen in einer Komponente als Kartenrasteransicht oder als Liste von Informationen anzuzeigen.

    Ereignis

    Weitere Informationen finden Sie unter UI Builder-Ereignis.

    Event-Handler

    Aktion, die ausgeführt wird, wenn ein Ereignis für eine Komponente, Seite oder Datenressource ausgelöst wird.

    Event-Zuordnung

    Prozess zum Identifizieren eines Ereignishandlers, der ausgeführt werden soll, wenn ein Ereignis auftritt. Fügen Sie einem Komponenten-, Seiten- oder Datenressourcen-Event einen einzelnen oder mehrere Event Handler hinzu.

    Flexbox

    Ein eindimensionales Seitenlayoutsystem in UI Builder. Ermöglicht das Hinzufügen von Inhalten oder Komponenten zu einer Seite nach Zeile (von links nach rechts oder von rechts nach links) oder nach Spalte (nach oben/unten oder unten/nach oben).

    GraphQL

    Open Source-Abfragesprache für APIs. In UI Builder führen GraphQL-Datenressourcen GraphQL-Abfragen und -Mutationen aus.

    IFrame

    HTML-Element, das eine andere HTML-Seite innerhalb des Dokuments lädt.

    Layout

    (Release vor Vancouver) Steuert, wie Komponenten in einem Container angeordnet werden. Nach dem Hinzufügen einer Komponente zu einem Container kann das Layout auf erweiterte Weise konfiguriert werden, z. B. mithilfe von Raster (Flexbox ist das Standardlayout).

    (Vancouver und spätere Releases) Element, das einer Seite hinzugefügt werden kann, um Komponenten anzuordnen.

    Macroponent

    Kerndatenstruktur, die die UI Builder-Seiten steuert. Felder enthalten JSON, aus dem die Seite erstellt wird.

    Karten-Events

    Weitere Informationen finden Sie unter Event-Zuordnung.

    Modal

    Eine Seitenüberlagerung, die verhindert, dass der Benutzer den Rest der Seite verwendet, bis eine Aktion ausgeführt wird. Wenn ein Benutzer beispielsweise eine Schaltflächenkomponente auswählt, die einen Datensatz löscht, kann ein Modal hinzugefügt werden, um die Bestätigung der Aktion anzufordern.

    Benachrichtigung

    Kommunikation (E-Mail, Kurznachrichtendienst, Benachrichtigung oder Push-Benachrichtigung), die von einer ServiceNow -Instanz gesendet wird, um einen Benutzer darüber zu informieren, dass etwas passiert ist.

    Now-Code-Editor

    Ein Rich-Text-Editor, der CSS, HTML, JavaScript, XML und JSON unterstützt. Verwenden Sie den Now-Code-Editor, um UI-Konfiguration, Datenressourcenkonfiguration, Stile, Ereignisse, clientseitige Skripts und serverseitige Skripts in Next Experience UI Builder-Komponenten zu ändern.

    Seite

    Siehe UI Builder-Seite.

    Seitensammlung

    Gruppe von Seiten, die in Experiences innerhalb von Registerkarten oder Modalen wiederverwendet werden können.

    Popover

    Eine Seitenüberlagerung, mit der Benutzer den Rest der Seiteweiterhin verwenden können. Popovers können genau wie UI Builder-Seiten mit Text, Komponenten, Bildern, Feldern und Menüelementen konfiguriert werden.

    Voreinstellungen

    Siehe Komponentenvoreinstellungen.

    Repeater

    Komponente, die als Basisschleife fungiert, die die Daten wiederholt, die Sie in mehreren Komponenten angeben. Repeater verwenden ein Array oder ein Array von Objekten. Repeater binden Werte an eine Daten-Array-Eigenschaft. Zum Beispiel wiederholt [{"task": "A"},{"task": "B"}] den darin enthaltenen Inhalt zweimal.

    Registerkarten

    Komponente, die ein horizontales oder vertikales Registerkartenmenü zum Navigieren zwischen verschiedenen Datensätzen anzeigt.

    Vorlage (Seite)

    Vordefinierte Werte zum Ausfüllen einer UI Builder-Seite. Verwenden Sie eine Vorlage, um Seiten schneller zu erstellen.

    Design

    Der visuelle Stil aller UI Builder-Seiten in einer Experience, einschließlich Primärfarben, Sekundärfarben, Logos und Schriftarten.

    Umwandeln

    Typ der Datenressource, die ein Skript verwendet, um Eingabedaten in ein anderes Format umzuwandeln. Geben Sie die Eigenschaften im JSON-Format an.

    UI Builder

    Webinterface-Generator, mit dem Entwickler neue Seiten erstellen oder vorhandene Seiten mithilfe von Next Experience UI Framework-Komponenten anpassen können.

    UI Builder-Ereignis

    Aktion, die ein Benutzer ausführt (z. B. Auswahl einer Schaltfläche) oder ein Vorkommen, das auf einer Seite auftritt. Die meisten UI Builder-Komponenten, -Seiten und -Datenressourcen verfügen über standardmäßig zugeordnete Events. Verwenden Sie Ereignishandler mit den Ereignissen, um den Seiten zusätzliche Aktionen hinzuzufügen.

    UI Builder-Seite
    Sammlung von Spaltenlayouts, Spalten und Komponenten. Erstellen oder passen Sie mehrere UI Builder-Seiten für Arbeitsbereich- und Portal-Experiences an.
    Variante

    Version einer UI Builder-Seite, deren Zugriff durch Rolle oder Bedingung gesteuert wird. Erstellen Sie Varianten von Seiten, um Experiences auf verschiedene Zielgruppen auszurichten. Erstellen Sie beispielsweise eine Homepage für Service Desk-Mitarbeiter und eine Variante für Manager unter derselben URL. Erstellen Sie alternativ eine Seitenvariante, die Benutzern unter anderen Bedingungen angezeigt wird.

    Viewport

    Spezialisierte Komponente, mit der Sie Ihre Experience erweitern können, ohne die übergeordnete Seite in UI Builder besitzen zu müssen. Sie können auf drei Arten mit Viewports arbeiten: Fügen Sie einer Seite eine Viewport-Komponente hinzu, fügen Sie einer Seite eine Viewport-fähige Registerkarte hinzu, oder fügen Sie der kontextabhängigen Seitenleistenkomponente einen Viewport hinzu.

    Arbeitsbereich

    Gezielte Experience für einen Typ von Anwendungsbenutzer. Enthält Komponenten, die es einem Benutzer ermöglichen, mit der Anwendung zu interagieren.