miércoles, 10 de agosto de 2011

Hola Mundo

Hola Mundo en GWT.
Para crear un proyecto en GWT voy a utilizar el plugin de Google para Eclipse.
Voy a File->New->Web Application Project


El proyecto se llamara PaginaWeb y se llenan los datos como la imagen a continuación.En este proyecto no se utilizara el App Engine y voy a generar un proyecto con código de ejemplo.

A continuación voy a eliminar los archivos de ejemplo: FieldVerifier.java, GreetingServiceImpl.java, GreetingServiceAsync.java, GreetingService.java

Luego limpio el archivo de entry point PaginaWeb.java.
package com.paginaweb.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;

public class PaginaWeb implements EntryPoint {
 
 public void onModuleLoad() {
  Window.alert("Hola Mundo");
 }
}



También Limpio el modulo PaginaWeb.gwt.xml

<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='paginaweb'>  
  <inherits name='com.google.gwt.user.User'/>
  <entry-point class='com.paginaweb.client.PaginaWeb'/>  
  <source path='client'/>
  <source path='shared'/>
</module>


El HTML quedaría así PaginaWeb.html:

<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="PaginaWeb.css">
    <title>PaginaWeb</title>    
    <script type="text/javascript" language="javascript" src="paginaweb/paginaweb.nocache.js"></script>
  </head>
  <body>    
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
  </body>
</html>

El archivo PaginaWeb.css lo dejo en blanco.

El archivo war/WEB-INF/web.xml limpio se muestra asi:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app
    PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app>
  
  <welcome-file-list>
    <welcome-file>PaginaWeb.html</welcome-file>
  </welcome-file-list>

</web-app>

Hago click derecho en el proyecto Run As->Web Application

Puedo copiar la url o hago click derecho o doble click para abrir el navegador. Se recomienda usar los navegadores Firefox o Chrome o ambos.
A continuación instalo el plugin para Chrome para ejecutar el proyecto en Hosted Mode


Luego de instalar actualizo la página


1 comentario:

  1. excelente ya me dio todo muy buena explicacion amigo muchas gracias de verdad... no tienes por ahi como hacer u aplicacion a base de datos access,, haciendo la aplicacion web logicamente y asi de entendible como esta??? te agradezco por su atencion..

    ResponderEliminar