2012-03-01 10 views
18

To pytanie podobne do noobów, ale oto mamy. Przeczytałem o Bootstrapie na Twitterze (wśród innych frameworków prezentacji), który daje projektantowi/programistce narzędzia do łatwego budowania frontowego interfejsu aplikacji internetowej. Nie wiem, jak to zintegrować z, na przykład, zapleczem Java EE. Chodzi o to, czy te ramy prezentacji pozwalają na integrację ich z dowolną technologią zaplecza (taką jak Java, PHP, Python itp.)? czy są one powiązane z konkretną technologią?Technologia zaplecza dla technologii front-end, takich jak Twitter Bootstrap

Zbudowałem kilka aplikacji internetowych Java EE przy użyciu GWT dla warstwy prezentacji i Java po stronie serwera; ale jak wskazałem wcześniej, nadal nie rozumiem, jak można by zintegrować Bootstrap z Javą na przykład.

Wiem, że to bardzo ogólne pytanie, ale doceniam każdą pomoc.

Odpowiedz

16

Twitter Bootstrap to zestaw narzędzi frontendu, więc jest to w zasadzie css i HTML. Oznacza to, że nie jest związany z żadną konkretną technologią zaplecza.

Z blog post ogłaszając go:

W swej istocie, Bootstrap to tylko CSS, ale jest zbudowany z mniejszej, elastycznego pre-procesor, który oferuje znacznie większą moc i elastyczność niż zwykła CSS. W przypadku Less uzyskujemy szereg funkcji, takich jak deklaracje, zmienne, mixy, operacje i funkcje kolorów, zagnieżdżone . Dodatkowo, ponieważ Bootstrap jest czysto CSS po kompilacji za pomocą Less, mamy uzyskać dwie ważne korzyści:

Po pierwsze, Bootstrap pozostaje bardzo łatwy do wdrożenia; po prostu upuść go w swoim kodzie i idź. Kompilowanie mniej można osiągnąć za pomocą Javascript, nieoficjalnej aplikacji na komputery Mac lub poprzez Node.js (więcej informacji na ten temat można uzyskać pod adresem http://lesscss.org).

Po drugie, po przestrzeganiu, Bootstrap zawiera tylko CSS, co oznacza, że ​​nie ma zbędnych obrazów, Flash ani JavaScript. Wszystko, co pozostaje , to prosty i wydajny CSS, który zaspokoi Twoje potrzeby związane z tworzeniem stron internetowych.

Co oznacza, że ​​można z niego korzystać w dowolny sposób. Możesz wygenerować stronę serwera znaczników i podać ją klientowi (na przykład JSP), możesz obsłużyć statyczny plik dziennika z serwera i dodać dynamiczną zawartość przez ajax (backend może być serwletami lub wyższą abstrakcją jak Spring MVC lub Jersey) lub coś pomiędzy, podobnie jak po stronie serwera, generowane "base" z pewną dynamiczną treścią/zachowaniem za pośrednictwem JavaScript/ajax. Innym wyborem może być upuszczenie kontenera serwletów razem i użycie czegoś takiego jak Play! Framework.

Edit:

Nie sądzę Bootstrap tworzy elementy HTML dla Ciebie, tworzy CSS za pomocą mniej. Trzeba napisać znaczniki na serwerze i używać stylów i idiomów opisanych w dokumentacji: twitter.github.com/bootstrap/components.html Dodajesz wartości dynamiczne z java za pomocą technologii takich jak JSP lub silniki szablonów, takie jak Velocity, Freemarker , StringTemplate itp. Odczytywanie wartości od użytkowników odbywa się poprzez obsługę akcji HTTP GET/POST i odczytywanie atrybutów.Zazwyczaj można obsługiwać Otrzymuj

  1. Odczytywanie parametrów
  2. Wybierz szablon/JSP przez URL
  3. interpolować wartości dynamiczne obliczane przez java.

Na przykład, jeśli użytkownik robi GET na ./order.html?orderId=1 wybrać szablon order.html, interpolacji wartości od orderService.getOrder(1). Spójrz na numer Freemarker examples, aby dowiedzieć się, jak działa mechanizm szablonów. Zasadniczo przekazujesz Map<String, Object>, a wartość powiązana z $ {key} jest renderowana na stronie zanim zostanie wysłana do przeglądarki.

+1

Dobra sugestia z grą! Aktualnie pracuję nad stroną z Play! i Bootstrap i działa bardzo dobrze. –

+0

Tak, to jest świetne. Pracowałem w środowisku biznesowym, w którym przestawili się z Spring + RichFaces na Play! i nigdy nie oglądałem się za siebie :) – ebaxt

+0

Ok, rozumiem co mówisz, ale to, co chcę wiedzieć, to sposób na manipulowanie elementami html utworzonymi przez Bootstrap ze strony serwera Java. Jak mogę odczytać wartości, modyfikować, itp ... – user1243856

4

Jeśli jesteś zwolennikiem Javy, możesz polubić Tytoniu, który zrobiłem właśnie dla tego: http://tobacco.noroutine.me/.

Zasadniczo jest to szablon projektu maven z najnowszymi js libs i najnowszym Bootstrap na Twitterze.

Jest kilka podobnych rzeczy takich jak ta. Najbliżej Twoich potrzeb może być resthub, szczególnie ich stos Szkieletów może być interesujący.

0

jak powiedział ebaxt, Bootstrap to tylko modułowa technologia front-end. Twoje pytanie dotyczy wizualnej części aplikacji opartej na Java EE.

Będzie to dotyczyć głównie wzorców MVC i ich implementacji/technologii (EJB, Spring MVC).

A potem wreszcie zajmiesz się technologiami prezentacji: pisanie na stronach jpg, używanie technologii JSF lub Struts lub GWT lub (oczywiście) BootStrap (jak każdy inny kod js i css), aby uzyskać wizualne wyniki i dostępność. W ten sposób otrzymasz całą dobrze zorganizowaną aplikację.

Przepraszam za błędy w języku angielskim, jeśli zrobiłem trochę, jestem facetem francuskim.

0

Oto an example.
Pokazuje prostą stronę internetową z front-endem bootstrap zintegrowanym z usługą java backend.
Lub w innym post wspomina integrację bootstrap ze sprężyną.