ubiquitour.com

Cómo crear un sitio web con GWT

El Google Web Toolkit (GWT) es un conjunto de herramientas basadas en Java que se puede utilizar para construir una amplia variedad de aplicaciones Web y sitios Web. GWT Designer es el componente que le permitirá diseñar un sitio web fácilmente usando herramientas drag-and-drop y está disponible para su descarga desde la Página principal de Google Code. Este plug-in es compatible con Eclipse, que es el marco utilizado para componentes GWT y base de código.

Instrucciones

1 Lanzamiento de Eclipse. Haga clic en "Archivo", "Nuevo" y "Proyecto" de la barra de menú superior. Aparecerá el Asistente de proyecto nuevo de GWT Java, que es donde se introduce la configuración preliminar para su nuevo proyecto de diseño.

2 Ubicar ' WindowBuilder "y haga clic para ampliarlo. Haga clic en "GWT Designer" y "Modelo" y seleccione "GWT Java proyecto." Haga clic en "Siguiente".

3 Escriba un nombre de proyecto en el campo proporcionado y no cambie cualquier otra configuración. Haga clic en "Siguiente".

4 Marque la casilla de selección "Crear módulo de GWT" y escriba un nombre de módulo en el campo de abajo. Puede cambiar el nombre del paquete si lo desea, pero debe comenzar con "com" y espacios deben sustituirse con puntos decimales. Por ejemplo, "com.my.test.package" es correcto; no es "mi paquete de prueba".

5 Haga clic en "Finalizar". Haga clic en "Sí" Si usted recibe un mensaje de diálogo "Abrir perspectiva asociados?". Las fichas de proyecto aparecerán en la ventana principal de Eclipse. Haga clic en la ficha de diseño situada en la parte inferior izquierda de la pestaña de código principal, junto a la fuente.

6 Agregar componentes de la paleta en la página en blanco a la derecha con el botón izquierdo y arrastrando a su localización deseada. Haga clic una vez para soltar el componente en la página. Los componentes pueden cambiar de tamaño utilizando las asas o borrado haciendo clic derecho y elegir "Borrar".

7 Modificar componentes usando la pestaña de propiedades, o haciendo clic derecho para acceder al menú de contexto para agregar controladores de eventos o comandos de animación básica. Ajustar el código en cualquier momento haciendo clic en la ficha fuente. Usted puede continuar cambiar entre modo de fuente y el diseño.

8 Estilo de sus componentes y widgets haciendo clic en el botón CSS situado directamente encima de la ventana de diseño de página. Seleccione cada regla en la ventana izquierda inferior y editar los valores de propiedad correspondiente en la ventana superior derecha. Haga clic en "Aceptar" cuando haya terminado.

9 Haga clic en "Archivo" y "Guardar" para guardar tu proyecto. Haga clic en el módulo en la ficha explorador de paquetes directamente debajo del menú Archivo y selecciona "Ejecutar como" y "GWT aplicación." Esto crea una configuración de lanzamiento y te permite probar la aplicación desde el ordenador.