Technologie de base pour les technologies frontales telles que Twitter Bootstrap
C’est une question qui nous ressemble beaucoup, mais nous y voilà. J’ai lu un article sur Twitter Bootstrap (parmi d’autres cadres de présentation), qui donne au concepteur/programmeur les outils nécessaires pour créer facilement le frontal d’une application Web. Ce que je ne sais pas, c'est comment intégrer cela à un backend Java EE, par exemple. Je veux dire, ces cadres de présentation permettent-ils de les intégrer à n’importe quelle technologie d’arrière-plan (telle que Java, PHP, Python, etc.)? ou sont-ils liés à une technologie spécifique?
J'ai construit quelques applications Web Java EE en utilisant GWT pour la couche de présentation et Java côté serveur; mais comme je l’ai déjà souligné, je ne comprends toujours pas comment il serait possible d’intégrer Bootstrap à Java par exemple.
Je sais que c'est une question très générale, mais j'apprécierais toute aide.
Twitter Bootstrap est une boîte à outils frontale, css et HTML. Cela signifie que cela n’est lié à aucune technologie spécifique.
De la blog post l'annonçant:
Fondamentalement, Bootstrap est uniquement du CSS, mais il est construit avec Less, un pré-processeur Flexible qui offre beaucoup plus de puissance et de flexibilité Que le CSS classique. Avec Less, nous obtenons toute une gamme de fonctionnalités telles que les déclarations Imbriquées, les variables, les mixins, les opérations et les fonctions de couleur. En outre, Bootstrap est purement CSS lors de la compilation via Less, nous obtenir deux avantages importants:
Premièrement, Bootstrap reste très facile à mettre en œuvre. il suffit de le déposer dans votre code et de partir. Compiler Less peut être accompli via Javascript, une application Mac Non officielle ou via Node.js (pour plus d'informations à ce sujet, rendez-vous à l'adresse Http://lesscss.org ).
Deuxièmement, une fois que vous vous êtes conformé, Bootstrap ne contient rien d’autre que CSS, ce qui signifie Il n’ya pas d’images superflues, Flash ou Javascript. Il ne reste que Un CSS simple et puissant pour vos besoins en développement Web.
Cela signifie que vous pouvez l'utiliser comme bon vous semble. Vous pouvez générer le balisage côté serveur et le servir au client (JSP par exemple), vous pouvez servir un fichier statique à partir du serveur et ajouter du contenu dynamique via ajax (le backend peut être une servlet ou une abstraction supérieure telle que Spring MVC ou Jersey. ), ou quelque chose entre les deux, comme la "base" générée par le serveur avec un contenu/comportement dynamique via JavaScript/ajax. Vous pouvez également supprimer le conteneur de servlet et utiliser quelque chose comme Play! Framework .
Modifier:
Je ne pense pas que Bootstrap crée les éléments HTML pour vous, il crée le css en utilisant Less. Vous devez écrire le balisage vous-même sur le serveur et utiliser les styles et les idiomes décrits dans la documentation: Twitter.github.com/bootstrap/components.html Vous ajoutez des valeurs dynamiques à partir de Java via des technologies telles que JSP ou des moteurs de modèles tels que Velocity, Freemarker. , StringTemplate, etc. La lecture des valeurs des utilisateurs est effectuée en gérant les actions HTTP GET/POST et en lisant les attributs. En général, vous gérez un GET en
- Lecture des paramètres
- Sélectionnez le modèle/JSP par l'URL
- Interpole les valeurs dynamiques calculées par Java.
Par exemple, si un utilisateur effectue une opération GET sur ./order.html?orderId=1, vous sélectionnez le modèle order.html, interpolez les valeurs à partir de orderService.getOrder(1). Jetez un coup d'œil aux exemples de Freemarker pour comprendre le fonctionnement d'un moteur de gabarit. En gros, vous transmettez un Map<String, Object> et la valeur associée à une $ {clé} est rendue dans la page avant son envoi au navigateur.
Si vous êtes orienté Java, vous aimerez peut-être Tobacco, que j’ai conçu pour cela: http://tobacco.noroutine.me/ .
En gros, il s’agit du modèle de projet maven avec les dernières libs js et le dernier bootstrap de twitter.
Il y a des choses similaires autour de ça. Un des plus proches de vos besoins peut être resthub , en particulier leur pile de dorsale peut être intéressante.
Voici un exemple .
Il s’agit d’une simple page Web avec une interface d’amorçage intégrée au service dorsal Java.
Ou dans un autre post il est mentionné intégrer bootstrap avec le ressort.
comme l'a dit ebaxt, Bootstrap n'est qu'une technologie modulaire frontale. Votre question concerne la partie visuelle d’une application basée sur Java EE.
Il traitera essentiellement des modèles MVC et de leurs technologies/implémentation (EJB, Spring MVC).
Et vous aborderez enfin les technologies de présentation: écrire dans des pages .jsp, utiliser les technologies JSF ou Struts ou GWT ou (bien sûr) BootStrap (comme tout autre code js et css) pour obtenir des résultats visuels et une accessibilité optimale. En faisant cela, vous obtiendrez une application bien structurée.
Désolé pour les erreurs d'anglais si j'en ai fait, je suis un français.