`
ruruhuang
  • 浏览: 193175 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

用GWT(Google Web Toolkit)开发Ajax-HelloWorld

阅读更多
用GWT(GoogleWebToolkit)开发Ajax-HelloWorld


摘要: 本文介绍用GWT(Google Web Toolkit)开发第一个Ajax应用。应用效果,将在应用页面显示一个按钮,点击时候显示"HelloWorld"
关键字: GWT Google Web Toolkit Ajax 入门应用
环境准备

    * eclipse
    * google web toolkit
    * tomcat_5.0.28
    * 以上3者均可通过google搜索方便下载到,安装配置不再详细介绍

实现过程

1、创建应用

创建一个gwt项目的目录,我的就是在d:\gwt_test\helloworld

用gwt的applicationCreator.bat(该批处理文件在gwt安装目录下可以看到)创建应用:

applicationCreator.cmd org.jmg.client.HelloWorld

成功执行输出:

Created directory D:\gwttest\helloworld\src(这个目录包含自动创建的java文件)

Created directory D:\gwttest\helloworld\src\org\jmg

Created directory D:\gwttest\helloworld\src\org\jmg\client

Created directory D:\gwttest\helloworld\src\org\jmg\public

Created file D:\gwttest\helloworld\src\org\jmg\HelloWorld.gwt.xml

Created file D:\gwttest\helloworld\src\org\jmg\public\HelloWorld.html

Created file D:\gwttest\helloworld\src\org\jmg\client\HelloWorld.java

Created file D:\gwttest\helloworld\HelloWorld-shell.cmd(这个命令将会调用gwt内置的服务器来运行应用)

Created file D:\gwttest\helloworld\HelloWorld-compile.cmd(编译应用,把前边的java文件编译成javascript代码,和其他的附加文件,注意,他不会编译server端文件)


2、编译输出:

执行helloworld下的HelloWorld-compile.cmd

Output will be written into D:\gwttest\helloworld\www\org.jmg.HelloWorld(默认的,gwt会把客户端代码文件放到一个名字为完整的应用名称的目录)

Copying all files found on public path

Compilation succeeded

编译成功。


3、准备tomcat:

在tomcat安装目录下webapps目录创建一个gwt文件夹

相应的创建其他的web应用的文件和文件夹:

gwt\WEB-INF

gwt\WEB-INF\classes

gwt\WEB-INF\lib

gwt\WEB-INF\web.xml

web.xml内容如下:





4、部署到tomcat:

在gwt目录创建helloword目录

复制刚才执行HelloWorld-compile.cmd生成的文件(在www\org.jmg.HelloWorld目录)到helloworld目录下,注意,只要这个文件夹中的文件,不要文件夹。


5、运行看效果:

启动tomcat

访问http://localhost:8080/gwt/helloworld/HelloWorld.html

页面上将会显示

一个标题,一段说明文字,和一个Click Me按钮

点击按钮将会显示 “HelloWorld”文字



参考: GWT Google Web Toolkit Hello World Example Project
来源:http://letup.blogspot.com/2006/09/gwtgooglewebtoolkitajax-helloworld.html
分享到:
评论

相关推荐

    面向 Java 开发人员的 Ajax 探索 Google Web Toolkit

    1. **Java到JavaScript的转换**:GWT的核心功能是将Java代码编译成JavaScript,这极大地简化了Web开发流程,让Java开发者可以利用自己熟悉的编程语言进行Web前端开发。 2. **丰富的UI组件库**:GWT提供了一套强大...

    面向 Java 开发人员的 Ajax: Google Web Toolkit 入门(GWT入门)

    Google Web Toolkit (GWT) 是一个强大的工具,它允许Java开发人员使用熟悉的Java语言来构建高性能、跨浏览器的Ajax应用程序。GWT通过将Java代码编译为优化过的JavaScript,解决了Web开发中的语言障碍,使得开发人员...

    使用 playn 和 GWT 开发 html5 游戏。搭建环境。helloworld。

    GWT(Google Web Toolkit)是 Google 推出的一个用于构建高性能、类型安全的 JavaScript 应用的开发工具。它允许开发者使用 Java 语言编写前端代码,通过编译器自动转换成优化过的 JavaScript。GWT 的优势在于它的强...

    Ext + Gwt + Struts2.0开发1

    在使用Google Plugin for Eclipse进行开发时,首先需要下载并安装Eclipse IDE,特别是Java EE版本,因为它包含了Graphical Editing Framework (GEF) 和 Eclipse Modeling Framework (EMF),这对于GWT插件是必需的。...

    GWT IN Action

    《GWT in Action》这本书是关于Google Web Toolkit(GWT)的权威指南,GWT是一种用于构建和优化复杂Web应用程序的开发框架。本书通过详细的知识点解析,为读者提供了全面的GWT学习路径,涵盖了从基础知识到高级技术...

    入门GWT 适合初学者

    为了克服这些问题,Google推出了Google Web Toolkit (GWT),这是一款面向Java开发者的强大工具,它允许开发者使用Java语言进行Ajax应用的开发。本文旨在为初学者提供一个入门GWT的全面指南。 #### 二、Ajax简介 ...

    GWT学习手册,由本人整理打包

    **GWT(Google Web Toolkit)** 是一个开源的Java框架,允许开发人员使用Java语言来构建复杂的、高性能的Web应用程序。GWT通过编译Java代码为优化过的JavaScript,实现了在客户端浏览器上运行,同时提供了丰富的用户...

    dwr框架简单应用示例

    - 与GWT(Google Web Toolkit)相比,DWR不涉及编译Java到JavaScript,而是直接运行Java代码,灵活性更高,但可能牺牲部分性能。 通过这个简单的DWR应用示例,初学者可以了解如何设置DWR环境,配置允许的Java方法,...

    课程讲解文档

    - **GWT (Google Web Toolkit)**: GWT是一个用于编写高性能Web应用程序的开发工具包,支持使用Java语言开发前端程序,并编译成JavaScript。 - **ExtJS**: ExtJS是一个基于jQuery的企业级前端框架,提供了丰富的UI...

    DWR原理及中文文档

    - **GWT(Google Web Toolkit)**:虽然GWT有自己的RPC机制,但DWR也可以作为一个补充,为GWT应用添加更丰富的功能。 ### DWR的优势 1. **易用性**:DWR提供了直观的API,使得开发者能够快速上手。 2. **性能**:...

    JAVA上百实例源码以及开源项目源代码

    数字证书:从文件中读取数字证书,生成文件输入流,输入文件为c:/mycert.cer,获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录 一个Java+ajax写的...

Global site tag (gtag.js) - Google Analytics