Aplicación del caso práctico de tienda al por menor de iSeries


Ampliar y mejorar el proyecto WebFacing con una interacción Web

En este apartado mejorará el proyecto WebFacing. Cuando se visualiza la lista de artículos, le interesará pulsar la imagen de un artículo para averiguar sus detalles. Para ello, utilizará el asistente Interacción Web para invocar el programa RPG con el fin de recuperar los detalles del artículo y visualizarlos en otra página Web. Llevará a cabo estos pasos:

Primero tendrá que definir la información del servidor:

  1. Pase a la perspectiva Web.
  2. En la vista Navegador, pulse Project501 con el botón derecho del ratón y seleccione Especificar configuración de tiempo de ejecución de herramientas Web de iSeries.
  3. Escriba el nombre del servidor iSeries, su ID de usuario y su contraseña.
  4. Escriba Retailstor en el campo Biblioteca y pulse Añadir.
  5. Pulse Finalizar. Pulse nuevamente Finalizar, si es necesario.

Antes de crear la interacción Web, tendrá que copiar los estilos correctos y la hoja de estilo para que Project501 se visualice con el debido formato de archivo JSP. (No tendría que realizar esta tarea si hubiese llevado a cabo el ejercicio del apartado (Opcional) Personalizar manualmente la hoja de estilo en cascada (CSS)). Primero copiará la carpeta de estilos y, después, el archivo DetailPageResults.jsp:

  1. En la vista Navegador, expanda SV000501 > Web Content.
  2. Pulse Styles con el botón derecho del ratón y seleccione Copiar.
  3. Desplácese hacia arriba en la vista Navegador hasta que vuelva a ver Project501.
  4. Expanda el proyecto, pulse Web Content con el botón derecho del ratón y seleccione Pegar en el menú emergente. Pulse para sobrescribir los estilos existentes.
  5. Desplácese hacia abajo hasta SV000501 > Web Content.
  6. Pulse DetailPageResults.jsp con el botón derecho del ratón y seleccione Copiar.
  7. Desplácese hacia arriba hasta que vuelva a ver su proyecto Project501.
  8. Expanda el proyecto, pulse Web Content con el botón derecho del ratón y seleccione Pegar en el menú emergente.

Observe los nuevos elementos que se han añadido bajo la carpeta Web Content de Project501.

Ahora ya puede crear la interacción Web:

  1. Pulse Archivo > Nuevo > Otros.
  2. En el diálogo Nuevo, pulse Web en la parte izquierda, y luego pulse Interacción Web en la parte de la derecha. Pulse Siguiente.
  3. En el campo Nombre de interacción Web, escriba DetailPage y pulse Siguiente.
  4. Marque el botón de selección Generar JSP de entrada.
  5. Marque el botón de selección Utilizar páginas de salida (si es que todavía no está marcado) y pulse Añadir.
  6. En el diálogo JSP de salida, expanda Web Content, seleccione DetailPageResults.jsp, que es su página de salida preformateada, y pulse Aceptar.
  7. Pulse Siguiente.

Ahora ya puede añadir programas y parámetros a la interacción. Tendrá que añadir 11 parámetros al mismo programa. En vez de ir añadiendo manualmente cada parámetro con sus valores individuales, puede añadirlos con un procedimiento algo más rápido:

  1. Seleccione Utilizar un programa ILE de iSeries, si es que todavía no está seleccionado.
  2. Pulse Añadir programa.
  3. En el campo Alias de programa, escriba DetailPage.
  4. Para el campo Objeto de programa, pulse Examinar.
    1. Expanda servidoriSeries > *LIBL > RETAILSTOR.
    2. Pulse DETAILPAGE.*pgm.rpgle (que es el primer archivo bajo RETAILSTOR) y pulse Aceptar.
  5. De nuevo en el asistente Interacción Web, pulse Aceptar (hacia la parte inferior de la derecha).

    Fíjese en que DetailPage se añade en la parte izquierda del asistente bajo Definiciones de llamada a programa.

  6. En la sección Definiciones de llamada a programa, en el panel izquierdo del asistente, pulse DetailPage para que quede seleccionado.
  7. Pulse Añadir parámetro.
  8. Junto a Especificar campo de referencia a base de datos, hacia la parte inferior del asistente, pulse Especificar.
  9. Expanda servidoriSeries > *LIBL > RETAILSTOR > INVENTORY.*file.pf-dta > INVFORMAT para visualizar una lista de 13 parámetros. Tendrá que añadir los 11 parámetros que se indican a continuación; para ello, pulse una vez en cada uno de ellos y seleccione Añadir, o bien, sin soltar la tecla Control, pulse cada uno de ellos y luego seleccione Añadir: PRODNO, PRODNAME, COLOR, RPRICE, IMAGE, STYLE, SQTY, MQTY, LQTY, XLQTY, XXLQTY. Lo que está haciendo en realidad es seleccionar todos los campos salvo PPRICE y QTY.
    Esta captura de pantalla muestra el diálogo Especificar campo de referencia a base de datos, en el que están seleccionados los parámetros pertinentes.
  10. Pulse Cerrar.

Ahora tendrá que cambiar la utilización de 10 de los 11 parámetros para que sean de tipo "salida" (de todos los parámetros salvo PRODNO).

  1. Todavía en el asistente Interacción Web, pulse PRODNAME para seleccionarlo.
  2. En el cuadro combinado Utilización, haga que el valor seleccionado pase a ser salida y pulse Aceptar. Repita este paso (junto con el paso anterior) para todos los parámetros salvo el primero (PRODNO). Una vez que haya ajustado todos los parámetros, su área de trabajo debe parecerse a la de la siguiente figura. Observe que el icono situado a la izquierda de cada parámetro indica si este es de tipo entrada, entrada y salida, o salida.
    Esta captura de pantalla muestra el asistente Interacción Web, con el énfasis puesto en los parámetros añadidos y en su utilización.
  3. Pulse Siguiente para obtener la vista previa del Formulario de entrada.
  4. Pulse Finalizar para crear la interacción Web.
  5. Seleccione Sí a todo o Aceptar y, de nuevo, Finalizar, si recibe mensajes.


[ Principio de página | Página anterior | Página siguiente | Contenido ]