2013-05-13 30 views
6

我是GWT新手,正在使用Twitter Bootstrap作爲CSS框架。但後來我碰到了gwt-bootstrap,它自稱是在GWT應用程序中使用Bootstrap的一種方式。爲什麼需要gwt-bootstrap?

因爲我對GWT很新,所以我有點擔心/困惑:爲什麼GWT應用程序不能使用常規的Bootstrap框架?爲什麼它甚至需要gwt-bootstrap?

+1

請注意,您現在應該使用gwtBootstrap3 :) http://gwtbootstrap3.github.io/gwtbootstrap3-demo/ – 2014-01-31 15:16:19

回答

13

我開始GWT-引導與綁定自舉JS的意圖和CSS可重複使用GWT組件,否則,你可能會需要複製代碼,這可能會以創建自己的代碼結束,這可能與GWT-Bootstrap非常相似。

它也有將事件綁定一些設施等

但是,回答您的主要問題:這要看。如果你不信任社區和/或有很多時間,你可以做你自己的gwt-bootstrap項目,但可能與你的項目集成,至少,這是我的情況發生了......所以,我開始了GWT-Bootstrap和一些喜歡它的傢伙,大故事很簡短:現在它就是這樣。需要大量的改進,更新,更好的文檔和許多事情,但事實是:我沒有太多時間來完成它。因此,如果我是你,我可能會幫助GWT-Bootstrap社區,而不是「重新發明輪子」,但這只是我的看法。

快樂的學習。


編輯添加東西@IAmYourFaja問在評論中。

注射的意思是(或者我相信你的意思)不是集中的。

我們有ResourceInjector,它注入一些資源,設置視口等,以及注入CSS文件的Resources.gwt.xml module。我們也有組件類,它們設置JS插件(當需要時)和CSS類。如果需要,你可以看一下TabPanel的例子。

+0

謝謝@ caarlos0(+1) - 我想這是沿着這些線。你有可能向我提供一個GWT-Bootstrap如何向GWT小部件添加CSS類的快速代碼示例嗎?或者,告訴我GWT-Bootstrap項目中的哪個類是這樣做的?我想,一旦我看到它在行動中,一切都將對我有意義!再次感謝! – IAmYourFaja 2013-05-14 12:08:32

+0

我編輯了添加它的問題。如果您還有其他問題,我很樂意回答。乾杯。 – caarlos0 2013-05-14 12:31:26

2

看起來gwt-bootstrap的很大一部分是包裝Bootstrap的JavaScript部分,這意味着你可以繼續使用Java。還有其他的塊可以讓你使用枚舉而不是普通的Css類名。

GWT 產生JavaScript和CSS,你可以仍然混合其他的CSS和JS吧。我認爲這個項目只是讓你可以保持你的代碼庫在Java中。

看起來它也支持UiBinder的-Y引用,如

<b:Row> 
    <b:Column size="4">...</b:Column> 
    <b:Column size="8">...</b:Column> 
</b:Row> 
+0

謝謝@Riley Lark(+1) - 但是您確定保留Java中的所有內容是唯一的好處: GWT-引導?你確定GWT沒有像自己的CSS那樣通常會覆蓋任何你試圖添加自定義的東西嗎?如果它不是絕對必要的,它就像是一個大型項目......再次感謝! – IAmYourFaja 2013-05-13 21:44:46

+1

GWT有自己的CSS,但我們確信它不會干擾GWT-Bootstrap。正如Riley所說,GWT-Bootstrap只是Bootstrap的一個包裝。它使得在GWT項目中使用Bootstrap更容易。 GWT使用Widgets,Bootstrap使用divs,Anchors,...如果你想將它添加到你的GWT項目中,你必須添加CSS類到一些GWT小部件,就像caarlos0指出的那樣,主要是我們用GWT-Bootstrap所做的。 – Dominik 2013-05-14 10:03:39