反正也没人来寻求 free support，就只好倒贴了 我不是很喜欢写这种 step-by-step 不过有时候不写这种文章人家还以为... ======== 以上纯碎念，与原 po 无关 ======== ※ 引述《BignoZe (BignoZe)》之铭言： : ※ 引述《PsMonkey (痞子军团团长)》之铭言： : : 喔对，我是看 gwtbootstrap，不是看 gwtbootstrap3 : : pom 档肉眼看起来... : : 阿等等，明明有这个 : : http://gwtbootstrap.github.io/gwt-bootstrap/dependencies.html : : 如果我没有解读错，除非你要「开发 / 测试」gwt-bootstrap : : 不然... 没什麽相依性可言 : : 「看起来」你直接把 source code 倒进 project 里头也能动 : 我尝试以下列步骤使用gwt-bootstrap : 1. Add the GWT-bootstrap jar to your project build path : 2. In the gwt.xml config file add a reference to the gwt-bootstrap library. : <inherits name ="com.github.gwtbootstrap.Bootstrap"/> : 3. add the following namespace to the <ui:UiBinder> : xmlns:b="urn:import:com.github.gwtbootstrap.client.ui" : 设定完之後在uiBinder输入 : <b:heading size="2">Hello World</b:heading> 我昨天只挣扎着要不要用版规办你 [喂喂] 有些细节倒是忘记注意 那个 heading 为什麽是小写开头阿阿阿阿 [指] : 结果会出现莫名的错误 : 因此我推测应该不能直接把source code倒进专案中 首先，你的 jar 档哪来的我不知道 不过 jar 档里头万一没包 source code 那 GWT 肯定让你炸光不让你 compile 再者「source code 倒进专案当中」 不是你说的这种吧...... anyway，空虚硬干完全没技术层次的操作步骤 连 git 都不用，科科 （以下假设用 GPE 的标准 GWT project） 1. 去 https://github.com/gwtbootstrap/gwt-bootstrap 按右下角的 download ZIP 会得到一个 gwt-bootstrap-master.zip 2. 新增一个 Google / Web Application Project 假设 project 名称是 GB、package 名称为 test 3. 将 gwt-bootstrap-master.zip 当中 /src/main/java 底下的 com 目录丢到你的 project /src 理论上 Eclipse 不会找到什麽 error 4. 将 GB.gwt.xml 加入 <inherits name ="com.github.gwtbootstrap.Bootstrap"/> 4. test.GB 这个 class 改成 package test.client; import com.github.gwtbootstrap.client.ui.Heading; import com.google.gwt.core.client.EntryPoint; import com.google.gwt.user.client.ui.RootPanel; public class GB implements EntryPoint { @Override public void onModuleLoad() { RootPanel.get().add(new Heading(1, "Heading1 by new instance")); RootPanel.get().add(new MyWidget()); } } 5. 补个 MyWidget.java package test.client; import com.google.gwt.core.client.GWT; import com.google.gwt.uibinder.client.UiBinder; import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.Widget; public class MyWidget extends Composite { private static MyWidgetUiBinder uiBinder = GWT.create(MyWidgetUiBinder.class); interface MyWidgetUiBinder extends UiBinder<Widget, MyWidget> {} public MyWidget() { initWidget(uiBinder.createAndBindUi(this)); } } 还有 MyWidget.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:g="urn:import:com.google.gwt.user.client.ui" xmlns:gwtbootstrap="urn:import:com.github.gwtbootstrap.client.ui"> <ui:style> </ui:style> <g:HTMLPanel> <gwtbootstrap:Heading size="2">Heading 2</gwtbootstrap:Heading> </g:HTMLPanel> </ui:UiBinder> 6. 开 develop mode，看结果 [下略] 因为没什麽技术含量，所以懒得丢 github : : 个人观点来说 UI 美化，到最後都是恶梦 : : 你用野生的 bootstrap 还是跟 GWT 合体的 gwt-bootstrap : 请问有野生的bootstrap例子可以观摩吗 : 对於这个做法没什麽头绪 : 我找了一阵子看到的方法是:先将元件的css移除再加上bootstrap的css ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 阿这不就是 Gwt-Bootstrap 在做的事情 你列的讨论串也这样讲了 > you will made a class that extend the original component and > use this new class everywhere, which is basically what GWT-Bootstrap do. : 这是原讨论串 : http://ppt.cc/voSQ ======== 以下纯粹插花外提闲聊 ======== UI 方面我不是什麽专家 我只能简单说一下我那其实也没很多的经验中 弄 UI 会遇到什麽问题 以我的分类，UI 大概就会切成三块 1. 操作功能 2. 样式 3. layout 第一点在 browser + GWT 的架构下不太需要担心 除了 DnD（的功能）没有直接内建之外，基本款大致都有 至少你要把 native browser event 包进来，不会是问题 当然需要一点 JSNI / GWT UI 架构的知识 後面两样跟「美化」会有些关系 我的「样式」就局限在颜色、字体大小、边框... 这基本上也没啥问题，或着说，有问题也是 CSS 技术的问题 然後就马上自己打枪自己 ＝＝" 这在 GWT 当中还蛮多哏的 因为 GWT 可以卡 style 的机会很多 从 host page、gwt.xml 指定 theme 或是 stylesheet 程式码当中还有 UiBinder / CssResource 等等可以乱搞 不说别的，光到底是 setStyleName() 还是 addStyleName() 就很费思量 尤其万一你是要作 widget 给别人用的时候 最麻烦的应该还是 3 光是谁会依内容撑开、谁撑开谁、谁跟谁排在一起的时候要怎麽决定顺序 别人我不知道，至少把我搞的很死 Orz 如果又希望 layout 是可以跟着视窗 / 萤幕大小调整 （算初期的 responsive design，还不用删减内容无访） 那就会是恶梦中的恶梦 这会牵扯到 resize 触发之後，各个计算时间点的问题 然後再搭配考量如何在 GWT 中实做... 喔耶... \囧/ 组合爆炸，我放弃....... [逃] 所以光是拿掉 CSS、挂上 bootstrap 的 CSS 这最多只是让你的画面看起来像 bootstrap 做出来的东西 （是好事吗？ XD） 实际上... 尤其如果你是作 application 导向的东西 bootstrap 够用吗？ 我是抱持怀疑的态度啦... 说穿了，UI 就是把玩 CSS / DOM，然後搭配一些 JS 你 or 那个 stackoverflow 说的没啥太大问题 但我会说，这只是打开了恶梦的第一页 阿们 -- 钱锺书： 说出来的话 http://www.psmonkey.org 比不上不说出来的话 Java 版 cookcomic 版 只影射着说不出来的话 and more...... --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.37.88.40 ※ 文章网址: http://webptt.com/cn.aspx?n=bbs/java/M.1397191938.A.314.html