SAP UI5 - Erstellen eines UI5-Projekts
Step 1 - Um ein neues Projekt in UI5 Developer Studio zu erstellen, gehen Sie zu Datei → Neu → Projekt.
Step 2 - Geben Sie den Namen des Projekts, des Zielgeräts und der Option Erstansicht erstellen ein.
Step 3 - Geben Sie im nächsten Fenster den Namen der Ansicht und den Ansichtstyp ein und klicken Sie auf Weiter.
Step 4- Im letzten Fenster sehen Sie die Projektzusammenfassung. Es zeigt Ihnen die Projekteigenschaften. Klicken Sie auf die Schaltfläche Fertig stellen, um das Projekt zu erstellen.
Step 5- Sie werden aufgefordert, zur Java EE-Perspektive zu wechseln. Klicken Sie auf Ja, um ein neues UI5-Projektfenster mit einer ersten Ansicht zu öffnen - JSView.
Step 6 - Um dieser Ansicht nun eine Shell hinzuzufügen, können Sie die Bibliothek sap.ui.ux3.Shell () verwenden.
Step 7- Da Shell nicht Teil von sap.ui.commons ist, müssen Sie die Bibliothek sap.ui.ux3 hinzufügen. Sie können data-sap-ui-libs zusätzliche Bibliotheken hinzufügen.
Um eine Anwendung auszuführen, haben Sie zwei Möglichkeiten:
- Auf dem Server ausführen
- Auf Webapp ausführen
Die Ausführung auf einem Server wird empfohlen, da dieser über einen festen Port verfügt und nicht wie eine Ausführung auf einer Webanwendung mit einem einmaligen zufälligen Port.
SAP UI5 ─ Konfiguration
Wie in der folgenden Tabelle gezeigt, können Sie in SAP UI5 verschiedene Konfigurationsattribute definieren -
Kernfunktionen
Die Kernfunktionen in SAP UI5 lauten wie folgt:
Sap.ui.getCore() - Dies wird verwendet, um eine Kerninstanz abzurufen.
Sap.ui.getCore().byid(id) - Dies wird verwendet, um eine Instanz des UI5-Steuerelements mit id zu erstellen.
Sap.ui.getCore().applyChanges() - Hiermit werden die Änderungen für UI5-Steuerelemente sofort ausgeführt und gerendert.
jQuery.sap.domById(id)- Dies wird verwendet, um ein HTML-Element mit der ID abzurufen. Wenn es ein UI5-Steuerelement mit ID gibt, ist das zurückgegebene Element das oberste HTML-Element des UI5-Steuerelements.
jQuery.sap.byId(id) - Dies wird verwendet, um das jQuery-Objekt des DOM-Elements mit der angegebenen ID zurückzugeben.