gwt入门和进阶

GWT是Google Web Development Kit的缩写，可让程序员使用Java开发Ajax Web应用程序。 GWT编译器将Java代码转换为JavaScript和html代码。 GWT应用程序称为模块，并且使用xml文件描述模块，假设该模块名称为xml文件的“ mymodule”名称为“ mymodule.gwt.xml”。一个模块至少有一个入口点，它与Java程序中的main方法相同。 GWT程序代码在HTML文件中执行，而CSS文件用于改变外观。

现在我们对术语和内容已经很熟悉了，我们可以继续编写自己的GWT应用程序了。

步骤1：为Eclipse安装GWT插件

如果您已经安装了eclipse，只需进入“帮助”菜单，在“安装新软件”下，将URL设置为http://dl.google.com/eclipse/plugin/3.6 ，然后单击“下一步”和完成安装。

步骤2：创建一个新项目

选择文件>新建> Web应用程序项目。输入名称“ com.eviac.blog.helloworld”作为项目名称和程序包。默认情况下，它将选择“使用Google Web Toolkit”和“使用Google App Engine”，因为我们在这里仅使用Google Web Toolkit，因此您必须取消选择Google App Engine。

现在，eclipse将为您创建一个具有包结构的项目，如下所示。

步骤3：创建入口点

在com.eviac.blog.helloworld.client包中，创建一个名为
“ HelloWorldGwt ”

package com.eviac.blog.helloworld.client;  import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;  public class HelloWorldGwt implements EntryPoint {  @Override  public void onModuleLoad() {  final Label label = new Label("Hello World GWT !!!");  final Button button = new Button("Click Here");  button.addClickHandler(new ClickHandler() {  @Override  public void onClick(ClickEvent event) {  label.setVisible(false);  button.setText("welcome back again!");  Window.alert("Welcome to GWT");  }  });  RootPanel.get().add(label);  RootPanel.get().add(button);  }
}

在com.eviac.blog.helloworld包中，创建Com_eviac_blog_helloworld.gwt.xml文件。

Com_eviac_blog_helloworld.gwt.xml

<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='com_eviac_blog_helloworld'>  <!-- Inherits Web Toolkit utilities.                        -->  <inherits name='com.google.gwt.user.User'/>  <inherits name='com.google.gwt.user.theme.standard.Standard'/>  <!-- Specify the app entry point class.                         -->  <entry-point class='com.eviac.blog.helloworld.client.HelloWorldGwt'/>
</module>

步骤3：建立html网页

在文件夹war内，创建Com_eviac_blog_helloworld.html文件

Com_eviac_blog_helloworld.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  <html>  <head>  <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <link type="text/css" rel="stylesheet" href="Com_eviac_blog_helloworld.css">  <title>Hello World GWT</title>  <script type="text/javascript" language="javascript" src="com_eviac_blog_helloworld/com_eviac_blog_helloworld.nocache.js"></script>  </head>  <body>  <!-- optional tag: add this if needs history support -->  <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>  <h1><center>Hello World GWT</center></h1>  </body>
</html>

第4步：创建web.xml文件

在文件夹war / WEB-INF内，创建一个名为web.xml的xml文件。

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app  PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"  "http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>  <!-- Default page to serve -->  <welcome-file-list>  <welcome-file>Com_eviac_blog_helloworld.html</welcome-file>  </welcome-file-list>
</web-app>

步骤5：创建css文件

在打猎者内创建一个名为Com_eviac_blog_helloworld.cssCSS文件

Com_eviac_blog_helloworld.css

h1 {  font-size: 2em;  font-weight: bold;  color: #6495ED;
}  .gwt-Label {  color: #0000FF;  font: normal 12px tahoma, arial, helvetica, sans-serif;  height:3.5em;  width: 10.7em;
}  .gwt-Button {  color: #0000FF;  height:3.5em;  width: 10.7em;  font-size: 12px;  font-family: arial, sans-serif;
}

好了，我们已经完成了编码步骤，但请等待，还有一个步骤

步骤6：运行GWT应用程序

要在项目上单击鼠标右键，请选择“运行方式”->“ Web应用程序”，它将弹出一个新视图“开发模式”，复制生成的URL。

使用此链接为您的Web浏览器安装GWT插件。

现在，将URL粘贴到浏览器中，您将看到类似以下的内容，仅此而已。

现在，您知道如何构建基本的GWT应用程序，可以通过添加更多功能并使用css文件更改外观来改进它。

参考：我们的JCG合作伙伴开始使用GWT EVIAC博客上的Pavithra Siriwardena。

翻译自: https://www.javacodegeeks.com/2012/03/getting-started-with-gwt.html

gwt入门和进阶

gwt入门和进阶_GWT入门相关推荐

python3入门与进阶-python3入门与进阶(一)
最近学习了python3的语法,整理记录一下: 语法是编程的先决条件,精通语法是编好程序的必要条件: 导语给我最大的感觉是:这个语言的编写,居然不使用 { }来控制代码块的区域,而是使用缩进来分割代 ...
java入门学习_Java入门学习进阶知识点
Java入门学习进阶知识点入门阶段,主要是培养Java语言的编程思想.了解Java语言的语法,书写规范等,掌握Eclipse.MyEclipse等开发工具,编写Java代码的能力.学完这个阶段你应该 ...
C++入门到进阶系列课程目录
总目录 C++知识点小结 - C++入门到进阶系列 C++如何在main函数之前执行代码 thread_local关键字 C++入门到精通 C++ static_cast转换与C风格转换 C++中vo ...
ab753变频器参数怎么拷贝到面板_【干货】一文让你从入门小白进阶为变频器高手...
点击蓝字关注我们为确保 SINAMICS G120 的操作及监控便捷高效,提供了三种不同的操作面板: 1.基本操作面板(BOP-2). 2.智能操作面板(IOP-2) 3.智能连接模块(G120 ...
程序员编程如何入门、进阶？
作者 | 码农唐磊来源 | 程序猿石头(ID:tangleithu) 背景在之前的这篇文章中,我谈了谈读本科的时候都学了哪些计算机专业课和推荐了一些经典的技术书籍,然后推文封面中的这张图引起了不少 ...
服务端工程师入门与进阶 Java 版
前言欢迎加入我们.这是一份针对实习生/毕业生的服务端开发入门与进阶指南.遇到问题及时问你的 mentor 或者直接问我. 建议: 尽量用google查找技术资料. 有问题在stackoverflow ...
android自定义美颜相机完整程序,Android OpenGL ES从入门到进阶（一）—— 五分钟开发一款美颜相机...
源码链接:https://github.com/smzhldr/AGLFramework 一.前言商店里有数十款的美颜相机类产品,其实现原理基本上都是以OpenGL ES为核心的特效处理,大神可以忽 ...
python数据结构推荐书-「算法与数据结构」从入门到进阶吐血整理推荐书单
推荐一下「算法与数据结构」从入门到进阶的书单. 一.入门系列这些书籍通过图片.打比方等通俗易懂的方法来讲述,让你能达到懂一些基础算法,线性表,堆栈,队列,树,图,DP算法,背包问题等,不要求会实现, ...
网站推广必备手册:SEO教程:搜索引擎优化入门与进阶(第2版)
网站推广必备手册:SEO教程:搜索引擎优化入门与进阶(第2版) [作者]吴泽欣 [同作者作品] [作译者介绍] [丛书名] 图灵程序设计丛书 [出版社] 人民邮电出版社 [书号 ...

gwt入门和进阶_GWT入门

gwt入门和进阶_GWT入门相关推荐

最新文章

热门文章