Google App Engine for Java: 第 2 部分：构建杀手级应用程序

核心提示： 注意，ContactListGUI 跟踪表单中加载的当前联系人（currentContact）和清单中的联系人列表（contacts），Google App Engine for Java: 第 2 部分：构建杀手级应用程序(10)，图 1 展示了小部件如何对应于创建的 GUI： 图 1. 联系

注意，ContactListGUI 跟踪表单中加载的当前联系人（currentContact）和清单中的联系人列表（contacts）。图 1 展示了小部件如何对应于创建的 GUI：

图 1. 联系人管理 GUI 中活动的小部件

图片看不清楚？请点击这里查看原图（大图）。

清单 12 展示了 ContactListGUI 如何创建小部件和联系人表单，并将小部件放到表单中：

清单 12. ContactListGUI 创建并放置小部件

　　　
public　class　ContactListGUI　{　
　　/*　Constants.　*/　
　　private　static　final　String　CONTACT_LISTING_ROOT_PANEL　=　"contactListing";　
　　private　static　final　String　CONTACT_FORM_ROOT_PANEL　=　"contactForm";　
　　private　static　final　String　CONTACT_STATUS_ROOT_PANEL　=　"contactStatus";　
　　private　static　final　String　CONTACT_TOOL_BAR_ROOT_PANEL　=　"contactToolBar";　
　　...　
　　public　void　init()　{　
　　　　addButton　=　new　Button("Add　new　contact");　
　　　　addNewButton　=　new　Button("Add　new　contact");　
　　　　updateButton　=　new　Button("Update　contact");　
　　　　nameField　=　new　TextBox();　
　　　　emailField　=　new　TextBox();　
　　　　phoneField　=　new　TextBox();　
　　　　status　=　new　Label();　
　　　　contactGrid　=　new　Grid(2,5);　
　
　　　　buildForm();　
　　　　placeWidgets();　
　　}　
　　　
　　private　void　buildForm()　{　
　　　　formGrid　=　new　Grid(4,3);　
　　　　formGrid.setVisible(false);　
　　　　　
　　　　formGrid.setWidget(0,　0,　new　Label("Name"));　
　　　　formGrid.setWidget(0,　1,　nameField);　
　
　　　　formGrid.setWidget(1,　0,　new　Label("email"));　
　　　　formGrid.setWidget(1,　1,　emailField);　
　　　　　
　　　　formGrid.setWidget(2,　0,　new　Label("phone"));　
　　　　formGrid.setWidget(2,　1,　phoneField);　
　　　　　
　　　　formGrid.setWidget(3,　0,　updateButton);　
　　　　formGrid.setWidget(3,　1,　addButton);　
　　　　　
　　}　
　
　　private　void　placeWidgets()　{　
　　　　RootPanel.get(CONTACT_LISTING_ROOT_PANEL).add(contactGrid);　
　　　　RootPanel.get(CONTACT_FORM_ROOT_PANEL).add(formGrid);　
　　　　RootPanel.get(CONTACT_STATUS_ROOT_PANEL).add(status);　
　　　　RootPanel.get(CONTACT_TOOL_BAR_ROOT_PANEL).add(addNewButton);　
　　}