java - tecnologias - lenguajes backend y frontend

Tecnología backend para tecnologías front-end como Twitter Bootstrap

Question

Esta es una pregunta noob por igual, pero aquí vamos. He leído sobre Twitter Bootstrap (entre otros marcos de presentación), que le da al diseñador / programador las herramientas para construir fácilmente la parte frontal de una aplicación web. Lo que no sé es cómo integrarlo con, por ejemplo, un backend Java EE. Quiero decir, ¿esos marcos de presentación permiten integrarlos con alguna tecnología backend (como Java, PHP, Python, etc.)? ¿O están vinculados a una tecnología específica?

He construido 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 anteriormente, 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.

Answer 1

Aquí hay un ejemplo .
Muestra una página web simple con un front-end bootstrap integrado con el servicio java-backend.
O en otro post menciona integrar bootstrap con spring.

Answer 2

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

Básicamente es una plantilla de proyecto maven con las últimas librerías de archivos y la última versión de Twitter Bootstrap.

Hay algunas cosas similares alrededor como esta. Una de las más cercanas a sus necesidades puede ser resthub especialmente su pila Backbone puede ser de interés.

Answer 3

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

Desde la entrada del blog anunciando:

En su núcleo, Bootstrap es solo CSS, pero está construido con Less, un preprocesador flexible que ofrece mucha más potencia y flexibilidad que el CSS normal. Con Less, obtenemos una gama de características como declaraciones anidadas, variables, combinaciones, operaciones y funciones de color. Además, dado que Bootstrap es puramente CSS cuando se compila a través de Less, obtenemos dos beneficios importantes:

Primero, Bootstrap sigue siendo muy fácil de implementar; simplemente suéltalo en tu código y vete. Compilar Menos se puede lograr a través de Javascript, una aplicación Mac no oficial, o a través de Node.js (lea más sobre esto en http://lesscss.org ).

En segundo lugar, una vez cumplido, Bootstrap no contiene nada más que CSS, lo que significa que no hay imágenes superfluas, Flash o Javascript. Todo lo que queda es un CSS simple y poderoso para sus necesidades de desarrollo web.

Lo que eso significa es que puedes usarlo de la forma que quieras. Puede generar el marcado del lado del servidor y servirlo al cliente (JSP por ejemplo), puede servir un archivo estático desde el servidor y agregar contenido dinámico a través de ajax (el backend podría ser servlets o una abstracción superior como Spring MVC o Jersey ), o algo intermedio como "base" generada en el lado del servidor con algún 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 ¡Jugar! Marco

Editar:

No creo que Bootstrap cree los elementos HTML para ti, crea el css usando Less. Debe escribir el marcado usted mismo en el servidor y utilizar los estilos y modismos descritos 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 plantilla como Velocity, Freemarker. , StringTemplate, etc. La lectura de valores de los usuarios se realiza mediante el manejo de las acciones HTTP GET / POST y la lectura de los atributos. Típicamente manejas un GET por

1. Leyendo los parametros
2. Seleccione la plantilla / JSP por la url
3. Interpolar los valores dinámicos calculados por java.

Por ejemplo, si un usuario realiza un GET en ./order.html?orderId=1 , selecciona la plantilla order.html, interpola los valores de orderService.getOrder(1) . Eche un vistazo a los ejemplos de Freemarker para comprender cómo funciona un motor de plantillas. Básicamente, usted pasa un Map<String, Object> y el valor asociado con una $ {clave} se representa en la página antes de enviarlo al navegador.

Answer 4

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

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

Y finalmente, se ocupará de las tecnologías de presentación: escribir en páginas .jsp, usar JSF o Struts o tecnologías 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.

Perdón por los errores en inglés, si he hecho algunos, soy francés.