CIBERTEC
Dirección de Extensión Profesional
DIVISIÓN DE ALTA TECNOLOGÍA (DAT)
Programa
Curso
:
:
Autor
Objetivo
Duración
Laboratorio
:
:
:
:
Java Master Application Developer
Implementando con Struts2 y JFS el Modelo-Vista-Controlador
(MVC)
Yaddif Medina
Crear una pantalla de Login y de bienvenida para el usuario
30 minutos
2a - Primeros pasos con Struts2
DESCRIPCIÓN
El alumno crea 2 pantallas (una de recepción de datos de usuario/clave) y otra para
mostrar los datos ingresados. El alumno crea una clase Action para realizar
operaciones sobre los datos ingresados.
Actividades:
Modificar index.jsp
1. Aprovechando que NetBeans nos ha creado un archivo llamado index.jsp, lo
modificaremos para que sea la pantalla que solicite al usuario su nombre y
su clave para comprobar que puede ingresar a nuestro sistema.
2. Al archivo index.jsp le realizamos los siguientes cambios:
1
Crear la clase Action
A continuación procedemos a crear la clase Action que manejará las
propiedades que se solicitan en la pantalla de Login y la lógica de negocio de
la misma.
1.
Para realizar este paso, damos click derecho sobre Source Package y
seleccionamos New -> Java Class.
2.
A la clase que estamos creando, le ponemos de nombre: Login y la
colocamos en el paquete actions.
2
3.
Realizamos los siguientes cambios en la clase:
Modificar archivo struts.xml
El siguiente paso es el de modificar el archivo struts.xml para la inscripción
del Action. El archivo debe quedar de la siguiente manera:
3
Crear pantalla bienvenido.jsp
Por último procedemos a crear la pantalla de bienvenida al usuario. Esta
pantalla se mostrará cuando el usuario digite correctamente su nombre y su
clave.
1.
Para realizar este paso, procedemos a dar click derecho sobre el
paquete Web Pages y seleccionamos el submenú New y JSP…
4
2.
Colocamos de nombre bienvenido a la página y presionamos sobre el
botón Finish.
3.
Realizamos las siguientes modificaciones a la página:
4. Procedemos a probar la aplicación:
5
Poner validaciones a los campos
Struts2 también posee características para la validación de datos mediante un
interceptor y anotaciones dentro del Action. Procederemos a colocar 2
validadores para hacer los campos requeridos y una validación de longitud de
caracteres para el campo clave.
1.
Para realizar esta operación modificamos nuestro Action Login de la
siguiente manera:
6
2.
Ejecutamos nuestra aplicación y presionamos sobre el botón submit sin
ingresar ningún valor en nuestra pantalla, se verá las validaciones de
campos requeridos:
3.
Después ingresamos un nombre de usuario, una clave que posea menos
de 5 caracteres y presionamos sobre el botón Submit para ver cómo
trabaja la validación de longitud.
7
NOTA:
Para cambiar el formato de los mensajes de validación se debe poner estilos
CSS a las clases errorMessage y errorLabel.
Si se desea cambiar la posición de los mensajes de validación se debe incluir
la etiqueta <s:fielderror>.
8
0
