GWT第一个示例HelloWorld

原创 2013年12月04日 09:41:36

app目录结构如下:

HelloWorld.gwt.xml代码:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.5.1//EN" "http://google-web-toolkit.googlecode.com/svn/tags/2.5.1/distro-source/core/src/gwt-module.dtd">
<module rename-to="helloworld">
	<inherits name="com.google.gwt.user.User" />
	<source path="client" />
	<entry-point class="com.example.myproject.client.HelloWorld" />
</module>

HelloWorld代码:

<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>HelloWorld</title>
    <script type="text/javascript" language="javascript" src="helloworld/helloworld.nocache.js"></script>
  </head>

  <body>
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

  </body>
</html>

HelloWorld.html代码:

<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>HelloWorld</title>
    <script type="text/javascript" language="javascript" src="helloworld/helloworld.nocache.js"></script>
  </head>

  <body>
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

  </body>
</html>

流程总结:

1、  通过gwt工具创建web application

2、  通过gwt插件创建Module,此过程会生成HelloWorld.gwt.xml

3、  通过gwt插件创建Entry Point Class,此过程会生成HelloWorld.java

4、  通过gwt插件创建Html Page,此过程会生成HelloWorld.html

5、  在项目上右键——>Google——>GWT Compilegwt模块进行编译,此过程会在war目录下生成编译后文件(主要为helloworld目录下htmljs文件)。

6、  在项目上右键——>Run As——>Web Application,双击Development Mode下的URL可以进行预览页面效果。

7、  将项目下的war目录复制到tomcatwebapps目录下,启动tomcat后调用http://localhost:8080/war/HelloWorld.html可以查看页面效果。

 

注意:

1、HelloWorld.gwt.xml<module>标签下增加rename-to="helloworld"

2、HelloWorld.html文件中的src=".nocache.js"修改为src="helloworld/helloworld.nocache.js"


gwt模块功能实现步骤

gwt开发模式是MVP模式,与MVC模式有点区别  MVP是Model-View-Presenter的简称,从根本上来说,她是MVC的一个变种,View负责显示,Presenter负责逻辑的处理。...
  • whs19910204648688
  • whs19910204648688
  • 2013年06月14日 15:05
  • 1268

GWT 入门介绍

GWT 入门介绍GWT使用JSON格式的数据通讯  GWT是 Google Web Toolkit的简称。 GWT是一个以Java语言为工具,以类似Swing的方式编写UI组件,之后通过GWT Com...
  • struts2
  • struts2
  • 2007年08月24日 23:33
  • 23423

GWT的例子

http://roberthanson.blogspot.com/2006/06/trivial-gwt-example.html找了一个GWT RPC的例子,试着做了一下,效果挺好,呵呵.目录结构如...
  • jljf_hh
  • jljf_hh
  • 2007年05月11日 11:40
  • 4560

GWT使用样例

  • 2017年08月05日 08:16
  • 3.3MB
  • 下载

第一个java小程序HelloWorld

1.打开eclipse 2.新建一个工程 3.输入工程名,如“helloworld” 4.找到“helloworld”工程,找到src,点击右键,新建一个java class...
  • jenyzhang
  • jenyzhang
  • 2017年03月01日 11:31
  • 3093

SpringMVC 的第一个程序——HelloWorld

SpringMVC 的HelloWorld
  • Fangxiaowei9527
  • Fangxiaowei9527
  • 2016年07月25日 09:10
  • 1723

手把手教你写第一个Linux驱动程序

说到写第一个linux内核驱动程序,再简单不过了。以前也写过,这次将做一个图形化的整理。我这里以我的开发环境tiny4412为主,我将在这上面写第一个驱动程序。首先,我在driver/目录下创建yan...
  • morixinguan
  • morixinguan
  • 2017年01月19日 22:57
  • 786

JAVA 第一个程序“HelloWorld”

大三上学期我们开设了“JAVA程序设计”这门课程,所用的教材是Bruce Eckel的《Java编程思想》也就是《Thinking in Java Fourth Edition》这本书。陆绍飞老师第一...
  • SpadgerZ
  • SpadgerZ
  • 2016年09月26日 22:00
  • 1205

【C#】第一个C#程序——Hello World!

前言:       学习每一种语言的开始,都有一句话,叫万丈高楼平地起。也有一个程序,叫:HelloWorld。下面是步骤,代码和效果图: 步骤 点击文件——新建——项目——Visual ...
  • Gnd15732625435
  • Gnd15732625435
  • 2016年03月01日 13:07
  • 1228

Struts2入门第一个程序HelloWorld

struts2入门教程
  • zhaoliang092011
  • zhaoliang092011
  • 2013年12月02日 01:43
  • 7698
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:GWT第一个示例HelloWorld
举报原因:
原因补充:

(最多只允许输入30个字)