使用GWT开发AJAX应用程序

来源：天极开发作者：出处：巧巧读书 2006-08-24 进入讨论组

关键词：ajax apache director firefox google

上一页 1 2 3 4

应用MFC开发高级应用程序

在VC++应用程序中读取文本数据

在Ajax应用程序中实现数据交换

DirectSound应用程序开发快速入门

十一、安装

　　注意，在安装时，你必须把gwt-user.jar库添加到你的web应用程序的/WEB-INF/lib目录下。

　　我把创建的JAR文件，还有javax包（gwt-user-deploy.jar）都添加到/WEB-INF/lib目录下。这是因为Tomcat不会加载单个的web应用程序的库文件，如果它已经包含servlet API类的话。

　　十二、难点

　　applicationCreator还会为你创建Ajax应用程序的HTML前端，在这个例子中是MyForm.html。

　　如果你的应用程序的HTM必须满足一种标准（例如XHTML Transitional 或Strict），那么该怎么办呢？对于XHTML transitional，我首先把要求的DOCTYPE添加到MyForm.html的顶部以及该html标签的相关属性中：

＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"＞

　　然后，我把MyForm.html上传到WWW协会的HTM验证程序（位于http://validator.w3.org/）。

　　在运行该验证程序后，我略微修改了一下该HTML，例如适当关闭meta标签并且把一个type="text/javascript"添加到脚本标签。

　　然而，如果你想满足XHTML Strict标准，那么还需要进行更为复杂的修改。例如，W3C的验证程序将把iframe标签显示为“undefined element”，而这个标签是GWT的历史支持功能(提供与一个浏览器back按钮相同的功能)必需的。XHTML Strict中已经删除了iframe元素。

　　这个对你来说可能不是个问题(可能会在GWT的未来版本中得到解决，还有任何其它明显的问题)；然而，你还可以实现其它可选策略，例如扩展GWT的类并创建你自己的兼容widget等。

　　十三、位置对齐问题

　　一个在web开发中普通存在的问题就是应用程序的可视化设计问题。工程的设计者可能想使页面看上去如其在Adobe Illustrator创建一样的效果，对不对？

　　尽管当你开发一个复杂的Ajax工程时你可能无法实现这种理想的视觉效果；但是，你至少可以使用Firefox的DOM Inspector来观察你的Java类最终生成的HTML。然后，再从这里进行修改。

　　例如，转到Firefox的“Tools=＞DOM Inspector”菜单项（见图5）。

图5:使用DOM Inspector观察后台实现内容。

　　上图显示了，你在Java代码中使用的com.google.gwt.user.client.ui.Grid对象被实现为一个HTML table标签。这个table中的包含OK，Submit按钮的TD标签与一个style属性（其值为"verticle-align:top"）相关联。

　　下面是在MyForm.java类中相关的初始化适当格式的Java代码：

//设置OK按钮单元格的垂直位置
grid.getCellFormatter().setVerticalAlignment(3，0，
HasVerticalAlignment.ALIGN_TOP);

　　如果在代码中不进行这个调用，那么该按钮可能会在文本域的中间部分上下浮动。

　　十四、总结

　　Google公司发布的Google Web Toolkit（GWT）已经引起业界的普遍关注。既然GWT的设计目的是为了简化用Java语言开发Ajax应用程序，而Ajax是Web 2.0时代的技术基础，所以GWT发行所引起的轰动应该在意料之中。

　　本文仅给出使用GWT和熟悉的Java工具开发一个简单的Ajax应用程序的示例，而有关GWT的更多的探究刚刚开始，还依赖于广大读者的努力。