SAP Web Dynpro: creación de una aplicación

Para crear una aplicación Web Dynpro, crearemos un componente Web Dynpro que consta de una vista. Crearemos un contexto de vista → vinculado a un elemento de tabla en el diseño de vista y contiene los datos de la tabla.

La tabla se mostrará en el navegador en tiempo de ejecución. Se creará una aplicación Web Dynpro para este sencillo componente Web Dynpro, que se puede ejecutar en el navegador.

Step 1 - Vaya a T-Code - SE80 y seleccione Web Dynpro component / intf de la lista.

Step 2 - Cree un nuevo componente como el siguiente.

Step 3 - Introduzca el nombre del nuevo componente y haga clic en mostrar.

Step 4 - En la siguiente ventana, ingrese los siguientes detalles -

  • Puede ingresar una descripción de este componente.
  • En tipo, seleccione un componente Web Dynpro.
  • También puede mantener el nombre de la ventana predeterminada.

Step 5 - Asigne este componente al paquete $ TMP y haga clic en el botón Guardar.

Cuando hace clic en Guardar, puede ver este nuevo componente debajo del árbol de objetos y contiene:

  • Controlador de componentes
  • Interfaz de componentes
  • View
  • Windows

Cuando expande la interfaz del componente, puede ver el controlador de interfaz y las vistas de la interfaz.

¿Cómo crear una vista y asignarla a una ventana?

Step 1 - Haga clic en el componente Web Dynpro y vaya al menú contextual (clic derecho) → Crear → Ver

Step 2 - Cree una vista MAINVIEW como la siguiente y haga clic en la marca de verificación.

Esto abrirá el editor de vista en el banco de trabajo ABAP con el nombre MAINVIEW

Step 3 - Si desea abrir la pestaña de diseño y ver el diseñador, es posible que deba ingresar el nombre de usuario y la contraseña del servidor de aplicaciones.

Step 4 - Haga clic en el icono de guardar en la parte superior.

Cuando guarda, aparece debajo del árbol de objetos y puede verificar expandiendo la pestaña de vista.

Step 5 - Para asignar la ventana a esta vista, seleccione la ventana ZZ_00_TEST en la pestaña de la ventana y haga clic en Cambiar modo en la parte superior de la pantalla.

Step 6 - Puede hacer clic derecho → Pantalla → En la misma ventana.

Step 7 - Ahora abra la estructura de la vista y mueva la vista MAINVIEW dentro de la estructura de la ventana en el lado derecho arrastrando y soltando.

Step 8 - Abra la estructura de la ventana en el lado derecho y verá el MAINVIEW incrustado.

Step 9 - Guarde haciendo clic en el icono Guardar en la parte superior de la pantalla.

¿Cómo crear un contexto de vista para MAINVIEW?

Step 1- Abra el Editor de vistas para ver MAINVIEW y cambie a la pestaña Contexto. Cree un nodo de contexto en el controlador de vista abriendo el menú contextual correspondiente.

Step 2 - Seleccione la Vista en el árbol de objetos y haga clic en Mostrar.

Step 3- Mantener las Propiedades en la siguiente ventana. Seleccione la cardinalidad y la estructura del diccionario (tabla). Seleccione Agregar atributo de estructura y seleccione los componentes de la estructura.

Step 4 - Para seleccionar todos los componentes, haga clic en la opción Seleccionar todo en la parte superior y luego haga clic en la marca de verificación en la parte inferior de la pantalla.

Se ha creado un nodo de contexto TEST_NODE, que hace referencia a la estructura de datos de la tabla y que puede contener 0 → n entradas en tiempo de ejecución. El nodo de contexto se ha creado en el contexto de la vista, ya que no está previsto el intercambio de datos con otras vistas, por lo que no es necesario el uso del contexto del controlador de componentes.

Step 5 - Guarde los cambios en MAINVIEW haciendo clic en el icono Guardar.

Step 6- Vaya a la pestaña Diseño de MAINVIEW. Inserte un nuevo elemento de la interfaz de usuario de la tabla de tipos en el CONTENEDOR DE ELEMENTO ROOTUI y asigne las propiedades en la tabla dada.

Step 7 - Ingrese el nombre del elemento y escriba.

Step 8- Cree el enlace de TEST_TABLE con el nodo de contexto TEST_NODE. Seleccione Vista de texto como editores de celdas estándar y active los enlaces para todas las celdas.

Step 9- Haga clic en el botón Contexto. Seleccione el nodo de contexto como TEST_NODE de la lista.

Step 10 - Puede ver todos los atributos seleccionándolo.

Step 11- Active todas las casillas de verificación en Vinculación para todos los atributos de contexto seleccionándolas. Confirme la entrada presionando la tecla Enter.

El resultado debería verse así:

Step 12 - Guarde los cambios.

Step 13- Para suministrar datos a la tabla TEST, vaya a la pestaña Métodos y haga doble clic en el método WDDOINIT. Ingrese el siguiente código -

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.

Aplicaciones Web Dynpro, no debe acceder a las tablas de la base de datos directamente desde los métodos Web Dynpro, sin embargo, debe utilizar funciones de suministro o llamadas BAPI para acceder a los datos.

Step 14 - Guarde los cambios haciendo clic en el icono de guardar en la parte superior de la pantalla.

¿Cómo crear una aplicación Web Dynpro?

Step 1 - Seleccione el componente ZZ_00_TEST en el árbol de objetos → haga clic con el botón derecho y cree una nueva aplicación.

Step 2 - Ingrese el nombre de la aplicación y haga clic en continuar.

Step 3- Guarde los cambios. Guardar como objeto local.

Lo siguiente es activar objetos en el componente Web Dynpro -

Step 4 - Haga doble clic en el componente ZZ_00_TEST y haga clic en Activar.

Step 5 - Seleccione todos los objetos y haga clic en continuar.

Step 6 - Para ejecutar la aplicación, seleccione la aplicación Web Dynpro → Haga clic con el botón derecho y Probar.

Se iniciará un navegador y se ejecutará la aplicación Web Dypro.

Llamar a una aplicación Web Dynpro

En una aplicación Web Dynpro, la ventana del componente tiene un conector de entrada. Este complemento de entrada puede tener parámetros, que deben especificarse como parámetros de URL.

Los valores predeterminados que se sobrescriben con los parámetros de URL se pueden establecer en la aplicación para estos parámetros. Si no se especifica un valor predeterminado ni un parámetro de URL, se activa un error de tiempo de ejecución.

Para crear un nuevo conector de entrada, especifique el conector como inicio y el tipo de datos debe ser una cadena. Activar el componente.

Lo siguiente es especificar el componente que se va a llamar, los parámetros, la ventana y el conector de inicio.

Llame a la aplicación y los parámetros de URL sobrescriben los parámetros de la aplicación.