Aplicación del caso práctico de tienda al por menor de iSeries
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:
- definir la información del servidor
- copiar la hoja de estilo correcta
- crear la interacción
- añadir programas y parámetros a la interacción
- cambiar la utilización de los parámetros
Primero tendrá que definir la información del servidor:
- Pase a la perspectiva Web.
- 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.
- Escriba el nombre del servidor iSeries, su ID de usuario y su
contraseña.
- Escriba Retailstor en el campo Biblioteca y pulse
Añadir.
- 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:
- En la vista Navegador, expanda SV000501 > Web Content.
- Pulse Styles con el botón derecho del ratón y seleccione
Copiar.
- Desplácese hacia arriba en la vista Navegador hasta que vuelva a ver
Project501.
- Expanda el proyecto, pulse Web Content con el botón derecho del
ratón y seleccione Pegar en el menú emergente. Pulse
Sí para sobrescribir los estilos existentes.
- Desplácese hacia abajo hasta SV000501 > Web Content.
- Pulse DetailPageResults.jsp con el botón derecho del
ratón y seleccione Copiar.
- Desplácese hacia arriba hasta que vuelva a ver su proyecto
Project501.
- 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:
- Pulse Archivo > Nuevo > Otros.
- 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.
- En el campo Nombre de interacción Web, escriba
DetailPage y pulse Siguiente.
- Marque el botón de selección Generar JSP de entrada.
- Marque el botón de selección Utilizar páginas de salida (si es
que todavía no está marcado) y pulse Añadir.
- En el diálogo JSP de salida, expanda Web Content,
seleccione DetailPageResults.jsp, que es su página de salida
preformateada, y pulse Aceptar.
- 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:
- Seleccione Utilizar un programa ILE de iSeries, si es que
todavía no está seleccionado.
- Pulse Añadir programa.
- En el campo Alias de programa, escriba
DetailPage.
- Para el campo Objeto de programa, pulse
Examinar.
- Expanda servidoriSeries > *LIBL > RETAILSTOR.
- Pulse DETAILPAGE.*pgm.rpgle (que es el primer
archivo bajo RETAILSTOR) y pulse Aceptar.
- 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.
- En la sección Definiciones de llamada a programa, en el panel izquierdo
del asistente, pulse DetailPage para que quede seleccionado.
- Pulse Añadir parámetro.
- Junto a Especificar campo de referencia a base de datos, hacia
la parte inferior del asistente, pulse Especificar.
- 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.

- 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).
- Todavía en el asistente Interacción Web, pulse PRODNAME para
seleccionarlo.
- 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.

- Pulse Siguiente para obtener la vista previa del
Formulario de entrada.
- Pulse Finalizar para crear la interacción Web.
- Seleccione Sí a todo o Aceptar y, de nuevo,
Finalizar, si recibe mensajes.
[ Principio de página | Página anterior | Página siguiente | Contenido ]
Copyright IBM Corporation 1992, 2003. All Rights Reserved.