lunes, 23 de enero de 2012

Creación de un proyecto GWT

Después de haber configurado Eclipse (instalando el plugin de GWT para eclipse) vamos a crear un proyecto nuevo, en el menú superior hacemos clic en “File->New->Web Application Project”



En el cuadro de dialogo que aparece hay que completarlo para configurarlo.
 


Hay que completar los datos que nos solicita, hay que pone el nombre del proyecto, el paquete, el workspace donde se va a crear el proyecto, se selecciona la SDK de GWT que se va a usar (se pueden tener varias instaladas). En este caso no se va a usar GAE por lo tanto desactivamos ese check box (por defecto viene activo). Por último, según nos interese, dejamos activo la opción “Generate Project simple code” en Sample Code, está opción nos genera, al crear el proyecto clases de muestra.
Cuando se ha hecho clic en finalizar nos crea una estructura que se adapta a la convención que tiene GWT (como se puede ver en la siguiente imagen):



Esta estructura que crea, por defecto, es un ejemplo de estructura que tiene código que se ejecuta en cliente (todo lo que está dentro de com.enne.katagwtmavenspring.client). Lo primero que hay que hacer es un punto de entrada (entryPoint), en este caso lo ha creado por, con un contenido por defecto, GWT, y hay que modificarlo para que se adapte a las necesidades que tengamos en cada momento.



En nuestro caso vamos a crear un botón que al pulsar en él se va a solicitar al servidor, mediante RPC, una petición de información a la persistencia. Para llegar hasta este punto previamente se ha lanzado la petición RPC al servidor, el servidor implementa dicha petición y llama al servicio y desde el servicio ya se llama a la capa de persistencia.
En el cliente crearemos nuevos paquetes para los RPC, para las paginas (page) y para los componentes que se le añada (widget), como botones…
Al mismo nivel de client se ha colocado el punto de entrada, pero se podría poner en otro sitio y decirle en ByeWorld.gwt.xml donde tiene que ir a buscar el punto de entrada.



Entre las cosas que hay que tener en cuenta, para hacer una aplicación web con GWT, son:
-          El fichero de configuración de GWT es “ByeWorld.gwt.xml”, lo que está antes de “gwt.xml” es el modulo. Dentro de este fichero de configuración hay que:
o   Indicar el punto de entrada.
o   Indicar el path del código.
o   Indicar el estilo que GWT que se usa.
o   Renombramos el nombre del modulo con
<module rename-to='byeworld'>
-          Hay que configurar el fichero web.xml, que se encuentra en “/war/WEB-INF/” indicando los Servlets que hay que cargar para el RPC y la página HTML ue tiene que cargar por defecto.