Google Web Toolkit (GWT o) es un conjunto de herramientas basadas en Java que puede utilizar para construir una amplia variedad de aplicaciones web y sitios web. GWT Designer es el componente que le permiten diseñar un sitio web fácilmente utilizando herramientas de arrastrar y soltar y está disponible para su descarga desde la página principal de Google Code. Este plug-in es compatible con Eclipse, que es la base de código y el marco utilizado para alimentar los componentes GWT.
Instrucciones
1 Lanzar Eclipse. Haga clic en "Archivo", "Nuevo" y "Proyecto" de la barra de menú superior. El Asistente para nuevo proyecto GWT Java aparecer, que es donde se va a introducir los ajustes preliminares para su nuevo proyecto de diseño.
2 Localiza 'WindowBuilder "y haga clic izquierdo para expandirla. Haga clic en" GWT Designer "y" Modelo "y seleccione" GWT Java Project ". Haga clic en" Siguiente ".
3 Escriba un nombre de proyecto en el campo correspondiente y no cambie ningún otro ajuste. Haga clic en Siguiente."
4 Marque la casilla de selección "Crear módulo GWT" y escriba un nombre de módulo en el campo de abajo. Puede cambiar el nombre del paquete, si se desea, pero debe comenzar con "com" y los espacios deben ser reemplazados por puntos decimales. Por ejemplo, "com.my.test.package" es correcta; "Mi paquete de prueba" no lo es.
5 Haga clic en "Finalizar". Haga clic en "Sí" si recibe un "abierto asociado perspectiva?" símbolo del diálogo. Las fichas de proyectos ahora se mostrará en la ventana principal de Eclipse. Haga clic en la ficha Diseño situada en la parte inferior izquierda de la pestaña de código principal, junto a la Fuente.
6 Añadir componentes de la paleta en la página en blanco a la derecha haciendo clic izquierdo y arrastrando a la ubicación deseada. Haga clic izquierdo una vez para colocar el componente en la página. Los componentes se pueden clasificar según el tamaño usando las asas o borrarse haciendo clic derecho y seleccionando "Eliminar".
7 Modificar los componentes utilizando la ficha Propiedades, o haciendo clic derecho en ellos para acceder al menú contextual para añadir controladores de eventos o comandos básicos de animación. Ajustar el código en cualquier momento haciendo clic en la ficha Fuente. Puede seguir para cambiar entre la fuente y el modo de diseño.
8 El estilo de su componentes y widgets haciendo clic en el botón CSS situado directamente encima de la ventana de la página de diseño. Seleccione cada regla en la ventana inferior izquierda y editar los valores de propiedad correspondientes en la ventana superior derecha. Haga clic en "Aceptar" cuando haya terminado.
9 Haga clic en "Archivo" y "Guardar" para guardar el proyecto. Haga clic derecho en el módulo en la pestaña Explorador de paquetes directamente debajo del menú Archivo y seleccione "Ejecutar como" y "Aplicación de GWT." Esto crea una configuración de lanzamiento y le permitirá poner a prueba la aplicación desde su ordenador.