Netbeans:NetbeansGWTModule - Revision history

Scsong at 23:00, 11 September 2008

2008-09-11T23:00:54Z

← Older revision		Revision as of 23:00, 11 September 2008
Line 74:		Line 74:

	'''Note:''' During development, first run the project to bring up the shell. From that point on, it is not necessary to re-run the project on any changes. After making changes to the html or java files, just do a build (or even quicker--save all files) and reload in the GWT browser window.		'''Note:''' During development, first run the project to bring up the shell. From that point on, it is not necessary to re-run the project on any changes. After making changes to the html or java files, just do a build (or even quicker--save all files) and reload in the GWT browser window.

			For more information: [[media:gwt-tutorial-2.tar.gz\|GWT Tutorial 2]]

Scsong at 22:59, 11 September 2008

2008-09-11T22:59:52Z

← Older revision		Revision as of 22:59, 11 September 2008
Line 3:		Line 3:
	Hello world now done in GWT style. Instead of a static 'Hello World' page, a button will be placed on the web page that will display 'Hello World' when clicked.		Hello world now done in GWT style. Instead of a static 'Hello World' page, a button will be placed on the web page that will display 'Hello World' when clicked.

	Create a package under the root package called ''client''. In that package, create a Java class named =ModuleNameApp= (e.g., ''HelloWorldApp.java''). Put in the following code:		Create a package under the root package called ''client''. In that package, create a Java class named ''ModuleNameApp'' (e.g., ''HelloWorldApp.java''). Put in the following code:

	<pre>		<pre>
Line 73:		Line 73:
	Run the project and click away!		Run the project and click away!

	'''Note:''' During development, first run the project to bring up the shell. From that point on, it is not necessary to re-run the project on any changes. After making changes to the html or java files, just do a build (or even quicker--save all files) and reload in the GWT browser window.		'''Note:''' During development, first run the project to bring up the shell. From that point on, it is not necessary to re-run the project on any changes. After making changes to the html or java files, just do a build (or even quicker--save all files) and reload in the GWT browser window.

	~~-- Main.MikeMcGann - 27 Feb 2007~~

Scsong at 22:59, 11 September 2008

2008-09-11T22:59:34Z

← Older revision		Revision as of 22:59, 11 September 2008
Line 3:		Line 3:
	Hello world now done in GWT style. Instead of a static 'Hello World' page, a button will be placed on the web page that will display 'Hello World' when clicked.		Hello world now done in GWT style. Instead of a static 'Hello World' page, a button will be placed on the web page that will display 'Hello World' when clicked.

	Create a package under the root package called =client=. In that package, create a Java class named =ModuleNameApp= (e.g., =HelloWorldApp.java=). Put in the following code:		Create a package under the root package called ''client''. In that package, create a Java class named =ModuleNameApp= (e.g., ''HelloWorldApp.java''). Put in the following code:

	<pre>		<pre>
Line 44:		Line 44:
	</pre>		</pre>

	Now modify the =ModuleName.gwt.xml= file (e.g., =HelloWorld.gwt.xml=) so that it now looks like this:		Now modify the ''ModuleName.gwt.xml'' file (e.g., ''HelloWorld.gwt.xml'') so that it now looks like this:

	<pre>		<pre>
Line 54:		Line 54:
	</pre>		</pre>

	The entry-point element should specify the fully qualified path to the class which implements =EntryPoint=. Now place the necessary information in the =ModuleName.html= file (e.g., =HelloWorld.html=). It should now contain the following:		The entry-point element should specify the fully qualified path to the class which implements ''EntryPoint''. Now place the necessary information in the ''ModuleName.html'' file (e.g., =HelloWorld.html=). It should now contain the following:

	<pre>		<pre>
Line 73:		Line 73:
	Run the project and click away!		Run the project and click away!

	Note: During development, first run the project to bring up the shell. From that point on, it is not necessary to re-run the project on any changes. After making changes to the html or java files, just do a build (or even quicker--save all files) and reload in the GWT browser window.		'''Note:''' During development, first run the project to bring up the shell. From that point on, it is not necessary to re-run the project on any changes. After making changes to the html or java files, just do a build (or even quicker--save all files) and reload in the GWT browser window.

	-- Main.MikeMcGann - 27 Feb 2007		-- Main.MikeMcGann - 27 Feb 2007

Scsong at 22:58, 11 September 2008

2008-09-11T22:58:31Z

New page

==Creating a GWT Module==

Hello world now done in GWT style. Instead of a static 'Hello World' page, a button will be placed on the web page that will display 'Hello World' when clicked.

Create a package under the root package called =client=. In that package, create a Java class named =ModuleNameApp= (e.g., =HelloWorldApp.java=). Put in the following code:

<pre>
package edu.umiacs.gwt.hello.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.Widget;

public class HelloWorldApp implements EntryPoint
{
public void onModuleLoad()
{
GWT.log("onModuleLoad()", null);

final Label lblSayHello = new Label();
Button btnAsk = new Button("Say something");
btnAsk.addClickListener(new ClickListener()
{
public void onClick(Widget w)
{
lblSayHello.setText("Hello world!");
}
});

VerticalPanel vp = new VerticalPanel();
vp.add(btnAsk);
vp.add(lblSayHello);

RootPanel root = RootPanel.get("div1");
root.add(vp);
}

}
</pre>

Now modify the =ModuleName.gwt.xml= file (e.g., =HelloWorld.gwt.xml=) so that it now looks like this:

<pre>
<?xml version="1.0" encoding="UTF-8"?>
<module>
<inherits name="com.google.gwt.user.User"/>
<entry-point class="edu.umiacs.gwt.hello.client.HelloWorldApp"/>
</module>
</pre>

The entry-point element should specify the fully qualified path to the class which implements =EntryPoint=. Now place the necessary information in the =ModuleName.html= file (e.g., =HelloWorld.html=). It should now contain the following:

<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title></title>
<meta name='gwt:module' content='edu.umiacs.gwt.hello.HelloWorld'>
</head>
<body>
<script language="javascript" src="gwt.js"></script>
<div id="div1"></div>
</body>
</html>
</pre>

Run the project and click away!

*Note:* During development, first run the project to bring up the shell. From that point on, it is not necessary to re-run the project on any changes. After making changes to the html or java files, just do a build (or even quicker--save all files) and reload in the GWT browser window.

-- Main.MikeMcGann - 27 Feb 2007