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 Compile对gwt模块进行编译,此过程会在war目录下生成编译后文件(主要为helloworld目录下html、js文件)。
6、 在项目上右键——>Run As——>Web Application,双击Development
Mode下的URL可以进行预览页面效果。
7、 将项目下的war目录复制到tomcat的webapps目录下,启动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的HelloWorld实例.doc gwt的HelloWorld实例.doc
gwt入门.chm gwt入门资料,helloworld级别
使用GWT的一个简单的Login示例 GWT是 Google Web Toolkit的简称。
一个简单的GWT示例,是有关于股票显示的,其中有个小小的BUG(不影响对GWT的使用,故意的),希望大家可以把它找出来并做修改!
视频录像 博文链接:https://dlivan.iteye.com/blog/55986
本文是 GWT-Ext 体验之旅系列 的第 3 部分,我们将体验各种布局管理器的效果,了解我们常用的布局管理器的编程方式和一些经验总结。在对树的介绍中,我们将从树的同步和异步方式的初始化到树的 一些特性进行详细介绍...
基于Maven的SmartGWT项目示例,另见教程:http://blog.csdn.net/wang465745776/article/details/52583964
资源名称:Vaadin简介和HelloWorld 中文WORD版内容简介:本文档主要讲述的是Vaadin简介和HelloWorld;Vaadin(芬兰民间传说中的一种神话生物,是女神也是一种山岭驯鹿的神话祖先) 是一款使用 Apache V2 许可协议的...
gwt 练习gwt 练习gwt 练习gwt 练习
gwt 入门,是你开始学习gwt的大道 安装之后的目录结构为: C:\程序开发\Java\gwt-windows-1.4.59 doc(文档目录,开发文档和Java API文档) samples(示例代码目录,非常有名的KitchenSink示例代码即在此目录中)...
NULL 博文链接:https://toeo.iteye.com/blog/1485652
GWT学习之好的例子GWT学习之好的例子GWT学习之好的例子GWT学习之好的例子
EXT-GWT2.0.1+API+DOC gwtdesigner Gwt-Ext基础-中级-进阶 GWT快速开发 GWT入门 GWT中文教程
gwt-wasync GWT/大气 wAsync 示例该项目演示了 Google Web Toolkit (GWT) 和 Atmosphere(一种支持 WebSockets 的实时 Web 通信框架)之间的集成。... 捆绑的 GWT Web 应用程序本质上是“hello world”,带有 GWT-R
fwefwefwGWT工具GWT工具GWT工具GWT工具GWT工具GWT工具