Installazione, Configurazione, Amministrazione e Gestione operativa
SAP Business Technology Platform (SAP BTP) è una suite completa progettata per trasformare i dati in informazioni aziendali utilizzabili all'interno di un'azienda intelligente. Lanciata nel 2021, SAP BTP integra una varietà di servizi sotto un'unica piattaforma, evolvendo da iterazioni precedenti come SAP HANA Cloud Platform.
.
Il valore di un SAP S/4HANA Basis Administrator competente è in aumento e si prevede che aumenterà ancora di più con la crescita dell'uso dei dati nel business.
Il futuro di questa carriera in SAP sembra brillante, ma questo ruolo richiede un adeguato set di competenze e una formazione continua per rimanere competitivi.
In questa formazione imparerai-
In questo tutorial SAP PI / PO, impareremo
In questo tutorial SAP UI5 per principianti, imparerai le basi di SAP UI5 come:
SAPUI5 è un set di librerie per creare applicazioni Web reattive che vengono eseguite su più dispositivi come desktop, dispositivi mobili e tablet. SAPUI5 lavora sul concetto MVC per accelerare il ciclo di sviluppo creando dati, logica di business e rappresentazione dei dati separatamente sulla vista. Quindi lo sviluppo della vista e del controller può avvenire in modo indipendente per creare modelli (contenitori di dati).
SAPUI5 è l'ultima della serie di tecnologie di sviluppo dell'interfaccia utente SAP. Al fine di fornire l'integrazione web per il sistema SAP ERP sottostante, SAP ha sviluppato più tecnologie di sviluppo dell'interfaccia utente come BSP (pagine del server aziendale), PDK (kit di sviluppo del portale), Web Dynpro Java, Web Dynpro ABAP. E il successore di Web Dynpro ABAP è SAPUI5.
Architettura SAPUI5
Come scrivere un TEST CASE Esercitazione sul test del softwareIl prossimoRimanereNell'architettura di cui sopra, la prima casella, ovvero "Dispositivi", indica i dispositivi su cui vengono eseguite le applicazioni UI5. È possibile accedere alle applicazioni UI5 tramite un'app mobile o qualsiasi browser su questi dispositivi. Questo livello dell'architettura è chiamato "Livello di presentazione".
Le applicazioni SAPUI5 e i servizi oData risiedono su SAP NetWeaver Gateway Server. Questo livello dell'architettura è chiamato "Livello applicazione".
La logica aziendale effettiva è implementata nei sistemi principali SAP come ECC, CRM e BW, ecc. La logica aziendale può essere implementata utilizzando programmi e moduli funzionali SAP. I dati transazionali e anagrafici SAP risiedono su sistemi SAP. Questo livello dell'architettura è chiamato "Database Layer" o "Persistence Layer".
Un componente è un pezzo di codice funzionante che viene riutilizzato dove richiesto. Esistono 2 tipi di componenti forniti da SAPUI5
In sostanza, un componente è una cartella. Quando crei una nuova applicazione SAPUI5, sarai in grado di vedere una struttura di cartelle creata nel tuo esploratore di progetto come di seguito.
In questa applicazione UI5, PassNum è un componente. Il file Component.js è obbligatorio affinché l'applicazione UI5 si comporti come un componente. Il file Component.js è il controller del componente.
Successivamente in questo tutorial su SAPUI5 Eclipse, impareremo come configurare SAPUI5.
Prima di iniziare, devi assicurarti che:
Dopo che l'applicazione è stata completamente creata, dovrebbe apparire come di seguito:
In questa guida alle esercitazioni SAPUI5, creeremo 2 componenti, ovvero il componente principale e il componente figlio. Innanzitutto, creeremo il componente figlio e quindi lo utilizzeremo nel componente padre.
Cominciamo a sporcarci le mani.
Il nostro obiettivo è creare un componente figlio che accetti un numero compreso tra 1 e 12 e visualizzi il nome del mese. Ad esempio, ne riceve 3; dovrebbe visualizzare "marzo".
Passaggio 1) Crea il progetto UI
Vai a File-> Nuovo-> Altro-> Sviluppo applicazioni SAPUI5-> Progetto applicazione.
Crea un progetto applicativo per SAPUI5 seguendo la procedura guidata che si apre. Vedi screenshot qui sotto.
Immettere il nome del progetto, lasciare che le altre selezioni rimangano le stesse suggerite dalla procedura guidata.
Nello screenshot sopra, ci sono 2 tipi di librerie visualizzate come pulsanti di opzione
Quando selezioni sap.m, stai dicendo alla procedura guidata di creare un progetto di applicazione UI5 la cui sezione bootstrap includerà automaticamente la libreria sap.m che è destinata alla creazione di un'applicazione web reattiva.
Successivamente in questo tutorial SAP FIORI, vedrai la sezione seguente della procedura guidata in cui è necessario creare la vista iniziale. Una vista iniziale è una vista di cui verrà eseguito il rendering per prima quando si accede all'applicazione.
Qui è necessario fornire il nome della vista e selezionare il tipo di vista. SAPUI5 supporta 4 tipi di visualizzazione come evidenti nella schermata sopra. Quindi l'interfaccia utente di un'applicazione SAPUI5 può essere costruita utilizzando Javascript o XML o JSON o HTML qualunque sia la lingua con cui ti senti a tuo agio.
Alla fine della procedura guidata, verrà creato un nuovo progetto e visualizzato nella finestra Project Explorer di Eclipse come di seguito.
Passaggio 2) Codice Component.js
Quindi, creiamo un file Component.js e scriviamo sotto il codice al suo interno.
sap.ui.core.UIComponent.extend ("DisplayMonth.Component", {
metadati: {
"name": "DisplayMonth",
"dipendenze": {
"componenti": []}
},
createContent: function () {
var oViewData = {
componente: questo
};
var oView = sap.ui.view ({
viewName: "DisplayMonth.displaymonth.DisplayMonthView",
digitare: sap.ui.core.mvc.ViewType.XML,
viewData: oViewData
});
return (oView);
},
init: function () {
// chiama super init (chiamerà la funzione "crea contenuto")
sap.ui.core.UIComponent.prototype.init.apply (this, arguments);
// usa sempre percorsi assoluti relativi al nostro componente
// (i percorsi relativi falliranno se in esecuzione nel Launchpad di Fiori)
var sRootPath = jQuery.sap.getModulePath ("DisplayMonth");
},
});
Passaggio 3) Codice index.html
Successivamente, diciamo al file index.html di caricare Component.js in SAPUI5 quando si accede all'applicazione dal browser. Quindi scrivi sotto il codice nel file index.html.
<! DOCTYPE HTML>
<html>
<head>
// aggiunta di meta tag per dire al browser IE di eseguire il rendering della pagina in modalità IE-edge.
<meta http-equiv = "X-UA-Compatible" content = "IE = edge">
// aggiunta di un meta tag per dire a eclipse di utilizzare UTF 8 come codifica dei caratteri
<meta http-equiv = 'Content-Type' content = 'text / html; charset = UTF-8' />
// Script Bootstrap per indicare al designtime e al runtime di ui5 di utilizzare la libreria sap.m, utilizzare // blue-crystal questi e utilizzare una sintassi di associazione complessa
<script src = "/ resources / sap-ui-core.js"
id = "sap-ui-bootstrap"
data-sap-ui-libs = "sap.m"
data-sap-ui-theme = "sap_bluecrystal"
data-sap-ui-xx-bindingSyntax = "complessa"
data-sap-ui-resourceroots = '{"DisplayMonth": "./"}'>
</script>
<script>
sap.ui.getCore (). attachInit (function () {
new sap.m.Shell ({
app: nuovo sap.ui.core.ComponentContainer ({
altezza: "100%",
nome: "DisplayMonth"
})
}). placeAt ("contenuto");
});
</script>
</head>
// inizio del corpo dell'applicazione SAPUI5. Contiene un elemento div.
<body class = "sapUiBody" role = "application">
<div id = "content"> </div>
</body>
</html>
Passaggio 4) Codice DisplayMonthView.view.xml
Successivamente, scriviamo il codice nella nostra vista displaymonth che mostrerà il mese il cui numero di mese viene ricevuto dal componente padre.
<html: style>
#__ xmlview1 - id {
margine sinistro: 30rem;
margin-top: 9rem;
dimensione del carattere: 6rem;
stile del carattere: corsivo;
colore di sfondo: burlywood;
}
</ html: style>
<App id = "fioricontent">
<Page title = "Child Component">
<contenuto>
<Text id = "id" xmlns = "sap.m" text = "{myModel> / monthname}"> </Text>
</content>
</Page>
</App>
Dopo aver incollato il codice sopra, la tua vista dovrebbe apparire come sotto-
Passaggio 5) Codice DisplayMonthView.controller.js
Infine, scriviamo il codice del file Controller di DisplayMonthView.
Il codice è scritto solo nel metodo hook onInit () di questo controller quindi incollando qui solo il codice onInit (). Il resto del file è come generato dal framework.
onInit: function () {
sap.ui.getCore (). getEventBus (). subscribe ("exchange", "data",
function (channel, event, oEventData) {
jsonModel = nuovo sap.ui.model.json.JSONModel ({
monthumber: oEventData,
monthname: ''
});
// deriva il nome del mese dal numero del mese
switch (jsonModel.oData.monthumber) {
caso 1":
jsonModel.oData.monthname = 'gennaio';
rompere;
caso "2":
jsonModel.oData.monthname = 'Febbraio';
rompere;
caso "3":
jsonModel.oData.monthname = 'marzo';
rompere;
caso "4":
jsonModel.oData.monthname = 'aprile';
rompere;
caso "5":
jsonModel.oData.monthname = 'maggio';
rompere;
caso "6":
jsonModel.oData.monthname = 'giugno';
rompere;
caso "7":
jsonModel.oData.monthname = 'luglio';
rompere;
caso "8":
jsonModel.oData.monthname = 'Agosto';
rompere;
caso "9":
jsonModel.oData.monthname = 'settembre';
rompere;
caso "10":
jsonModel.oData.monthname = 'ottobre';
rompere;
caso "11":
jsonModel.oData.monthname = 'novembre';
rompere;
caso "12":
jsonModel.oData.monthname = 'dicembre';
rompere;
}
this.getView (). setModel (jsonModel, "myModel");
}, Questo);
},
Passaggio 6) Distribuzione dell'applicazione su SAP Netweaver Gateway Server
Distribuire il progetto e fornire il nome tecnico dell'applicazione BSP che verrà generata sul server frontend ABAP. Lascia che il nome sia zdisplaymonth . A questo punto, il progetto dell'applicazione dovrebbe apparire come di seguito.
Ora è il momento di creare un nuovo componente (componente padre) che consumerà il componente che abbiamo creato finora in questo tutorial.
Passaggio 1) Crea una nuova applicazione SAPUI5
Vai a File-> Nuovo-> Altro-> Sviluppo applicazioni SAPUI5-> Progetto applicazione. Quindi seguire le istruzioni della procedura guidata per creare un nuovo progetto applicativo SAPUI5. Questo è stato descritto in dettaglio nel passaggio 1 della parte 1 in questo tutorial sopra.
Il nome del progetto componente padre è PassNum. E il nome tecnico dell'applicazione BSP generata dopo la distribuzione del componente SAPUI5 sul server frontend ABAP è zpassnum. La struttura del progetto apparirà come di seguito
Scriviamo ora il codice nei file index.html, Component.js e PassNum.view.xml e PassNum.controller.js
Passaggio 2) Codice sorgente di Index.html del componente padre
<! DOCTYPE HTML>
<html>
<head>
// aggiunta di meta tag per dire al browser IE di eseguire il rendering della pagina in modalità IE-edge.
<meta http-equiv = "X-UA-Compatible" content = "IE = edge">
// aggiunta di un meta tag per dire a eclipse di utilizzare UTF 8 come codifica dei caratteri
<meta http-equiv = 'Content-Type' content = 'text / html; charset = UTF-8' />
// Script Bootstrap per indicare al tempo di progettazione e al runtime di ui5 di utilizzare la libreria sap.m, utilizzare // blue-crystal questi e utilizzare una sintassi di associazione complessa
<script src = "/ resources / sap-ui-core.js"
id = "sap-ui-bootstrap"
data-sap-ui-libs = "sap.m"
data-sap-ui-theme = "sap_bluecrystal"
data-sap-ui-resourceroots = '{"PassNum": "./"}'>
</script>
<script>
sap.ui.getCore (). attachInit (function () {
new sap.m.Shell ({
app: nuovo sap.ui.core.ComponentContainer ({
altezza: "100%",
nome: "PassNum"
})
}). placeAt ("contenuto");
});
</script>
</head>
// inizio del corpo dell'applicazione SAPUI5, contiene un tag div,
<body class = "sapUiBody" role = "application">
<div id = "content"> </div>
</body>
</html>
Passaggio 3) Codice sorgente del file Component.js di Parent Component
sap.ui.core.UIComponent.extend ("PassNum.Component", {
metadati: {
"name": "PassNum",
"dipendenze": {
"componenti": []}
},
createContent: function () {
var oViewData = {
componente: questo
};
// Creazione del riferimento di una vista XML PassNum
var myView = sap.ui.view ({
viewName: "PassNum.passnum.PassNum",
digitare: sap.ui.core.mvc.ViewType.XML,
viewData: oViewData
});
return (myView);
},
init: function () {
// chiama super init (questo chiamerà la funzione "crea contenuto")
sap.ui.core.UIComponent.prototype.init.apply (this, arguments);
// assicurarsi di utilizzare percorsi assoluti relativi al proprio componente
// (in esecuzione in Fiori Launchpad, i percorsi relativi falliranno)
var sRootPath = jQuery.sap.getModulePath ("PassNum");
},
});
Passaggio 4) Codice sorgente del file PassNum.view.xml
<Page title = "Parent Component">
<contenuto>
<VBox xmlns = "sap.m" id = "vboxid">
<items>
<Button xmlns = "sap.m" id = "1" text = "First" press = "clickbutton"
class = "sapUiSmallMarginEnd"> </Button>
<Button xmlns = "sap.m" id = "2" text = "Second" press = "clickbutton"
class = "sapUiSmallMarginEnd"> </Button>
<Button xmlns = "sap.m" id = "3" text = "Third" press = "clickbutton"
class = "sapUiSmallMarginEnd"> </Button>
<Button xmlns = "sap.m" id = "4" text = "Fourth" press = "clickbutton"
class = "sapUiSmallMarginEnd"> </Button>
<Button xmlns = "sap.m" id = "5" text = "Fifth" press = "clickbutton"
class = "sapUiSmallMarginEnd"> </Button>
<core: ComponentContainer id = "conpcontid"
name = "DisplayMonth" manifestFirst = "true" component = "zdisplaymonth"> </ core: ComponentContainer>
</items>
</VBox>
</content>
</Page>
Dopo aver utilizzato il codice sopra nella visualizzazione, la visualizzazione dovrebbe essere simile a quella riportata di seguito
Passaggio 5) Codice sorgente di PassNum.controller.js
È stato modificato solo il metodo onInit (). Tutto il resto in questo file rimane lo stesso
onInit: function () {
jQuery.sap.registerModulePath ("DisplayMonth", "../zdisplaymonth");
},
pulsante clic: funzione (oEvento)
{
sap.ui.getCore (). getEventBus (). publish ("exchange",
"data", oEvent.oSource.sId.split ("-") [1]);
}Passaggio 6) Distribuzione del componente principale su SAP Netweaver Gateway Server
Distribuisci l'applicazione sul server frontend ABAP ed eseguila. Dovresti essere in grado di eseguirlo facendo clic con il pulsante destro del mouse sul progetto e facendo clic sull'opzione "Esegui sul server ABAP".
L'URL sottostante si aprirà nel browser Eclipse.
hostname: 8000/sap/bc/ui5_ui5/sap/zpassnum /index.html
Copia l'URL ed eseguilo nel browser effettivo. Nel nome host sopra indicato in giallo c'è il nome host del tuo server frontend ABAP.
Fare clic sul pulsante "Primo", gennaio dovrebbe essere visualizzato nel componente figlio.
Divertiti a creare bellissime applicazioni web reattive utilizzando SAPUI5.
In questo tutorial SAPUI5, abbiamo imparato:
Fino a oggi Basis è stato conosciuto anche come Netweaver che e' la piattaforma su cui poggia SAP ERP ECC 6.0.
L'alias di BASIS è la tecnologia SAP Application Server e l'alias di NetWeaver è SAP Web Application Server.
Dopo aver aggiunto lo stack java (le applicazioni sviluppate in J2EE, BSP, JSP, ecc.) Standard di sicurezza migliorati per i processi aziendali. Sia lo stack ABAP che lo stack Java possono essere monitorati da un'unica piattaforma. Netweaver supporta protocolli standard come HTTP, SMTP, XML, SOAP, SSO, WEBDAV, WSDL, WMLSSO, SSL, X.509 e il formato Unicode (rappresentazione della gestione del testo) .
Possiamo dire che Basis è il sistema operativo per applicazioni SAP e ABAP. Basis fornisce servizi come la comunicazione con il sistema operativo, la comunicazione del database, la gestione della memoria, la raccolta runtime dei dati delle applicazioni, le richieste web, lo scambio di dati aziendali ecc ...
Basis supporta una serie di sistemi operativi noti (versioni Unix, edizione server Microsoft Windows, AS400, z / OS, ecc.) E database (Oracle, DB2, Informix, Maxdb, Microsoft SQL Server, ecc.).
Come sappiamo BASIS è un insieme di strumenti. Questo strumento ha le seguenti diverse funzionalità: -
Basis è un insieme di programmi e strumenti che fungono da interfaccia con database, sistema operativo, protocolli di comunicazione e applicazioni aziendali (come FI, CO, MM, ecc.). La forma completa di BASIS è "Soluzione integrata di software applicativo aziendale"
Le applicazioni SAP come FI, CO, PP ecc. Possono essere eseguite e comunicare tra loro su diversi sistemi operativi e database con l'aiuto di BASIS.
SAP Basis è uno strumento middleware per applicazioni, sistema operativo e database Il consulente SAP Basis dovrebbe essere in grado di svolgere le seguenti attività: -
Questo è un elenco generico. Ci sono molte altre responsabilità che un consulente Basis si assume. Ogni giorno impari qualcosa di nuovo!
Ecco l'elenco dei componenti dell'applicazione (moduli secondari) che rientrano nel modulo Base in SAP. List fornisce l'abbreviazione del componente, il suo scopo e il pacchetto a cui appartiene.
Di seguito è riportato un elenco di esempio dei codici t del modulo Basis. L'elenco completo dei codici di transazione insieme alla loro descrizione sarà disponibile dai collegamenti dopo questo elenco.
