RUEDA TORRES DULCE CAROLINA 3CM2

INTRODUCCIN FRAMEWORK STRUTS

WEB APPLICATION DEVELOPMENT

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

INTRODUCCIN AL FRAMEWORK STRUTS WEB

Struts es un framework de cdigo abierto que se extiende de la API Java Servlet y utiliza un Modelo, Vista, Controlador(MVC). Le permite crear aplicaciones web flexibles basadas en tecnologas estndar, como las pginas JSP, JavaBeans, paquetes de recursos, y XML.

1. DESCRIPCIN DE LA APLICACIN
Cuando se utiliza Struts, el marco proporciona un servlet controlador, ActionServlet , que se define en las libreras de Struts que se incluyen en el IDE, y que se registra automticamente en el descriptor de despliegue. El servlet controlador utiliza un struts-config.xml archivo de correspondencia de las peticiones entrantes a Struts Action objetos, y crea instancias de los ActionForm objetos asociados a la accin para almacenar temporalmente los datos del formulario. El objeto Action procesa de las solicitudes mediante su mtodo execute, mientras que hace uso de los datos almacenados en el bean del formulario. Una vez que el objeto Action procesa la solicitud, almacena todos los datos nuevos y enva los resultados a la vista apropiada.

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

2. CONFIGURACIN DE UNA APLICACIN STRUTS

En el IDE, una aplicacin Struts no es ms que una aplicacin web normal, acompaado de las bibliotecas y archivos de configuracin de Struts. Se crea una aplicacin Struts en la misma forma que se crea cualquier otra aplicacin Web en el IDE - utilizando el asistente de nueva aplicacin Web, con el paso adicional de lo que indica que desea que las bibliotecas y archivos de configuracin de Struts que se incluirn en su solicitud. 1. Elegimos Archivo> Nuevo Proyecto en el men principal. En Categoras, seleccionamos Web. En Proyectos, seleccionamos Aplicacin Web. Clic en Siguiente.

2. Asignamos al nombre del proyecto MyStrutsApp. Clic en Siguiente.

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

3. En el panel Server y Configuracin, seleccione el servidor al que desea implementar la aplicacin. Slo los servidores que estn registrados con el IDE estn en la lista. Clic en Siguiente.

4. En el panel Marcos, seleccionamos Struts:

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Para fines de esta prctica, no cambiamos ninguno de los valores de configuracin en la regin inferior de este panel. Estos son los siguientes: o Nombre de la accin Servlet: El nombre del servlet action de Struts utilizado en la aplicacin. El web.xml descriptor de despliegue contiene una entrada para el servlet de accin y especifica las adecuadas Struts parmetros especficos, tales como la ruta de la clase servlet dentro de la biblioteca Struts y el strutsconfig.xml archivo de configuracin dentro de la aplicacin.

o Patrn de Accin URL: Especifica los patrones de las solicitudes de entrada que se asignan a la accin del controlador Struts. Esto genera una entrada de asignacin en el descriptor de despliegue. De forma predeterminada, slo el *.do se asigna patrn.

o Aplicacin de Recursos: Permite especificar el paquete de recursos que se utilizarn en el struts-config.xml archivo de mensajes de localizacin. De forma predeterminada, esto es com.myapp.struts.Application

o Aadir dominios de primer nivel de Struts: Le permite generar descriptores de etiquetas de la biblioteca para las bibliotecas de etiquetas de Struts. Un descriptor de biblioteca de etiquetas es un documento XML que contiene informacin adicional acerca de la biblioteca de etiquetas completo, as como cada etiqueta individual. En general esto no es necesario, porque se puede consultar en lnea los URI en lugar de archivos locales de dominios de nivel superior.

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

5. Al hacer clic en Finalizar, el IDE crea la carpeta del proyecto en su sistema de archivos. Al igual que con cualquier aplicacin web en el IDE, la carpeta del proyecto contiene todas las fuentes y los metadatos del IDE del proyecto, tales como la secuencia de comandos. Sin embargo, la aplicacin Web, adems cuenta con todas las bibliotecas de Struts en su ruta de clase. No slo estn en ruta de clases de la aplicacin, pero se incluyen en el proyecto y se empaquetan con l ms tarde, cuando se genera el proyecto.

Los archivos de configuracin de Struts, as como el descriptor de la aplicacin de despliegue, estn convenientemente ubicados dentro de la carpeta Archivos de configuracin.

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Abrimos el descriptor de despliegue web.xml. Con el fin de manejar el procesamiento de Struts, un mapeo se proporciona para el servlet controlador de Struts:

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

3. CREACIN DE PGINAS JSP

Comenzamos por la creacin de dos pginas JSP de la aplicacin. La primera muestra un formulario. La segunda es la opinin de regres al inicio de sesin tiene xito.

Creacin de una pgina de acceso 1. Damos clic en el nodo del proyecto MyStrutsApp, seleccionamos Nuevo> JSP, y asignamos al nombre del nuevo archivo login. Clic en Finalizar. El archivo login.jsp se abre en el editor de cdigo.

2. En el Editor de cdigo fuente, modificamos el contenido de las etiquetas <title> y <h1> a Login Form .

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

3. Agregamos los siguientes dos directivas taglib a la parte superior del archivo:

Muchas aplicaciones web utilizan pginas JSP para vistas en el paradigma MVC, por lo que Struts proporciona las bibliotecas de etiquetas personalizadas, que facilitan la interaccin con los formularios HTML. Estos se pueden aplicar fcilmente a un archivo JSP utilizando el soporte del IDE para completar el cdigo.

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

El Bean taglib le ofrece numerosas etiquetas que son tiles cuando se asocia un grano de forma (es decir, un ActionForm Bean), con los datos recogidos en el formulario.

4. Por debajo de las etiquetas <h1>, aadimos lo siguiente:

5. En la paleta (Window> Palette) en la regin derecha del IDE, arrastramos un elemento de la tabla de la categora de HTML a un punto situado justo encima de la lnea <html:submit value="Login" />. Se muestra el cuadro de dilogo Insertar. Establecemos las filas de 3 , las columnas a 2 , y dejamos el resto de valores en 0 .

10

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

El formulario login.jsp ahora se ve de la siguiente manera:

6. En la primera fila de la tabla, escribimos lo siguiente:

7. En la segunda fila de la tabla, escribimos lo siguiente:

El elemento html:text permite hacer coincidir los campos de entrada de la forma con propiedades en la forma del bean que se crear en el siguiente paso.

11

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

8. Movemos el <html:submit value="Login" /> elemento en la segunda columna de la fila de la tabla en tercer lugar, por lo que la tercera fila de la tabla aparece de la siguiente manera:

En esta etapa, el formulario de inicio de sesin debe tener el siguiente aspecto:

12

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Creacin de una pgina de xito

1. Damos clic en el nodo del proyecto MyStrutsApp , seleccionamos Nuevo> JSP, y asignamos al nombre del nuevo archivo success . En el campo Carpeta, damos clic en el botn Examinar y seleccionamos WEB-INF en el cuadro de dilogo que aparece. Damos clic en Seleccionar carpeta para entrar en WEB-INF en el campo Carpeta. Los archivos contenidos en la carpeta WEB-INF no son directamente accesibles a las peticiones de los clientes. Con el fin de que se muestre correctamente success.jsp , debe contener los datos procesados. Clic en Finalizar.

13

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

2. En el Editor de cdigo, cambia el contenido de la pgina recin creada a la siguiente:

3. Aadimos un Bean taglib Directiva a la parte superior del archivo:

4. Agregamos las siguientes etiquetas <bean:write> :

Mediante el empleo de las etiquetas <bean:write> , hacemos uso del bean taglib para localizar el ActionForm del vean que est a punto de crear y visualizar los datos del usuario guardados para name y email.

14

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

4. CREACIN DE UN ACTIONFORM BEAN

Un Struts ActionForm bean se utiliza para guardar los datos entre las peticiones. Por ejemplo, si un usuario enva un formulario, los datos se almacenan temporalmente en el bean de formulario de forma que puede volver a mostrar en la pgina del formulario o aparece en un xito de inicio de sesin pgina. 1. Damos clic en el nodo del proyecto MyStrutsApp y seleccionamos Nuevo> Otros. En Categoras elegimos Struts, a continuacin, en tipos de archivo elegimos Struts ActionForm Bean. Clic en Siguiente.

2. Asignamos LoginForm al nombre de clase y seleccionamos com.myapp.struts como el paquete de la lista desplegable y damos clic en Finalizar.

15

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

El IDE crea el ActionForm Bean y lo abre en el Editor de cdigo fuente. De forma predeterminada, el IDE ofrece un String llamado name y un int llamado number. Ambos campos tienen mtodos de acceso definidos por ellos.

16

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Adems, el IDE agrega una declaracin de bean al archivo strutsconfig.xml. Si abrimos el archivo struts-config.xml en el Editor de cdigo fuente, se puede ver la siguiente declaracin, que fue aadido por el asistente:

3. En el ActionForm Bean, creamos campos y que acompaen a los mtodos de acceso que corresponden a los campos de entrada name y email de texto que se crearon en el login.jsp . Debido a que name ya se ha creado en el cuerpo de ActionForm, slo crearemos el campo email. Agregamos la siguiente declaracin bajo name:

Para crear los mtodos de acceso, colocamos el cursor en el campo email y pulsamos Alt-Insert.

17

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Seleccione Getter y Setter, a continuacin, en el cuadro de dilogo que aparece, seleccione email : String y haga clic en Generar.Mtodos de acceso se generan para el email de campo.

18

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

5. CREACIN DE CLASE ACTION

La clase Action contiene la lgica de negocio en la aplicacin. Cuando los datos del formulario se reciben, es execute un mtodo del objeto Action que procesa los datos. Debido a que la clase Action es parte integral del marco de trabajo Struts, NetBeans IDE proporciona un asistente.

1. En la ventana de Proyectos, damos clic en el nodo del proyecto MyStrutsApp y seleccionamos Nuevo>Otros. En la categora de Struts Struts elegimos Accin. Clic en Siguiente.

2. En el panel Nombre y ubicacin, cambiamos el nombre a LoginAction. Seleccionamos com.myapp.struts en el paquete de la lista desplegable y escribimos /login en la ruta de accin. Clic en Siguiente.

19

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

3. En el tercer paso del asistente, se le da la oportunidad de asociar la Action clase con un form bean. Observe que el LoginForm Bean que ya ha creado aparece como una opcin para ActionForm Nombre Bean. Realice los siguientes ajustes en el panel:

o Eliminamos la barra diagonal para el campo de entrada de recursos o Establecemos Alcance a la solicitud (perodo de sesiones es el valor del mbito predeterminado en Struts.) o Desmarcamos la opcin Validar ActionForm Bean

4. Damos clic en Finalizar. La clase LoginAction se genera, y el archivo se abre en el Editor de cdigo fuente. Tambin hay que tener en cuenta que la entrada action se agrega al archivo struts-config.xml:

20

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Los atributos name y scope se aplican a Form Bean que est asociado con la accin. En concreto, cuando una solicitud de entrada los partidos /login , el marco de trabajo Struts automticamente hace la instancia de un objeto LoginForm y lo rellena con los datos del formulario enviado en la solicitud. El valor predeterminado de validate se establece true.

6. IMPLEMENTACIN DE VALIDACIN
En el Editor de cdigo fuente, navegamos a travs de la clase LoginAction y observamos el mtodo execute:

Tenga en cuenta la definicin de SUCCESS, figuran por debajo de la declaracin de la clase LoginAction:

En la actualidad, el mtodo mapping.findForward se ha configurado para remitir incondicionalmente cualquier peticin a un punto de vista de salida llamado success. Esto no es realmente conveniente, se desea realizar primero una especie de validacin de los datos de entrada para determinar si se debe enviar el success vista, o cualquier otro punto de vista diferente.

21

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

ACCESO A LOS DATOS DEL BEAN Y LA PREPARACIN DE UN ESTADO DE DESVO 1. Escribimos el siguiente cdigo dentro del cuerpo del mtodo execute :

2. Escribimos la siguiente clusula condicional para realizar la validacin en los datos de entrada:

En esta etapa, la execute mtodo debe ser el siguiente:

22

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

3. Agregamos la declaracin de FAILURE a la clase LoginAction :

Usando la lgica de lo anterior, el mtodo execute remite la solicitud a la success si el usuario proporciona una entrada para ambas name y el email los campos, y el correo electrnico introducido contiene un smbolo "@". De lo contrario, se envia failure.

CONFIGURACIN DE UN MENSAJE DE ERROR Si el formulario de inicio de sesin se devuelve, sera bueno para informar al usuario de que la validacin ha fallado. Se puede lograr esto mediante la adicin de un error campo en el form bean, y una adecuada etiqueta <bean:write> al form login.jsp . Finalmente, en el objeto Action , establecemos el mensaje de error que se mostrar en el caso de que el failure se elija.

1. Abrimos LoginForm y aadimos el campo error a la clase:

23

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

2. Agregamos un mtodo get y un mtodo set para el error.

3. Modificamos el mtodo de set para que aparezca de la siguiente manera:

24

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

1.

Abrimos login.jsp y realizamos los siguientes cambios:

2. En LoginAction , en la clusula condicional if , agregamos una instruccin para fijar el mensaje de error antes de enviar la condicin failure:

25

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

La clase completa LoginAction debe aparecer como sigue:

26

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

7. AADIR FORWARD LOS COMENTARIOS DE STRUTSCONFIG.XML

Para que la aplicacin coincida con las pginas JSP y las condiciones de envo devueltas por el mtodo LoginAction 's execute, es necesario aadir forward entradas en el struts-config.xml archivo. 3. Abrimos struts-config.xml en el Editor de cdigo fuente, damos clic en cualquier lugar en el action de entrada para LoginForm , y elegimos Struts> AadirForward.

4. En el cuadro de dilogo, asignamos success en el nombre de Forward. Introducimos en la ruta del archivo success.jsp en el campo de recursos (es decir, /WEB-INF/success.jsp ).

27

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Damos clic en Agregar. Hay que tener en cuenta que el siguiente forward se agrega al struts-config.xml:

5. Realizamos la misma accin para agregar una entrada a seguir para failure . Establecemos la ruta del archivo de recursos para/login.jsp . El siguiente forward entrada se agrega a struts-config.

28

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

8. CONFIGURACIN Y EJECUCIN DE LA APLICACIN

El IDE usa un script de construccin Ant para construir y ejecutar la aplicacin web. El IDE genera el script de compilacin cuando se cre el proyecto, basndose en las opciones que ha entrado en el Asistente para nuevo proyecto. Antes de construir y ejecutar la aplicacin, es necesario establecer el punto de la aplicacin por defecto la entrada a login.jsp . Si lo desea, tambin puede agregar una sencilla hoja de estilo para el proyecto. CONFIGURACIN DE LA PGINA DE BIENVENIDA 1. En la ventana de proyectos, damos doble clic en el descriptor de despliegue web.xml. Las fichas que aparecen en la parte superior del editor de cdigo que proporcionan una interfaz para el archivo web.xml. Damos clic en la ficha Pginas. En el campo de los archivos de bienvenida, introducimos login.jsp.

ADJUNTAR UNA HOJA DE ESTILOS 1. Agregaremos una sencilla hoja de estilo para el proyecto. Copiamos el archivo en el IDE, seleccione el nodo Web Pages en la ventana de Proyectos y pulse Ctrl-V). El archivo se agrega a su proyecto.

29

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

2. Vinculamos la hoja de estilo a sus pginas JSP mediante la adicin de una referencia entre los <head> etiquetas tanto de login.jsp y success.jsp : <link rel="stylesheet" type="text/css" href="stylesheet.css">

Ejecutar la aplicacin
1. En la ventana de Proyectos, damos clic en el nodo del proyecto y seleccionamos Ejecutar. El IDE se basa la aplicacin web y lo implementa, con el servidor que ha especificado al crear el proyecto. El explorador se abre y muestra el login.jsp pgina. Escribimos algunos datos que no pasan la validacin, es decir, dejamos en blanco el campo o introducimos una direccin de correo electrnico con un faltante smbolo "@":

30

RUEDA TORRES DULCE CAROLINA

INTRODUCCIN AL FRAMEWORK STRUTS Web Application Development

Al hacer clic en Inicio de sesin, los vuelve a mostrar la forma de inicio de sesin de pginas, que contienen un mensaje de error:

Probamos al introducir los datos que deben pasar la validacin. Al hacer clic en Inicio de sesin, se le presentar la pgina de xito:

31

RUEDA TORRES DULCE CAROLINA