GWT开发笔记

首先了解linux开发环境,下载完gwt的开发包后,对其进行解压,里面有三个命令文件
,其中projectCreator是创建一个项目第一步,applicationCreator编辑器是要创建针对eclipse开发环境的文件,这两步是必须要做的,做完这两步之后,我们要把这个项目引入到eclipse中,这样的话,就可以在eclipse中书写java代码,一般我们要实现一个EntyPoint接口,这个接口里有一个引导的入口方法(onModuleLoad),必须实现,这 样就可以在这个入口方法里写自己的代码了,最简单的程序如下:
package com.siteem.widget.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.CheckBox;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;

public class CheckBoxTest implements EntryPoint {

public void onModuleLoad() {
// TODO Auto-generated method stub
CheckBox cheBox = new CheckBox("train");//创建一个checkbox ui控件
CheckBox cheBox1 = new CheckBox("bus");
CheckBox cheBox2 = new CheckBox("cus");
VerticalPanel vpanel = new VerticalPanel();//一般会直接写这个组件上,因为它//提垂直显示其上面的所有显示组件(如button)添加到这个空板上所有组件
//都要写在上面
vpanel.add(cheBox);
vpanel.add(cheBox1);
vpanel.add(cheBox2);
RootPanel.get("testCheck").add(vpanel);//最后加到RootPanel上即可

}
}
上述例子是利用本身的ui组件里的控件,在ul中封装了很多可以直接用的控件



gwt开发
今天 学习了,gwt中xml文件,以模块为模板,一般都写入文件名:类名.gwt.xml
<module>
<inherits name='com.google.gwt.user.User'/>
      <inherits name='com.google.gwt.user.theme.standard.Standard'/>
      <entry-point class='com.siteem.widget.client.CheckBoxTest'></entry-point>
      <stylesheet src='WidgetCheckBox.css' />
</module>
//说明:上面的inherits节点就是继承的类,<entry-point>是自己写的类,及CSS的引入,这写都是自动生成的,一般情况我们自己去添加<entry-point>节点,或者自己去修改css对应的文件


实现ajax请参考网站:
http://www.ibm.com/developerworks/cn/java/j-ajax4/index.html
在eclipse开发中,我们可以有两种运行模式,一种是host mode,一种是web mode,若想在web mode下运行,就执行以下几步:
先进行项目目录下,然后执行: ./projectName -compile文件
这样就可以直接在web浏览器下看到效果了
当然如果不想这样,但又不想通过eclipse来调试,那就可以直接执行:./projectName -shell文件,这样就可以看到你的效果了

你可能感兴趣的:(eclipse,UI,css,Google,gwt)