首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

使用 GWT 实现基于 Ajax 的 Web 开发(6)后台 GWT 代码

使用 GWT 实现基于 Ajax 的 Web 开发(6)后台 GWT 代码

后台 GWT 代码登录页面:
实现本文前面提到的服务器端的 checkUser 方法。添加详细代码以完成对当前用户的检查。
信息查询页面:
信息查询页面的主要是根据用户选择的查询节点,从数据库查询相应的记录,以 XML 的形式返回数据给前端页面。期间的数据通信也是以 RPC 方式进行。
在信息查询页面,当用户在左侧 Tree 上选择不同查询节点时,根据其选定的节点查询相应的数据,这需要在 Tree 的 selectionChanged 事件中,调用 RPC 进行通信。
至此,一个简单的雇员信息查询系统就全部完成了。运行后首先会出现登录页面,当用户输入有效的用户名和密码后,就进入到信息查询页面。在左侧树中选择一个节点,相应的结果将显示在右侧的面板中。
图 8.信息查询结果发布 GWT Application.本节将结合实际介绍如何发布前面已经完成 GWT 应用。在完成对上述应用的部署之前,还需要澄清一些概念。
基本概念主机模式
在前面的几节中,我们已经使用 GWT Designer 设计完成了一个简单实用的 Web 应用程序。但是,对于一个 web 应用来说,事情还不至于此。这是因为,在之前的开发中,我们一直使用的是主机模式(hosted)来开发、调试和运行这个 web 应用。所谓主机模式或者称为 GWT 的托管模式,是指 GWT 有一个内嵌的浏览器 ( 或者浏览器插件 ),开发人员可以在 web 应用开发的过程中,在 Java 开发环境中运行和调试 web 应用程序。可以看出,在 web 应用部署之前,开发人员会将大多数的时间用于主机模式。在开发过程中,使用 GWT 的主机模式,浏览器可以通过刷新操作立即查看代码的变更,而无需编译为 JavaScript 或部署到服务器。也就是说 Java 虚拟机实际上是在执行编译后的 Java 字节码,并且使用 GWT 将结果输出到一个内嵌的浏览器 ( 或者浏览器插件 ) 窗口,从而大大提高了开发和调试应用程序的效率。
Web 模式
与主机模式相对应的是 Web 模式,当从开发阶段转到测试或生产阶段时,应用程序将在 Web 模式下运行。所谓 Web 模式是指从普通的浏览器来访问应用,在浏览器中应用将以 JavaScript 运行。
部署应用到 Web 服务器主机模式下测试完成后,接下来需要为开发的应用创建一个 Web 版本,以便可以将此应用部署到通用的 Web 服务器以供用户通过普通浏览器进行访问。以下将逐一介绍从编译至部署的各个步骤。
编译客户端文件
在 Eclipse IDE 开发环境中,可以通过下面的步骤来完成 GWT 的编译
选中 GWT 模块配置文件(EmployeeManagement.gwt.xml),点击右键选择“Google Web Toolkit”, 再选择“Deploy module”。
根据对话框上的信息提示,指定相应的参数:包括将要生成的 war 文件名、war 文件名的存放路径、GWT 编译选项和 GWT 编译所用的最大内存设置。可以通过 Browser 选择 war 文件的存放路径,可以是本地路径也可以是网络路径。
按下 OK 后,将自动完成 GWT 编译并且产生以下输出:
  • 将用以部署到服务器上的 war 文件
  • 用来执行编译部署的 build.xml 文件
一旦生成了 build.xml 文件(该文件和模块文件处于同一个文件夹下),后续就可以将此文件为模板,根据实际情况进行修改以便更好的完成 GWT 编译和部署的工作。如果需要重新编译 war 文件,只需要右键点击 build.xml 文件,选择“Run As -> Ant Build”就可以了。
编译完成后,GWT 会将所开发的客户端 Java 代码编译成 JavaScript 语言格式。这样一来,当应用在 Web 模式中启动时,它将完全作为 JavaScript 运行,并且不需要任何浏览器插件或 Java 虚拟机,从而实现了对各种浏览器的完美支持。
客户端文件编译完成后,将会在当前 project 目录下产生一个 war 文件夹,其中存放了所有被编译后的客户端文件。在部署到 Web 服务器上时,只需要将此 war 文件夹中的文件拷贝到 Web 服务器相应的部署目录下即可。
部署到 Web Server
可以根据情况选择喜欢的 Web Server。关于 Web Server 的介绍和配置,请阅读 。配置好 Web Server 后,将上述 GWT 编译后的 .war 文件拷贝到该 Web Server 部署目录下,对 Jboss 来说就是 [ 安装目录 ]\server\default\deploy。
缺省情况下,Jboss 运行在端口 8080。本例中应用程序的名称为 EmployeeManagement,HTML 主页为 EmployeeManagement.html,这样就可以通过在浏览器的地址栏中输入 http://<hostname>:8080/EmployeeManagement/ 来访问部署好的应用程序。
有关 GWT 应用开发和部署更多的介绍,可以阅读 。
返回列表