2012-03-01 5 views
18

Esta es una pregunta novato, pero aquí vamos. He leído acerca de Twitter Bootstrap (entre otros marcos de presentación), que le da al diseñador/programador las herramientas para construir fácilmente el front-end de una aplicación web. Lo que no sé es cómo integrar eso con, por ejemplo, el backend de Java EE. Quiero decir, ¿esos marcos de presentación permiten integrarlos con cualquier tecnología de back-end (como Java, PHP, Python, etc.)? o están vinculados a una tecnología específica?Tecnología de backend para tecnologías de front-end como Twitter Bootstrap

He creado algunas aplicaciones web Java EE usando GWT para la capa de presentación y Java en el lado del servidor; pero como he señalado antes, todavía no entiendo cómo sería integrar Bootstrap con Java, por ejemplo.

Sé que es una pregunta muy general, pero agradecería cualquier ayuda.

Respuesta

16

Twitter Bootstrap es un kit de herramientas frontend, por lo que básicamente es CSS y HTML. Eso significa que no está vinculado a ninguna tecnología de back-end específica.

Desde el blog post anunciando que:

En su esencia, Bootstrap es sólo CSS, pero que está construido con menos, un pre-procesador flexibles que ofrece mucha más potencia y flexibilidad de CSS regular. Con Less, obtenemos una gama de características como declaraciones anidadas, variables, mixins, operaciones y funciones de color. Además, dado que Bootstrap es puramente CSS cuando se compila a través de Less, obtenemos dos ventajas importantes: :

Primero, Bootstrap sigue siendo muy fácil de implementar; simplemente colóquelo en su código y listo. La compilación menos se puede realizar a través de Javascript, una aplicación Mac no oficial , o mediante Node.js (lea más sobre esto en http://lesscss.org).

En segundo lugar, una vez que se cumple, Bootstrap no contiene nada más que CSS, lo que significa no hay imágenes superfluas, Flash o Javascript. Todo lo que sigue siendo CSS simple y potente para sus necesidades de desarrollo web.

Lo que eso significa es que puede usarlo de la manera que desee. Puede generar el lado del servidor de marcado y servirlo al cliente (JSP por ejemplo), puede servir un archivo estático del servidor y agregar contenido dinámico a través de ajax (el backend podría ser servlets o una abstracción más alta como Spring MVC o Jersey)), o algo intermedio como la "base" generada en el lado del servidor con algo de contenido/comportamiento dinámico a través de JavaScript/ajax. Otra opción podría ser soltar el contenedor de servlets y usar algo como Play! Framework.

Editar:

No creo Bootstrap crea los elementos HTML para usted, se crea el css usando menos. Debe escribir el marcado usted mismo en el servidor y usar los estilos y modismos que se describen en los documentos: twitter.github.com/bootstrap/components.html Agregue valores dinámicos de Java a través de tecnologías como JSP o motores de plantillas como Velocity, Freemarker , StringTemplate, etc. La lectura de los valores de los usuarios se realiza mediante el manejo de las acciones HTTP GET/POST y la lectura de los atributos.Normalmente usted maneja un GET por

  1. La lectura de los parámetros
  2. Seleccione la plantilla/JSP mediante la url
  3. Interpolar los valores dinámicos calculados por java.

Por ejemplo, si un usuario hace un GET en ./order.html?orderId=1 que seleccione la plantilla order.html, se puede interpolar los valores de orderService.getOrder(1). Eche un vistazo a Freemarker examples para comprender cómo funciona un motor de plantillas. Básicamente, pasa un Map<String, Object> y el valor asociado por $ {key} se representa en la página antes de enviarse al navegador.

+1

¡Buena sugerencia con Play! ¡Actualmente estoy desarrollando algo paralelo con Play! y Bootstrap y está funcionando muy bien. –

+0

Sí, es genial. ¡He trabajado en un entorno empresarial donde cambiaron de Spring + RichFaces a Play! y nunca miró atrás :) – ebaxt

+0

Ok, entiendo lo que dices, pero lo que quiero saber es que es la forma de manipular los elementos html creados por Bootstrap desde el lado del servidor Java. ¿Cómo puedo leer valores, modificar, etc.? – user1243856

4

Si tiene una mentalidad Java, es posible que le guste Tobacco, que hice solo para eso: http://tobacco.noroutine.me/.

Básicamente es una plantilla de proyecto maven con las últimas js libs y la última versión de Twitter Bootstrap.

Hay cosas similares como estas. Uno que esté más cerca de sus necesidades puede ser resthub especialmente su pila Backbone puede ser de interés.

0

como ebaxt dijo, Bootstrap es solo una tecnología de front-end modular. Su pregunta es sobre la parte visual de una aplicación basada en Java EE.

Básicamente se ocupará de los patrones MVC y su implementación/tecnologías (EJB, Spring MVC).

Y finalmente, tratará con tecnologías de presentación: escribiendo en páginas .jsp, utilizando tecnologías JSF o Struts o GWT o (por supuesto) BootStrap (como cualquier otro código js y css) para obtener resultados visuales y accesibilidad. Al hacer esto, obtendrás una aplicación completa y bien estructurada.

Lo siento por los errores en inglés si he hecho algo, soy un chico francés.

0

Aquí está an example.
Muestra una página web simple con interfaz inicial de arranque integrada con servicio java-backend.
O en otro post se menciona integrar bootstrap con spring.

Cuestiones relacionadas