--- sourceDocument: Yokohama Erstellen oder ändern Sie Anwendungen sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/application-development Release : - yokohama ft:locale : - de-DE ft:publication_title : - Yokohama Erstellen oder ändern Sie Anwendungen ft:clusterId : - cadev bundleId : - cadev workflow : - Creator --- Erstellen Sie eine Seite in UI Builder ====================================== Erstellen Sie eine Seite in UI Builder {#ariaid-title1} ======================================================= * Freigeben Version: Yokohama * * Aktualisiert 30. Januar 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 Minuten Lesedauer Erstellen Sie in UI Builder eine Seite für ein Portal, einen Arbeitsbereich oder eine anwenderdefinierte Anwendung, um eine Web-Experience für Ihre Benutzer zu erstellen. Vorbereitungen -------------- Erforderliche Rolle: ui_builder_admin Warum und wann dieser Vorgang ausgeführt wird --------------------------------------------- Eine Seite enthält eine Sammlung von Komponenten, die einen Arbeitsbereich, ein Portal oder eine anwenderdefinierte Benutzeroberfläche (UI) für Anwendungen bilden. Abbildung : 1. UI Builder Prozedur -------- 1. Navigieren zu AlleNow-Experience-FrameworkUI Builder. 2. Öffnen Sie eine Experience, um darin zu arbeiten, oder erstellen Sie eine Experience, indem Sie auswählen ErstellenExperience. Weitere Informationen zum Erstellen von Experiences finden Sie unter [Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder](https://servicenow-prod.fluidtopics.net/CeZNVGqy8eTZVd2gZsb4ng "Erfahren Sie, was eine Experience in UI Builderist. Verstehen, was eine Experience enthält."). 3. Wählen Sie in der Mitte des Bildschirms Neue Seite erstellen. 4. Wählen Sie Stattdessen von Grund auf neu erstellen aus. Sie können Seiten auch mithilfe von Seitenvorlagen erstellen. Weitere Informationen finden Sie unter [Seite aus einer Vorlage erstellen](https://servicenow-prod.fluidtopics.net/uwyweWgPF2CDMDNxrH3mfA "Verwenden Sie eine Vorlage, um eine Seite basierend auf einer vordefinierten Seitenvorlage zu erstellen. Eine Seitenvorlage kann Ihnen helfen, Seiten schneller zu erstellen und die Seiten innerhalb einer Experience konsistent zu halten. Seitenvorlagen können Komponenten, Datenressourcen und ein Layout enthalten."). Hinweis: Ab Xanadu Store-Release 1 ist Responsive Authoring verfügbar, wenn eine neue UI Builder -Seite von Grund auf neu erstellt wird. Responsive Authoring ist für vorhandene Seiten oder Seiten, die mit einer Vorlage erstellt wurden, nicht verfügbar. Diese Seitentypen verwenden jedoch weiterhin das vorhandene, standardmäßige Reflow-Modell. Weitere Informationen finden Sie unter [Responsive Authoring](https://servicenow-prod.fluidtopics.net/N2QbeG3pT6h9pr91aqsm4A "Verwenden Sie reaktionsfähiges Authoring, um UI Builder -Seiten zu erstellen, die sich reibungslos an verschiedene Formfaktoren (Größen) wie Desktop, Tablet und Mobilgerät anpassen lassen."). 5. Geben Sie im Feld Name einen eindeutigen Namen für die Seite ein. 6. Geben Sie im Feld URL-Pfad einen Pfad für Ihre Seite an. UI Builder generiert einen Standardpfad basierend auf dem Namen, den Sie im vorherigen Schritt angegeben haben. Ein Standardpfad wird basierend auf Ihrem Seitennamen hinzugefügt. Sie können auch einen eigenen Pfad erstellen. Der Pfad ist erforderlich und muss eindeutig sein. Der Pfad kann Ziffern (0--9), Buchstaben (AZ, az) und einige Sonderzeichen (`„-"`, `„."`, `„_"`, `„~"`) enthalten, wobei die Wörter durch einen Schrägstrich oder getrennt werden Bindestrich. Die URL-Vorschau zeigt den Pfad Ihrer Seite an. Hinweis: Als Anwendungsbereich wird standardmäßig der Bereich verwendet, in dem sich der Benutzer derzeit innerhalb von Now Platform®befindet. Weitere Informationen zum Anwendungsbereich finden Sie unter [Informationen zu Sicherheit und Rollen](https://servicenow-prod.fluidtopics.net/eEIG~pBNMjPGjgFCNVvCuA "Richten Sie die Sicherheit und die Rollen für die Instanz UI Builder ein."). 7. Wählen Sie Fortsetzen. 8. Fügen Sie Ihrer Seiten-URL die erforderlichen Parameter hinzu. 1. Klicken Sie auf + Hinzufügen. 2. Geben Sie die erforderlichen Parameter für Ihre Seite ein. Ein erforderlicher Parameter ist ein Datenelement, das Ihre Seite erfordert, z. B. eine sys_id, eine Tabelle oder eine Abfrage. Erforderliche Parameter sind für Komponenten nützlich, da sie an den Wert des erforderlichen Parameters gebunden werden können. ![Erforderliche Parameter in UI Builder.]() Weitere Informationen finden Sie unter [Verwalten Sie Seiten und Seitenvarianten UI Builder .](https://servicenow-prod.fluidtopics.net/A5V7tPV9Qf70wAx4pf_DKg "Erfahren Sie, was eine Seite in UI Builderist. Machen Sie sich mit den Bausteinen einer Seite UI Builder vertraut, z. B. Spaltenlayouts und Komponenten."). {#create-page__substeps_f1f_lzh_hvb} 9. **Wahlweise:** Fügen Sie der URL Ihrer Seite optionale Parameter hinzu. 1. Klicken Sie auf + Hinzufügen. 2. Geben Sie die optionalen Parameter für Ihre Seite ein. Im Gegensatz zu erforderlichen Parametern sind optionale Parameter immer Name/Wert-Paare, die unabhängig von der Reihenfolge funktionieren, in der sie angegeben werden. ![Optionale Parameter in UI Builder.]() Weitere Informationen finden Sie unter [Verwalten Sie Seiten und Seitenvarianten UI Builder .](https://servicenow-prod.fluidtopics.net/A5V7tPV9Qf70wAx4pf_DKg "Erfahren Sie, was eine Seite in UI Builderist. Machen Sie sich mit den Bausteinen einer Seite UI Builder vertraut, z. B. Spaltenlayouts und Komponenten."). {#create-page__substeps_qnx_sqx_d5b} 10. Wählen Sie Sieht gut aus. 11. Geben Sie einen Namen für die Seitenvariante ein. Das Formular enthält automatisch Standard, Sie können jedoch den Namen der Seitenvariante bearbeiten. 12. **Wahlweise:** Fügen Sie eine oder mehrere Zielgruppen für diese Seite hinzu. Wenn eine benötigte Zielgruppe nicht aufgeführt ist, können Sie den Link Zielgruppen in Plattform öffnen wählen, um eine zu erstellen. 13. **Wahlweise:** Deklarieren Sie Bedingungen dafür, wann die Seite angezeigt werden soll, indem Sie entweder die bereitgestellten Dropdownmenüs verwenden oder eine codierte Abfragezeichenfolge schreiben. Weitere Informationen zum Schreiben codierter Abfragen finden Sie unter [Encoded query strings](https://www.servicenow.com/docs/access?context=c_EncodedQueryStrings&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US). 14. Wählen Sie Fortsetzen. 15. Wählen Sie die Option Build reaktionsfähig (Standard), um besser steuern zu können, wie die Seite bei verschiedenen Bildschirmformfaktoren angezeigt wird, oder wählen Sie Build ohne Reaktion für eine automatische Anpassung aus. Weitere Informationen finden Sie unter [Responsive Authoring](https://servicenow-prod.fluidtopics.net/N2QbeG3pT6h9pr91aqsm4A "Verwenden Sie reaktionsfähiges Authoring, um UI Builder -Seiten zu erstellen, die sich reibungslos an verschiedene Formfaktoren (Größen) wie Desktop, Tablet und Mobilgerät anpassen lassen."). 16. Wählen Sie Erstellen aus, um eine leere Seite zu erstellen. Die Seite wird in der Editor-Ansicht geöffnet, sodass Sie Inhalte wie Layouts und Komponenten hinzufügen können. Weitere Informationen finden Sie unter [Passen Sie die Seiten UI Builder mithilfe von Komponenten an](https://servicenow-prod.fluidtopics.net/lepFmeei_2nxHv01sLilJg "Erfahren Sie, was eine Komponente in UI Builderist. Sehen Sie sich auch an, wie -Komponenten in UI Builder funktionieren."). * **[Seite aus einer Vorlage erstellen](https://servicenow-prod.fluidtopics.net/uwyweWgPF2CDMDNxrH3mfA)** Verwenden Sie eine Vorlage, um eine Seite basierend auf einer vordefinierten Seitenvorlage zu erstellen. Eine Seitenvorlage kann Ihnen helfen, Seiten schneller zu erstellen und die Seiten innerhalb einer Experience konsistent zu halten. Seitenvorlagen können Komponenten, Datenressourcen und ein Layout enthalten. * **[Erstellt eine Seite aus einer Legacy-Vorlage](https://servicenow-prod.fluidtopics.net/z3nU1AycYg8QpB2ki4jtEg)** Verwenden Sie veraltete Seitenvorlagen, um eine Seitendefinition, z. B. eine Datensatz- oder Listenseite, für Seiten in Ihrem Arbeitsbereich oder Portal wiederzuverwenden.