SAP Web Dynpro - Creazione di un'applicazione

Per creare un'applicazione Web Dynpro, creeremo un componente Web Dynpro che consiste in una vista. Creeremo un contesto di vista → collegato a un elemento della tabella nel layout della vista e contiene i dati della tabella.

La tabella verrà visualizzata nel browser in fase di esecuzione. Verrà creata un'applicazione Web Dynpro per questo semplice componente Web Dynpro, che può essere eseguito nel browser.

Step 1 - Vai a T-Code - SE80 e seleziona Web Dynpro component / intf dall'elenco.

Step 2 - Crea un nuovo componente come segue.

Step 3 - Immettere il nome del nuovo componente e fare clic su Visualizza.

Step 4 - Nella finestra successiva, inserisci i seguenti dettagli:

  • È possibile inserire una descrizione di questo componente.
  • In tipo, seleziona un componente Web Dynpro.
  • Puoi anche mantenere il nome della finestra predefinita.

Step 5 - Assegna questo componente al pacchetto $ TMP e fai clic sul pulsante Salva.

Quando fai clic su Salva, puoi vedere questo nuovo componente sotto l'albero degli oggetti e contiene:

  • Controller componente
  • Interfaccia componente
  • View
  • Windows

Quando si espande l'interfaccia del componente, è possibile vedere il controller dell'interfaccia e le viste dell'interfaccia.

Come creare una vista e assegnarla a una finestra?

Step 1 - Fare clic sul componente Web Dynpro e accedere al menu contestuale (clic destro) → Crea → Visualizza

Step 2 - Creare una vista MAINVIEW come segue e fare clic sul segno di spunta.

Questo aprirà l'editor della vista nel workbench ABAP con il nome - MAINVIEW

Step 3 - Se si desidera aprire la scheda layout e visualizzare il designer, potrebbe essere necessario immettere il nome utente e la password del server delle applicazioni.

Step 4 - Fare clic sull'icona di salvataggio in alto.

Quando salvi, si trova sotto l'albero degli oggetti e puoi controllare espandendo la scheda di visualizzazione.

Step 5 - Per assegnare la finestra a questa visualizzazione, selezionare la finestra ZZ_00_TEST nella scheda della finestra e fare clic su Modifica modalità nella parte superiore dello schermo.

Step 6 - È possibile fare clic con il pulsante destro del mouse su → Schermo → Nella stessa finestra.

Step 7 - Ora apri la struttura della vista e sposta la vista MAINVIEW all'interno della struttura della finestra sul lato destro tramite Drag and Drop.

Step 8 - Apri la struttura della finestra sul lato destro e vedrai la MAINVIEW incorporata.

Step 9 - Salva facendo clic sull'icona Salva nella parte superiore dello schermo.

Come creare un contesto di visualizzazione per MAINVIEW?

Step 1- Aprire l'Editor delle viste per visualizzare MAINVIEW e passare alla scheda Contesto. Creare un nodo di contesto nel controller di visualizzazione aprendo il menu di scelta rapida corrispondente.

Step 2 - Selezionare la Vista nella struttura ad albero degli oggetti e fare clic su Visualizza.

Step 3- Mantieni le proprietà nella finestra successiva. Seleziona la cardinalità e la struttura del dizionario (tabella). Seleziona Aggiungi attributo dalla struttura e seleziona i componenti della struttura.

Step 4 - Per selezionare tutti i componenti, fare clic sull'opzione Seleziona tutto in alto e quindi fare clic sul segno di spunta nella parte inferiore dello schermo.

È stato creato un nodo di contesto TEST_NODE, che fa riferimento alla struttura dati della tabella e che può contenere 0 → n voci in fase di esecuzione. Il nodo del contesto è stato creato nel contesto della vista, poiché non è pianificato alcuno scambio di dati con altre viste, quindi non è necessario l'utilizzo del contesto del controller dei componenti.

Step 5 - Salvare le modifiche in MAINVIEW facendo clic sull'icona Salva.

Step 6- Vai alla scheda Layout di MAINVIEW. Inserire un nuovo elemento dell'interfaccia utente della tabella dei tipi in CONTAINER ROOTUIELEMENT e assegnare le proprietà nella tabella data.

Step 7 - Immettere il nome dell'elemento e il tipo.

Step 8- Crea l'associazione di TEST_TABLE con il nodo di contesto TEST_NODE. Seleziona Visualizzazione testo come editor di celle standard e attiva i collegamenti per tutte le celle.

Step 9- Fare clic sul pulsante Contesto. Seleziona il nodo di contesto come TEST_NODE dall'elenco.

Step 10 - Puoi vedere tutti gli attributi selezionandolo.

Step 11- Attivare tutte le caselle di controllo in Associazione per tutti gli attributi di contesto selezionandole. Confermare l'immissione premendo il tasto Invio.

Il risultato dovrebbe essere simile a questo:

Step 12 - Salva le modifiche.

Step 13- Per fornire dati alla tabella TEST, andare alla scheda Metodi e fare doppio clic sul metodo WDDOINIT. Inserisci il seguente codice -

method WDDOINIT .
* data declaration
data:
Node_TEST type REF TO IF_WD_CONTEXT_NODE,
Itab_TEST type standard table of TEST.
* get data from table TEST
select * from TEST into table Itab_TEST.
* navigate from <CONTEXT> to <TEST> via lead selection
Node_TEST = wd_Context->get_Child_Node( Name = `TEST_NODE` ).
* bind internal table to context node <TEST>
Node_TEST->Bind_Table( Itab_TEST ).
endmethod.

Applicazioni Web Dynpro, non è necessario accedere alle tabelle del database direttamente dai metodi Web Dynpro, tuttavia, è necessario utilizzare funzioni di fornitura o chiamate BAPI per l'accesso ai dati.

Step 14 - Salvare le modifiche facendo clic sull'icona di salvataggio nella parte superiore dello schermo.

Come creare un'applicazione Web Dynpro?

Step 1 - Selezionare il componente ZZ_00_TEST nell'albero degli oggetti → fare clic con il tasto destro e creare una nuova applicazione.

Step 2 - Immettere il nome dell'applicazione e fare clic su Continua.

Step 3- Salva le modifiche. Salva come oggetto locale.

Successivamente si attivano gli oggetti nel componente Web Dynpro -

Step 4 - Fare doppio clic sul componente ZZ_00_TEST e fare clic su Attiva.

Step 5 - Seleziona tutti gli oggetti e fai clic su Continua.

Step 6 - Per eseguire l'applicazione, selezionare Applicazione Web Dynpro → Fare clic con il pulsante destro del mouse e Test.

Verrà avviato un browser e verrà eseguita l'applicazione Web Dypro.

Chiamare un'applicazione Web Dynpro

In un'applicazione Web Dynpro, la finestra del componente ha un plug in entrata. Questo plug in entrata può avere parametri che devono essere specificati come parametri URL.

I valori predefiniti che vengono sovrascritti dai parametri URL possono essere impostati nell'applicazione per questi parametri. Se non viene specificato né un valore predefinito né un parametro URL, viene attivato un errore di runtime.

Per creare un nuovo plug in entrata, specificare il plug come avvio e il tipo di dati deve essere una stringa. Attiva il componente.

Successivamente è necessario specificare il componente da chiamare, i parametri, la finestra e il plug di avvio.

Chiama l'applicazione e i parametri URL sovrascrivono i parametri dell'applicazione.