一個簡單的例子:界面顯示一個文本框、四個按鈕通過按鈕實現增刪改查!由於現在還沒與後臺業務處理綁定,運行後僅僅可以看到前臺的界面展示。後臺業務處理有待完善ing
HelloWrod.java
package cn.com.andy.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.Widget;
public class HelloWorld implements EntryPoint {
public void onModuleLoad() {
createComponents();
}
private void createComponents() {
//final HibernateTest htest = new HibernateTest();
final TextBox nameField = new TextBox();
nameField.setText("GWT User");
nameField.setFocus(true);
Button button1 = new Button("add");
button1.addStyleName("button1");
button1.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
String userName = nameField.getText();
// htest.insertUser(userName);
Window.alert("add=" + userName);
}
});
Button button2 = new Button("query");
button2.addStyleName("button2");
button2.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
//List list = new HibernateTest().getUsers();
//User user = (User)list.get(0);
// Window.alert(user.getId());
//Window.alert(user.getUsername());
Window.alert("query");
}
});
Button button3 = new Button("update");
button3.addStyleName("button3");
button3.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
//new HibernateTest().updateUsers();
Window.alert("update");
}
});
Button button4 = new Button("delete");
button4.addStyleName("button4");
button4.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
//new HibernateTest().deleteUsers();
Window.alert("delete");
}
});
RootPanel.get("userName").add(nameField);
RootPanel.get("add").add(button1);
RootPanel.get("query").add(button2);
RootPanel.get("update").add(button3);
RootPanel.get("delete").add(button4);
}
}
修改對應的helloWord.html文件
替換通過webAppCreator.cmd命令生成的html文件中的代碼
<table align="center">
<tr>
<td colspan="2" style="font-weight:bold;">Please enter your name:</td>
</tr>
<tr>
<td id="userName"></td>
<td id="add"></td>
<td id="query"></td>
<td id="update"></td>
<td id="delete"></td>
</tr>
<tr>
<td colspan="2" style="color:red;" id="errorLabelContainer"></td>
</tr>
</table>
依次執行ant命令:
ant clean
ant javac
ant gwtc
ant devmode