SAP Fiori - Concetti UI5

SAP UI5è un framework basato su script Java utilizzato per progettare applicazioni aziendali multipiattaforma. Supporta vari modelli di dati e visualizzazioni per applicazioni desktop e mobili. SAP UI5 viene compilato su Ajax aperto e può essere combinato con le librerie di script java.

SAP UI5 era inizialmente chiamato fenice che è stato successivamente cambiato in SAP UI5 nel 2011.

Tecnologie chiave dell'interfaccia utente

  • Web Dynpro ABAP e lo strumento di gestione della planimetria possono essere utilizzati per creare nuove applicazioni.

  • Strumenti di sviluppo di applicazioni SAP UI5 e UI5 ​​per modificare, adattare o sviluppare nuove applicazioni.

  • SAP Dynpro viene utilizzato per includere Screen Personas per l'ottimizzazione della GUI

Caratteristiche di SAP UI5

Le caratteristiche di SAP UI5 sono le seguenti:

  • Modelli ben progettati, facili da consumare.
  • Prestazioni ottimizzate con conformità agli standard SAP
  • Supporta Ajax open source
  • Include la libreria JavaScript
  • Modello di componenti dell'interfaccia utente estensibile
  • Basato su standard aperti come Ajax, JavaScript, CSS e HTML 5.

Componenti chiave - Interfaccia utente SAP client e server5 -

Client

  • Libreria JavaScript, file di immagine
  • File JavaScript principali
  • Test suite di file HTML e JavaScript

Server

  • Strumenti di sviluppo delle applicazioni
  • Generatore di temi
  • Gestore di risorse in Java
  • Strumenti di sviluppo del controllo

UI5 Browser Support

SAP UI5 supporta tutti i principali browser Web e le ultime versioni come IE, Mozilla Firefox, Google Chrome e Safari.

Architettura SAP UI5

L'architettura SAP UI5 è costituita da un framework JavaScript di base, incluso jQuery. Consiste di librerie di estensione, controlli e temi. Ha componenti server opzionali.

Librerie di controllo UI5

Comune SAP UI5 le librerie di controllo sono fornite di seguito.

  • Sap.ui.commons - Questo include controlli come campi di testo, pulsanti, caratteri, ecc.

  • Sap.ui.table - Questo include i controlli della tabella come righe, colonne, ecc.

  • Sap.ui.ux3 - Ciò include le proprietà per i modelli UX3.

  • Sap.m - Ciò include i controlli per dispositivi mobili come telefoni, tablet, ecc.

SAP UI5 ed estensibilità

  • SAP UI5 supporta l'estensibilità per gli sviluppatori di applicazioni e consente di aggiungere pagine basate su JavaScript, HTML e UI5.

  • Permette di scrivere nuove librerie UI e nuovi controlli.

  • Scrivi plug-in per il core UI5.

  • Crea controlli da controlli UI5 esistenti.

  • Include altre librerie JavaScript

Concetto di Model-View-Controller

MVC è costituito da tre concetti. Le visualizzazioni possono essere definite utilizzando diversi linguaggi come Java Scripts, HTML. Il controller viene utilizzato per collegare le viste e i modelli vengono utilizzati con le viste.

Views - Può essere definito utilizzando XML con HTM, misto o standalone

  • XML - (sap.ui.core.mvc.xmlview)

  • JavaScript - (sap.ui.core.mvc.JSView)

  • JSON - (sap.ui.core.mvc.JSONView)

  • HTML - (sap.ui.core.mvc.HTMLView)

Controller- I controller sono vincolati a una vista. Può anche essere utilizzato con più visualizzazioni

Model - Il data binding può essere utilizzato sulle viste.

Confronto di diversi tipi di visualizzazioni

Nella tabella viene fornito un confronto tra diversi tipi di visualizzazioni.

Associazione dati SAP UI5

L'associazione dati viene utilizzata dai controlli UI5 a un'origine dati per contenere i dati dell'applicazione. Permette di cambiare i controlli automaticamente ogni volta che c'è un cambiamento nei dati dell'applicazione.

Quando si utilizza l'associazione dati bidirezionale, i dati dell'applicazione vengono aggiornati ogni volta che il valore di un controllo associato cambia.

L'associazione dati supporta l'associazione di controlli semplici come il pulsante di test, i controlli di tipo elenco, ecc.

Tipi di modello di associazione dati

SAP UI5 supporta tre tipi di implementazione del modello:

  • JSON Model- Supporta i dati nel formato JavaScript Object Notation. Supporta il data binding a due vie.

  • XML Model- Supporta dati XML. Supporta il data binding a due vie.

  • OData Model- Crea richieste OData e gestisce le risposte di conseguenza. Supporta solo dati conformi a OData. Supporta il data binding sperimentale a due vie.