GWT入门——创建GWT-Eclipse项目

你的GWT-Eclipse项目用什么创建的呢?GWT自带批处理?Eclipse插件?今天我们来纯手工创建一个GWT-Eclipse项目。

          条件一、使用Eclipse开发平台(- -算我白说)

          条件二、已经下载并解压好GWT包。下载地址:http://code.google.com/webtoolkit/

          好,下面开始:

           首先创建一个Java Project。

        二、右键点新建好的项目,选Build Path -> Add External Artchives... 找到你的GWT包解压目录,选中gwt-user.jar和gwt-dev-windows.jar两个包,导入项目。

        三、下面我们创建一个Module,在src目录中创建一个包,(如:org.leo)在这个包下创建一个GwtModule.gwt.xml,其中GwtModule是Module名称。在包下创建一个名为 public 的文件夹(Folder)。在该文件平中创建一个GwtModule.html。

        四、打开GwtModule.html文件,加入以下内容:

<html>
<head>
<meta name="gwt:module" content="org.leo.GwtModule" >
</head>
<body>
<script language="javascript" src="gwt.js"></script>
</body>
</html>

       打开GwtModule.gwt.xml加入以下内容:

<module>
<inherits name="org.google.gwt.user.User"/>
<entry-point class="org.leo.client.MyEntryPoint"/>
</module>
其中的entry-point 元素的class属性先空着。

        五、这下要创建EntryPoint 类了,在刚才的包下创建一个子包,名字必须为client。如(org.leo.client)在client包下创建一个类,如(MyEntryPoint)这个类必须实现com.google.gwt.core.client.EntryPoint接口,这个接口只有一个方法:void onModuleLoad();。这样,入口点类就创建好了,回到GwtModule.gwt.xml文件中,给entry-point 的class属性加上值,就是你刚才创建的入口点类,要全名,如org.leo.client.MyEntryPoint

      六、接下一可以在onModuleLoad()方法中写一些测试用的代码了。

  final RootPanel rootPanel = RootPanel.get();
  rootPanel.add(new Button("TestButton"));

      七、最后要配置一下运行选项了,右键点项目,选择Run as -> Open Run Dialog 。从左边的列表中选中 java application 再点列表左上角的new launch configuration 这时 java application下就会多一个子项,选中后,在右侧面板中配置,在Name上可以改个好记的名字,Porject中选中刚才建好的项目,Main Class 中选择com.google.gwt.dev.GWTShell。然后换到Arguments选项卡,在Program arguments中输入:-out www org.leo.GwtModule/GwtModule.html,请注意 其中 -out www 是固定的,意思是编译后的输出路径,在项目根下的www目录,org.leo.GwtModule 是Module的名字带有包名,/ 后面是html文件名。接下来还有很重要的一步,换到classpath选项卡,选中左边的User Entries 点右边的Advancde...按钮在弹出的窗口中选中Add Folders 点 OK 然先找到项目的src目录,选中并点击OK。最后点下面的Apply保存配置。然后按下Run按钮就可以看看结果啦。

大概就是这样了,大家可以试试看。

你可能感兴趣的:(eclipse)