Tecnología

Inicio

Cómo utilizar GWT con su Sencha Touch

GWT es sinónimo de Google Web Toolkit. Es un programa que interactúa con Java y crea código HTML que le permite crear y ejecutar sus propios widgets o aplicaciones en el Sencha Touch. Con el fin de utilizar GWT con su Sencha Touch, tendrá que instalar el kit de herramientas web de Google y el programa Eclipse. Después de instalar y configurar los programas, puede utilizar su Sencha Touch para crear sus propios widgets personalizados.

Instrucciones

1 Descargar e instalar el Google Web Toolkit de Google.com en su Sencha Touch. Descargar e instalar el programa Eclipse de Eclipse.org en su Sencha Touch.

2 Iniciar el programa Eclipse en su Sencha Touch. Seleccione "Archivo" en el menú de Eclipse. Pulse "Nuevo", seleccione "Proyecto de Aplicación Web" y el asistente "Nuevo proyecto de aplicación Web", se iniciará.

3 Introduzca el nombre para el proyecto y el paquete de Java. Seleccione "Finalizar". Esto hará que un motor de aplicación y permitir la aplicación web GWT en su Sencha Touch.

4 Seleccione "Windows". Haga clic en "Preferencias" para hacer que el árbol de "Preferencias" aparece en la pantalla. Seleccione "Java" del árbol "Preferencias", haga clic en "Build Path" y seleccione "Bibliotecas de usuario."

5 Haga clic en "Nuevo". Tipo "GXT" en el cuadro de texto "Nombre de usuario de la biblioteca". Haga clic en "Añadir archivos JAR." Seleccione el archivo de la carpeta raíz "gxt.jar" de la descarga "EXT GWT" de la ventana "Añadir archivos JAR" y seleccione "OK".

6 Seleccione "Archivo" en la ventana de Eclipse. Haga clic en "Nuevo" y seleccione "Proyecto" para que aparezca la ventana de "Proyecto". Seleccione "Proyecto de Aplicación Web" se encuentra en "Google" y seleccione "Siguiente".

7 Haga clic en el cuadro de texto "Nombre del proyecto". El tipo de "HelloGXT." Tipo "com.hello.gxt" en el cuadro tex "paquete". Haga clic en la casilla junto a "Usar Google Web Toolkit" que se encuentra en "Google SDK" para seleccionarlo.

8 Mira el "Explorador de proyectos" en la pantalla. La nueva carpeta con el nombre del proyecto que escribió en el anterior aparecerá en la lista debajo de ella. Haga clic derecho en la carpeta del proyecto. Seleccione "Build Path". Haga clic en "Configure Build Path" para abrir la ventana "Propiedades de Java Build Path" del proyecto. Seleccione "Add Library". Haga clic en "Biblioteca del usuario." Seleccione "Siguiente". La casilla junto a "EXT GWT Biblioteca" todavía debe tener una marca de verificación en ella. Si no es así, haga clic en él para seleccionarlo. Seleccione "Finalizar" para hacer el espectáculo "EXT GWT Biblioteca" arriba en la "Vía de construcción."

9 Seleccione la carpeta de "Recursos" que se encuentra en la descarga "EXT GWT", y copiarlo en la carpeta de "Guerra". Abra el archivo "HelloGXT.html" en el programa Eclipse. Eliminar la tabla en el los datos "H1" de la etiqueta del cuerpo archivo y.

10 Tipo "<link rel = 'hoja de estilo" type = "text / css" href = "recursos / css / GXT-all.css" />
<Script language = "javascript" src = "recursos / flash / swfobject.js"> </ script> "en la" etiqueta de la cabeza "del archivo.

11 Abra el archivo HelloGXT.gwt.xml en el programa Eclipse. Tipo "<nombre hereda =" com.extjs.gxt.ui.GXT "/>" debajo de la "línea de otro módulo hereda." Guarde los cambios realizados y ejecutar el programa para probarlo. Cuando el EXT GWT se ha instalado y configurado correctamente, aparecerá un mensaje que dice "Hello World!" aparecerá en la pantalla.


Artículos relacionados