`
未雨绸缪
  • 浏览: 214046 次
  • 性别: Icon_minigender_1
  • 来自: 陕西
社区版块
存档分类
最新评论

GWT-Ext之初体验

    博客分类:
  • GWT
阅读更多
首先要准备的:

1.GWT-Ext 2.0.6
下载地址:http://code.google.com/p/gwt-ext/

2.Ext-2.0.2
下载地址:http://code.google.com/p/gwt-ext/

3.GWT 1.5.3
选用它是因为从官方网站看到GWT-Ext 2.0.6对这个版本的GWT JDK完全支持。
下载地址:http://code.google.com/intl/zh-CN/webtoolkit/versions.html

4.Google Plugin for Eclipse 3.4 (Ganymede)
这个是GWT在Eclipse下开发插件,通过Eclipse的Help->Software Updates里添加下面地址来安装。
下载地址:http://dl.google.com/eclipse/plugin/3.4

准备好以上的东西后,就开始配置环境了。

1.新建一个GWT工程

2.右键点击该工程,添加一个GWT-Ext 2.0.6的Jar包

3.解压缩Ext-2.0.2将里面的ext-all.js、resources目录和adapter目录的内容拷贝到GWT工程的"public"目录下

4.将这句话 <inherits name='com.gwtext.GwtExt'/> 添加到GWT应用程序的module file里。

5.将主HTML文件打开,添加对第三步中文件的引用。例如:

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Demo</title>
    <!-- 以下三句 开始-->
    <link href="js/resources/css/ext-all.css" rel="stylesheet" type="text/css"/>
     
    <script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>
     
    <script type="text/javascript" src="js/ext-all.js"></script>  
    <!--  结束 -->

    <script type="text/javascript" language="javascript" src="com.demo.Demo.nocache.js"></script>
  </head>
<body class="xtheme-aero">
<mce:script language="javascript" src="gwt.js" mce_src="gwt.js"></mce:script>
<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
</body>
</html>

分享到:
评论

相关推荐

    gwt-ext培训教程

    GWT-Ext是一个基于Google Web Toolkit (GWT)的JavaScript库,它提供了丰富的用户界面组件和强大的数据绑定机制,使得...教程中的实例和练习将帮助你将理论知识转化为实践经验,为你的GWT-Ext开发之路打下坚实基础。

    gwt-ext相关jar包及资源

    GWT-Ext是一个基于Google Web Toolkit (GWT...总的来说,GWT-Ext是GWT开发者的一个强大工具,通过它,你可以轻松地构建出具有专业级用户体验的Web应用。深入了解并熟练使用GWT-Ext,将大大提升你的开发效率和产品质量。

    Gwt-ext学习笔记之基础篇

    Gwt-ext学习笔记之基础篇、安装、配置、例子。

    Gwt-Ext学习笔记之进级篇

    GWT-Ext 是基于 Google Web Toolkit(GWT)和 ExtJs 的功能强大的网页开发控件库。它非常适用于进行纯 Java 语言的富 Internet 应用的快速开发。本系列文章将详细讲解 GWT-Ext 的基本结构和功能特点,并通过代码示例...

    Gwt-Ext基础-中级-进阶

    Gwt-Ext是一种基于Google Web Toolkit (GWT)的JavaScript库,它扩展了GWT的功能,提供了丰富的用户界面组件和更美观的外观。这个压缩包包含的资源是关于Gwt-Ext的基础、中级和进阶学习资料,适合想要深入理解和应用...

    gwt-ext-tree

    GWT-Ext-Tree 是一个基于 Google Web Toolkit (GWT) 的组件库,它扩展了 GWT 的功能,提供了一套强大的、可定制的树形控件。GWT 是一个用于构建富互联网应用程序(RIA)的 Java 开发框架,允许开发者使用 Java 语言...

    Gwt-ext学习笔记

    GWT(Google Web Toolkit)和Ext JS是两个在Web开发领域广泛应用的技术,它们结合形成的Gwt-ext库,为开发者提供了一种构建富客户端...不断练习和探索,你将能够熟练运用Gwt-ext构建出功能强大、用户体验优秀的Web应用。

    最好的gwt-ext学习资料

    最好的gwt-ext学习资料,适合初学者。

    GWT-ext 布局示例

    本文是 GWT-Ext 体验之旅系列 的第 3 部分,我们将体验各种布局管理器的效果,了解我们常用的布局管理器的编程方式和一些经验总结。在对树的介绍中,我们将从树的同步和异步方式的初始化到树的 一些特性进行详细介绍...

    非常好的gwt-ext培训教程

    GWT-Ext 是基于 Google Web Toolkit(GWT)和 ExtJs 的功能强大的网页开发控件库。它扩展了 GWT,在 ExtJs 的基础上实现了有排序功能的表格(Grid)、分页、过滤,支持有拖拽功能的树,高度可定制的组合下拉框...

    GWT-Ext_体验之旅.doc

    GWT-Ext_体验之旅.doc GWT-Ext_体验之旅.doc GWT-Ext_体验之旅.doc

    Gwt-Ext学习笔记之基础篇- www.hxiaseo.cn技术网站

    标题中的"Gwt-Ext学习笔记之基础篇"指的是关于Gwt-Ext的初级教程,这是一种基于Google Web Toolkit (GWT) 的扩展库,用于构建富互联网应用程序(RIA)。Gwt-Ext提供了丰富的用户界面组件,使得开发者可以利用Java语言...

    GWT-Ext超级Widget功能类库

    GWT-Ext超级Widget功能类库是一个基于Google Web Toolkit (GWT)的扩展库,它为开发者提供了丰富的用户界面组件和强大的功能,旨在提升Web应用的用户体验和开发效率。GWT是一个开源框架,允许Java开发者使用Java语言...

    GWT-Ext体验之旅

    这是一篇非常好的GWT-Ext的文章,讲解非常详细,从入门的讲解示例再到精通一应俱全,学习GWT-Ext的朋友可以看看

    GWT-Ext 控件演示

    GWT-Ext 控件演示 GWT-Ext 控件演示

    需要GWT-Ext 2.0.5来下

    GWT-Ext 2.0.5 has been released. Grab the distribution from the Downloads area. GWT-Ext 2.0.5 supports GWT 1.5 final (1.5.2), Firefox3 and Chrome.

    gwt-ext-选课系统

    GWT-EXT选课系统利用GWT的强大功能和EXT的精美UI组件,为学生、教师和管理员提供了一个交互性强、用户体验良好的选课平台。系统可能包含以下关键模块: 1. 用户模块:包括学生和教师账户的注册、登录、个人信息管理...

    GWT-EXT2.0最佳实践教程,源代码打包供下载

    NULL 博文链接:https://kenter1643.iteye.com/blog/323084

    GWT-Ext资料整理.chm

    个人学习收集网上资料辛苦整理而成; GWT-Ext 整理 chm java js GWT-Ext资料整理.chm

Global site tag (gtag.js) - Google Analytics