GWT是Google Web Toolkit的缩写.是google为了开发ajax而做的一个框架.采用的概念是用java开发程序之后,用GWT转换成js和html.debug之类的也可以在java的IDE中调试。为java程序员开发ajax提供也方便。也给那些熟练c/s开发b/s人带来了惊喜。本文主要介绍用gwt编写一个hello world!
准备工作:
eclipse3.2
gwt
设置系统环境变量
• 新增一个环境变量GWT_HOME GWT_HOME= c:\open\gwt-windows-1.3.3
• 将GWT_HOME变量添加到PATH变量中 path=%GWT_HOME%
新建工作目录,将我们的程序代码都放在这个目录中,比如我新建目录d:\ajaxworkspace
打开“命令行窗口”并切换到我的工作目录,即d:\ajaxworkspace
输入如下命令:
projectCreator -eclipse GWTHello
打开d:\ajaxworkspace,我们可以看到已经GWT帮我们生成了一个Eclipse工程的基本框架
接着再输入命令:
applicationCreator -eclipse GWTHello com.lyx.client.DemoApplication
此时GWT帮我们生成了一个GWT工程所需要的所有支持文件
注意:包名的最后一个一定发是client
到了这步程序就可以运行了。
在项目目录下你可以看到DemoApplication-shell.cmd,DemoApplication-compile.cmd两个文件。
GWT有两种运动模式:
Host mode:执行d:\ajaxworkspace下的DemoApplication-shell.cmd即单机运行,也就是我们在开发阶段要用的,也就是debug模式
Web mode:执行d:\ajaxworkspaces下的DemoApplication-compile.cmd应用时运行,也就是我们开发完要发布到服务器上去,像tomcat,jboss之类。
打开Eclipse,使用Eclipse来编辑我们生成GWT工程
在Eclipse中选择: File -> Import ,
在“导入向导”的第一个窗口中选择 “Existing Projects into Workspace”,
在“导入向导”的第二个窗口中选择文件目录,即d:\ajaxworkspace 。
就能看到GWTHello已被打勾。
完成导入工作后在Eclipse中就可以看到我创建的GWT 工作的文件结构
右击Eclipse左侧的工程,选择“Run as”->“Run…”,在窗口中选择“Java Application”-> “DemoApplication”,单击 “Run”按钮运行。
注意:main class: com.google.gwt.dev.GWTShell一定要是这个
运行会看到同样的效果。
接下来我们找到client包下的DemoApplication类
java 代码
- public class DemoApplication implements EntryPoint {
-
-
-
-
- public void onModuleLoad() {
- final Button button = new Button("Click me");
- final Label label = new Label();
-
- button.addClickListener(new ClickListener() {
- public void onClick(Widget sender) {
- if (label.getText().equals(""))
- label.setText("Hello World!");
- else
- label.setText("");
- }
- });
-
-
-
-
-
-
- RootPanel.get("slot1").add(button);
- RootPanel.get("slot2").add(label);
- }
- }
我们不难看到,实质上运行是这个类,要说的是这个是一定要是实现EntryPoint接口。
当程序加载时,声明了两个控件,一个button,一个label。Button有一个监听器,如果单击并且label的内容为空则给予label值为hello world!.否则为空。这样就实现了单击一次,显示hello world!再次单击就为空。
我们将label.setTest(“hello world”);这行代码改为:
com.google.gwt.user.client.Window.alert("Hello world!");
当你运行时就会弹出一个hello world的对话框。
- 录像.rar (2.5 MB)
- 描述: 视频录像
- 下载次数: 1568
分享到:
相关推荐
在"**GwtDemo helloworld**"这个项目中,我们看到的是一个基于GWT的简单登录示例。通常,这样的示例会展示如何在GWT环境中创建用户界面、处理用户交互以及进行基本的数据验证。在"**Helloworld**"这个子文件中,我们...
<entry-point class='com.example.HelloWorld' /> ``` ### 资源管理 PlayN-samples压缩包中包含了一些示例项目,你可以通过学习这些示例来理解如何管理游戏资源,如图像、音频和字体。每个示例都会展示PlayN提供...
在GWT中,HelloWorld程序通常用于演示如何创建一个简单的应用,包括设置开发环境、编写Java代码、编译和运行。首先,开发者需要安装GWT SDK,并在Eclipse或IntelliJ IDEA等集成开发环境中配置好GWT插件。然后,创建...
创建Struts2项目,配置struts.xml,编写Action类和JSP页面,启动服务器,即可运行HelloWorld示例。 7. **Vaadin** Vaadin是一个基于服务器端组件的框架,提供丰富的UI库。安装包括下载Vaadin SDK,创建Maven或...
基础部分可能涉及GWT的基本概念、环境搭建、Hello World程序的创建以及基本组件的使用;中级阶段可能涵盖事件处理、数据绑定、异步通信(RPC)和模块化;进阶内容可能包括自定义组件开发、性能优化以及EXT-GWT的高级...
在创建的`HelloWorld`项目中,`src/main/java/org/vivianj/gwt/client`目录下的`HelloWorld.java`是主类,`src/main/webapp`目录下的`HelloWorld.html`是入口HTML文件,而`HelloWorld.gwt.xml`是GWT模块配置文件。...
这些示例可能涵盖GWT的基础用法,如创建简单的Hello World程序、使用Widgets构建UI、实现数据绑定、执行异步RPC调用等。通过研究这些示例,开发者可以更好地理解GWT的工作原理和最佳实践。 例如,一个示例可能展示...
3. **创建第一个GWT应用**:创建一个新的GWT项目,并编写第一个Hello World程序。这通常涉及到创建一个新的GWT模块,定义一个简单的用户界面(UI)组件,比如一个按钮或者文本框,并处理用户交互事件。 4. **GWT的...
2. **创建第一个GWT项目**:通过GWT SDK和IDE创建一个新的GWT模块,设置项目的编译和运行配置,编写第一个Hello World应用,了解GWT的基本结构和布局。 3. **Widget库**:GWT提供了一套丰富的Widget库,包括按钮、...
1. **GWT入门教程**:对于初学者,资料可能涵盖GWT的基本概念、开发环境搭建(如Eclipse插件配置)、Hello World示例、MVP(Model-View-Presenter)设计模式的介绍,以及如何创建和运行第一个GWT项目。 2. **GWT...
通过这个实例,开发者可以学习到如何创建一个简单的“Hello, World”应用,同时了解到MVP模式如何帮助保持代码的整洁和可测试性。 总之,这些学习资料和实例项目为初学者提供了全面了解和掌握GWT的途径。通过阅读...
创建一个简单的Hello World应用,你需要继承`com.google.gwt.core.client.EntryPoint`接口并实现`onModuleLoad()`方法。在这个方法中,你可以添加小部件到DOM树,从而展示你的界面。 ### 3. GWT的UI组件和布局管理 ...