当前位置:网站首页 > Java基础 > 正文

java gwt界面开发教程



作者:CODING - 朱增辉

Google Web Toolkit(GWT)是一个开源、免费的 Web 开发框架,通过该框架,您可以使用 Java 构建复杂、高性能的 JavaScript 应用程序。

持续集成指的是,频繁地(一天多次)将代码集成到主干。它的好处主要有两个:(1)快速发现错误。(2)防止分支大幅偏离主干。持续集成的目的,就是让产品可以快速迭代,同时还能保持高质量。 —— 阮一峰

本文的示例会创建一个简单的 GWT 应用,并利用 CODING 平台持续集成能力实现自动构建、测试和发布。

安装必要的工具,包括 Java、Maven 和 GWT SDK等。这里以 MacOS 为例说明,其他系统请自行搜索。

如果没有安装,可通过 工具安装,命令如下

 
  

其他平台请按照官方指导安装。

如果没有安装,可通过 工具安装,命令如下

 
  

其他平台请按照官方指导安装

可以通过 工具或者下载 GWT SDK 压缩包安装。写作本文时,GWT 最新稳定版本是 2.8.2。

(1)Homebrew 安装

 
  

默认安装路径为

gwt-dir

 
  

下载后的压缩包解压到任意目录(如 /home/user/gwt-2.8.2),并配置到 环境变量,如下所示

 
  

以上任一方式安装后,可执行如下命令测试是否安装成功

 
  

IDEA 默认支持创建 GWT 应用,本文使用命令行工具创建项目,不依赖具体 IDE,通过 IDE 创建 GWT 应用的方式可参见 Intellij IDEA 相关介绍。

使用命令行工具创建 GWT Maven 项目

 
  

create-gwt-project

在 IDEA 中打开上面创建的项目,依次点击:

 
  

open-project

GWT 项目文件主要由四部分组成(见下表),可以根据自己的需要修改,为避免增加复杂度,这里不做修改。

内容 说明 位置 模块描述符 用于配置 GWT 应用,XML 格式 src/main/java/com/demo/gwt/HelloWorld.gwt.xml 公共资源 GWT 模块引用的文件,如 HTML 页面、CSS 样式或图像 src/main/webapp 客户端代码 实现应用程序业务逻辑的 Java 代码,GWT 编译器将其转换为 JavaScript,最终在浏览器中运行 src/main/java/com/demo/gwt/client 服务端代码 可选的,如果应用不需要服务端处理,不用提供 src/main/java/com/demo/gwt/server

在 IDEA 菜单栏中选择编辑配置,打开运行配置弹窗,添加 GWT 配置。修改配置名,选择 HelloWorld 模块,然后点击 OK 保存配置并退出弹窗。

create-gwt-config

 
  

git-init

project-module

在填写项目基本信息页面,为了使用本地 git 仓库,这里不勾选 。

project-setting

上面创建的 CODING 项目没有初始化代码仓库,可以按照指引按照自己的需要进行初始化,这里选择。

coding-git-init

根据指引将本地代码仓库推送到 CODING 平台。

git-push

在 页面创建新的构建计划,为方便管理构建计划,这里选择使用代码仓库中的 Jenkinsfile。

ci-create

点击使用模板,可根据自己需要选择合适模板,这里选择 。

ci-module

 
  

修改后提交并推送到远程仓库,在 页面点击 按钮即可触发构建,也可按需要配置自动构建触发规则,详情见 CODING 帮助文档。构建完成后会收到通知,可以点开构建详情查看详细日志。

build-done

在本次教程中,我们创建了简单的 GWT 应用,熟悉了 GWT 项目结构及其命令行工具的使用,并且借助 CODING 平台提供的持续集成能力实现了应用的自动构建、测试和发布。CODING 提供的持续集成能力远比教程中展示的要强大,有兴趣的同学可以阅读官方文档详细了解,相信可以为您的工作提供帮助,创造更好的效益。

示例代码可以在 CODING 公开源代码仓库 获取。

  • 上一篇: java教程解析
  • 下一篇: java数码在线教程
  • 版权声明


    相关文章:

  • java教程解析2025-10-14 16:34:05
  • java学习 教程2025-10-14 16:34:05
  • java开发ee教程2025-10-14 16:34:05
  • java语音控制教程2025-10-14 16:34:05
  • java教程分享java开发主流框架2025-10-14 16:34:05
  • java数码在线教程2025-10-14 16:34:05
  • java手柄使用教程2025-10-14 16:34:05
  • java jni 教程2025-10-14 16:34:05
  • 支付宝java教程2025-10-14 16:34:05
  • java题库制作教程2025-10-14 16:34:05