3

谁能告诉我如何将 GWTquery 与 GWT 一起使用?GWTquery 教程页面主要介绍如何使用 jQuery,并没有过多解释如何嵌入它。例如,如果我想将它与 GWT 附带的默认 Stockwatcher 应用程序一起使用,并在 java 文件中使用 jQuery,就像 GWTquery 教程所说的那样,在哪里安装 jar 文件,以及如何导入它?

4

2 回答 2

4

GWTquery 不使用 jQuery,它是jQuery-like在 GWT 中实现的 API,它不需要 GWT 库或 html 主机页面中的 jquery.js 文件,您可以像其他 gwt 库一样轻松添加其 jar 文件:

Maven 设置

如果您想在现有的 maven 项目上添加 GQuery,或者您不想使用 maven 原型,您只需在 pom.xml 文件中添加以下行:

 <dependencies>
   <dependency>
     <groupId>com.googlecode.gwtquery</groupId>
     <artifactId>gwtquery</artifactId>
     <version>1.1.0</version>
     <!-- If you are using old versions of gwt, uncomment the appropriate line -->
     <!-- <classifier>2.1.0</classifier> -->
     <!-- <classifier>2.0.1</classifier> -->
     <scope>provided</scope>
   </dependency>
 </dependencies>

如果您不想使用 Maven,或者它是一个已经创建的项目,您可能有兴趣手动设置您的项目。首先,您需要下载与您的 GWT 版本相关的最新稳定版本的 gwtquery 库,并将其放在您的类路径中。如果您是一位经验丰富的 GWT 用户,您可能已经知道如何执行此操作,但如果您是初学者,这里有一个快速复习。

首先,通过运行创建一个新项目

$GWT_HOME/webAppCreator gwtquery.sample.Sample

这将创建一堆包含示例项目的文件。找到 build.xml 文件并编辑 id="project.class.path" 添加的部分

<pathelement location="PATH_TO_DOWNLOADED_gwtquery-1.0-SNAPSHOT.jar"/>

如果您使用的是 Eclipse,您可能还需要编辑 .classpath 文件并添加以下内容:

<classpathentry kind="lib" path="PATH_TO_DOWNLOADED_gwtquery-1.0-SNAPSHOT.jar"/>

接下来,编辑 src/gwtquery/sample/Sample.gwt.xml 文件或项目的现有模块文件,并添加以下行以将 GQuery 导入 GWT 模块:

<inherits name='com.google.gwt.query.Query'/>

最后,在您的模块入口点类(例如 src/gwtquery/sample/client/Sample.java)中添加以下导入语句以使 GQuery 易于使用:

import com.google.gwt.query.client.GQuery;
import com.google.gwt.query.client.Function;
import com.google.gwt.query.client.Selector;
import com.google.gwt.query.client.Selectors;
import static com.google.gwt.query.client.GQuery.*;
import static com.google.gwt.query.client.css.CSS.*;

更多信息

于 2013-01-08T13:11:55.053 回答
1

您可以在 GWT 查询站点找到完整的分步指南 - http://code.google.com/p/gwtquery/wiki/GettingStarted

除了gwtquery-sample之外,您还可以在 Internet 上找到足够的示例。

于 2013-01-08T18:26:09.083 回答