如何在Eclipse中使用GWTBootstrap

时间:2013-01-18 06:23:04

标签: eclipse gwt twitter-bootstrap gwt-bootstrap

我从https://github.com/gwtbootstrap/gwt-bootstrap下载了Twitter Bootstrap for GWT zip。我是GWT的新手,我还没有找到适当的文档或关于如何在Eclipse中使用这些库的教程。

3 个答案:

答案 0 :(得分:2)

由于它是作为maven项目创建的,因此您需要使用m2eclipse插件。你可以从Eclipse之外的克隆开始,然后你可以将它作为现有的maven项目导入eclipse。 m2eclipse插件可以帮助您完成此操作。对于确切的步骤或教程,您只需谷歌。

答案 1 :(得分:2)

如果您使用maven版本,请在eclipse中配置m2eclipse并浏览Getting Started With GWT Bootstrap

步骤包括:

STEP 1-A:gwt-bootstrap

中添加pom.xml maven依赖项
 <!-- gwt-bootstrap dependencies start -->
<dependency>
<groupId>com.github.gwtbootstrap</groupId>
<artifactId>gwt-bootstrap</artifactId>
<version>2.1.0.0-SNAPSHOT</version>
</dependency>
<!-- gwt-bootstrap dependencies end -->

步骤1-B:gwt-bootstrap

中添加pom.xml maven存储库
 <repository>
 <id>sonatype</id>
 <url>http://oss.sonatype.org/content/repositories/snapshots</url>
 <snapshots><enabled>true</enabled></snapshots>
 <releases><enabled>false</enabled></releases>
 </repository>

第2步:配置模块 - 继承GWT-Bootstrap小部件库

<!--  inherit the GWT-Bootstrap widget library -->
<inherits name="com.github.gwtbootstrap.Bootstrap"/>
<!--  end of inherit the GWT-Bootstrap widget library -->

第3步:在UiBinder中使用

<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:w="urn:import:com.zcode.t.client.ui.widget" 
xmlns:c="urn:import:com.google.gwt.user.cellview.client"
xmlns:gwt="urn:import:com.google.gwt.user.cellview.client"
xmlns:b="urn:import:com.github.gwtbootstrap.client.ui"
>
<g:HTMLPanel>
<b:Button ui:field="saveBtn"/>
 </g:HTMLPanel>
</ui:UiBinder> 

答案 2 :(得分:1)

如果您不想使用maven,可以按照以下步骤操作:

  1. here下载某个版本的库。

  2. 将.jar文件添加到Eclipse项目的构建路径

  3. 添加到您的Module.gwt.xml文件中:

  4. <inherits name ="com.github.gwtbootstrap.Bootstrap"/>

    现在,您只能将gwtbootstrap与Java代码或UIBinder

    一起使用