SAP UI5: creazione di un progetto UI5

Step 1 - Per creare un nuovo progetto in Studio per sviluppatori UI5, vai su File → Nuovo → Progetto.

Step 2 - Immettere il nome del progetto, il dispositivo di destinazione e creare una visualizzazione iniziale.

Step 3 - Immettere il nome della vista e il tipo di vista nella finestra successiva e fare clic su Avanti.

Step 4- Nell'ultima finestra, vedi il riepilogo del progetto. Ti mostra le proprietà del progetto. Fare clic sul pulsante Fine per creare il progetto.

Step 5- Ti verrà chiesto di passare alla prospettiva Java EE. Fare clic su Sì e si aprirà una nuova finestra del progetto UI5 con una vista iniziale: JSView.

Step 6 - Ora per aggiungere una Shell a questa vista, puoi usare la libreria sap.ui.ux3.Shell ().

Step 7- Poiché Shell non fa parte di sap.ui.commons, è necessario aggiungere la libreria sap.ui.ux3. Puoi aggiungere ulteriori librerie a data-sap-ui-libs.

Per eseguire un'applicazione, hai due opzioni:

  • Esegui sul server
  • Esegui su webapp

L'esecuzione su server è consigliata in quanto ha una porta fissa e non è come eseguire su webapp con una porta casuale una tantum.

SAP UI5 ─ Configurazione

Come mostrato nella tabella seguente, puoi definire vari attributi di configurazione in SAP UI5 -

Funzioni principali

Le funzioni principali in SAP UI5 sono le seguenti:

  • Sap.ui.getCore() - Viene utilizzato per ottenere un'istanza principale.

  • Sap.ui.getCore().byid(id) - Viene utilizzato per ottenere un'istanza del controllo UI5 creata con id.

  • Sap.ui.getCore().applyChanges() - Viene utilizzato per eseguire e visualizzare immediatamente le modifiche per i controlli UI5.

  • jQuery.sap.domById(id)- Viene utilizzato per ottenere qualsiasi elemento HTML con id. Se è presente un controllo UI5 con id, l'elemento restituito è l'elemento HTML più in alto del controllo UI5.

  • jQuery.sap.byId(id) - Viene utilizzato per restituire l'oggetto jQuery dell'elemento DOM con l'ID specificato.