2013-05-13 30 views
6

Tôi mới sử dụng GWT và đang xem xét sử dụng Twitter Bootstrap cho một khung CSS. Nhưng sau đó tôi chạy qua gwt-bootstrap, hóa đơn chính nó như là một cách sử dụng Bootstrap trong một ứng dụng GWT.Tại sao cần phải khởi động gwt-bootstrap?

Vì tôi quá mới đối với GWT, điều đó khiến tôi lo lắng/bối rối: tại sao ứng dụng GWT không thể sử dụng khung công tác Bootstrap thông thường? Tại sao nó thậm chí cần gwt-bootstrap?

+1

Lưu ý rằng bạn nên sử dụng gwtBootstrap3 ngay bây giờ :) http://gwtbootstrap3.github.io/gwtbootstrap3-demo/ –

Trả lời

13

tôi bắt đầu GWT-Bootstrap với ý định để ràng buộc bootstrap JS và CSS để tái sử dụng các thành phần GWT, nếu không, có thể bạn sẽ cần để tái tạo mã, có thể sẽ kết thúc khi bạn tạo mã của riêng bạn, mã này có thể rất giống với GWT-Bootstrap.

Nó cũng có một số cơ sở để ràng buộc các sự kiện và v.v.

Nhưng, trả lời câu hỏi chính của bạn: Tùy thuộc. Nếu bạn không tin tưởng cộng đồng và/hoặc có nhiều thời gian, bạn có thể làm dự án gwt-bootstrap của riêng mình, nhưng có thể được tích hợp với dự án của bạn, ít nhất, đây là những gì đã xảy ra trong trường hợp của tôi ... bắt đầu GWT-Bootstrap và một số fellas như nó, và câu chuyện lớn ngắn: Bây giờ nó là những gì nó được. Cần rất nhiều cải tiến, cập nhật, tài liệu tốt hơn và rất nhiều thứ, nhưng sự thật là: Tôi không có nhiều thời gian cho nó.

Vì vậy, nếu tôi là bạn, tôi có thể sẽ giúp cộng đồng GWT-Bootstrap thay vì "phát minh lại bánh xe", nhưng đó chỉ là ý kiến ​​của tôi.

Nghiên cứu vui vẻ.


CHỈNH SỬA để thêm điều @IAmYourFaja hỏi trong nhận xét.

Cách tiêm như ý bạn (hoặc như tôi tin rằng bạn có ý nghĩa) không được tập trung.

Chúng tôi có ResourceInjector để tiêm một số tài nguyên, thiết lập chế độ xem và v.v. và Resources.gwt.xml module để chèn tệp CSS. Chúng tôi cũng có các lớp thành phần, thiết lập các plugin JS (khi cần) và các lớp CSS. Bạn có thể xem TabPanel để biết ví dụ nếu bạn muốn.

+0

Cảm ơn @ caarlos0 (+1) - Tôi đã tìm ra nó là thứ gì đó dọc theo những dòng đó. Bất kỳ cơ hội nào bạn có thể cung cấp cho tôi một ví dụ mã nhanh về cách GWT-Bootstrap thêm các lớp CSS vào các tiện ích GWT? Hoặc, cho tôi biết lớp nào bên trong dự án GWT-Bootstrap thực hiện điều này? Tôi nghĩ rằng một khi tôi nhìn thấy nó trong hành động mọi thứ sẽ có ý nghĩa đối với tôi! Cảm ơn một lần nữa! – IAmYourFaja

+0

Tôi đã chỉnh sửa câu hỏi khi thêm câu hỏi. Nếu bạn có thêm bất kỳ câu hỏi nào, tôi vui lòng trả lời. Chúc mừng. – caarlos0

2

Dường như một phần lớn của gwt-bootstrap là gói các phần javascript của Bootstrap, điều đó có nghĩa là bạn có thể tiếp tục sử dụng Java. Có những phần khác cho phép bạn sử dụng Enums thay vì tên lớp Css đơn giản.

GWT hiện tạo javascript và css, và bạn có thể vẫn trộn lẫn các Css và JS khác với nó. Tôi nghĩ rằng dự án này chỉ làm cho nó để bạn có thể giữ codebase của bạn trong Java.

Dường như nó cũng hỗ trợ tài liệu tham khảo UiBinder-y, như trong

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

Cảm ơn @Riley Lark (+1) - nhưng bạn có chắc chắn rằng việc giữ mọi thứ trong Java là lợi ích duy nhất của gwt-bootstrap? Bạn có chắc chắn rằng GWT không có CSS ​​của riêng nó thường ghi đè bất kỳ thứ gì bạn cố thêm tùy chỉnh? Nó có vẻ giống như một dự án lớn nếu nó không thực sự cần thiết ... cảm ơn lần nữa! – IAmYourFaja

+1

GWT có CSS ​​riêng nhưng chúng tôi đảm bảo rằng nó không can thiệp vào GWT-Bootstrap. Như Riley đã nói, GWT-Bootstrap chỉ là một trình bao bọc xung quanh Bootstrap. Nó làm cho nó dễ dàng hơn để sử dụng Bootstrap trong một dự án GWT. GWT sử dụng Widgets, Bootstrap sử dụng div, Anchors, ...Nếu bạn muốn thêm nó vào dự án GWT của bạn, bạn phải thêm các lớp CSS vào một số tiện ích GWT và đó là, như caarlos0 đã chỉ ra, chủ yếu là những gì chúng ta đã làm với GWT-Bootstrap. – Dominik

Các vấn đề liên quan