2013-05-13 29 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