如何结合GWT和材料设计库w/o Maven



我试图通过下载jar并在Eclipse中使用普通的Java项目来使用Central Maven Repo中的MD库。

Central Maven Repo中,我使用了jar gwt材料,因为它在编译过程中说我也需要MD jQuery库,所以我也为gwt材料jQuery集成了那个jar。

所以下面你会发现

  • gwt.xml:在这里我继承了gwt项目所需的所有库
  • 带有onModuleLoad()-方法的entryPoint类(Addressbook2(
  • UIBinder类,应在entryPoint类中添加该类的实例
  • UIBinder.ui.xml-file,其中MatDes库集成为资源字段

提前为这么大的帖子感到抱歉。不知道如何把它包装得更紧凑。

因此,在集成了MatDes jQuery Lib之后,在Eclipse中运行和编译它现在确实可以与GWT Development Mode with Jetty一起使用,但当我在本地主机http://127.0.0.1:8888/Addressbook.html上打开地址时,我只得到一个没有内容的白色浏览器窗口,甚至无法打开开发工具。我是在配置中遗漏了什么,还是代码不正确,我必须调整它?

gwt.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.8.2//EN"
"http://gwtproject.org/doctype/2.8.2/gwt-module.dtd">
<module rename-to='addressbook'>
<inherits name='com.google.gwt.user.User'/>
<inherits name='com.google.gwt.user.theme.clean.Clean'/>
<inherits name='gwt.material.design.jquery.JQuery'/>
<inherits name='gwt.material.design.GwtMaterialDesignBasic'/>
<!-- Specify the paths for translatable code                    -->
<source path='client'/>
<source path='shared'/>
<entry-point class='addressbook.client.Addressbook2'/>
<!-- allow Super Dev Mode -->
<add-linker name="xsiframe"/>
<set-configuration-property name="CssResource.enableGss" value="true" />
<extend-property name="locale" values="de, en"/>
<set-property-fallback name="locale" value="en"/>
</module>

EntryPoint类

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.RootLayoutPanel;
import addressbook.client._2view.MainViewUIB;
public class Addressbook2 implements EntryPoint {
@Override
public void onModuleLoad() {
Window.alert("Hello, World!");
RootLayoutPanel.get().add(new MainViewUIB());
}
}

MainViewUIB类

package addressbook.client._2view;
import com.google.gwt.core.client.GWT;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Widget;
import gwt.material.design.client.resources.MaterialResources;
public class MainViewUIB extends Composite {
private static final MainViewUIBUiBinder uiBinder = GWT.create(MainViewUIBUiBinder.class);
interface MainViewUIBUiBinder extends UiBinder<Widget, MainViewUIB> {
}
public MainViewUIB() {
initWidget(uiBinder.createAndBindUi(this));
}
@UiField(provided = true)
MaterialResources res;
}

MainViewUI.ui.xml

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:m="urn:import:gwt.material.design.client.ui">
<ui:with type="gwt.material.design.client.resources.MaterialResources" field="res"></ui:with>
<m:MaterialPanel>
<m:MaterialIcon marginTop="120" iconType="POLYMER" iconSize="LARGE"/>
<m:MaterialLabel text="Hello MD World" fontSize="2em"/>
<m:MaterialLabel text="Start building now your gwt-material apps." fontSize="0.8em"/>
</m:MaterialPanel>
</ui:UiBinder>

这就是我通过检查chrome页面得到的结果,我只在页面上得到了一个元素:

<iframe id="addressbook" tabindex="-1" style="position: absolute; width: 0px; height: 0px; border: none; left: -1000px; top: -1000px;">
<script src="http://127.0.0.1:9876/addressbook/0A7EA82001E95E9BED1D0ABA0EF89DEF.cache.js"></script>
</iframe>
@UiField(provided = true)
MaterialResources res;

provided=true意味着.ui.xml不需要创建此资源,因为您将在调用createAndBind之前提供它。如果不这样做,可能会导致在尝试制作小部件时出现NullPointerException,这将导致在此路径上看不到任何内容。但是,.ui.xml中似乎没有任何内容实际使用res(除了在ui:with中声明,这就像将其声明为变量一样(,因此您可能可以删除该字段和指向它的ui:with

相关内容

  • 没有找到相关文章

最新更新