Je souhaite utiliser BootStrap dans JSF

Lors du développement d'un petit système Web, BootStrap est souvent utilisé quelle que soit la langue. Donc, j'aimerais utiliser BootStrap même dans un environnement JSF + PrimeFaces, mais si je pensais que l'utiliser tel quel serait probablement en conflit, j'ai trouvé quelque chose appelé BootsFaces, donc je noterai comment l'installer.

Présenter des visages de bottes

Installez la bibliothèque avec Maven

Ajoutez ce qui suit à pom. Pour référence, l'élément de dépendance de primefaces est également répertorié.

`pom.xml`


<dependency>
    <groupId>net.bootsfaces</groupId>
    <artifactId>bootsfaces</artifactId>
    <version>1.0.1</version>
    <scope>compile</scope>
</dependency>
<dependency>
    <groupId>org.primefaces</groupId>
    <artifactId>primefaces</artifactId>
    <version>6.0</version>
    <scope>compile</scope>
</dependency>

Hello,BootsFaces Créez le fichier xhtml suivant pour faire "Hello, World" avec BootsFaces. A ce moment, dans l'espace de noms

xmlns:b="http://bootsfaces.net/ui"

Sera ajouté. Voir ici (https://showcase.bootsfaces.net/layout/basic.jsf) pour les composants disponibles et l'utilisation. Pour le moment, vérifiez également le fonctionnement à l'aide de la balise PrimeFaces.

`hello_bootsfaces.xhtml`


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:b="http://bootsfaces.net/ui">
<h:head>
	<title>Hello,BootsFaces</title>
</h:head>
<h:body>
	<b:container>
		<b:row>
			<b:column>
				<h1>Hello,BootsFaces!</h1>
			</b:column>
		</b:row>
		<b:row>
			<b:column>
				<p:spinner />
			</b:column>
		</b:row>
	</b:container>
</h:body>
</html>

Changer le thème de BootStrap

Comme c'est un gros problème, je vais changer le thème de BootStrap. Il semble que le thème de Bootswatch puisse être utilisé, alors spécifiez le thème à utiliser dans web.xml.

`web.xml`


<context-param>
	<param-name>BootsFaces_THEME</param-name>
	<param-value>cyborg</param-value>
</context-param>

Terminé

Ceci termine l'installation de Boots Faces. Accédez à l'exemple d'écran et vérifiez que Hello, World est créé.

[JAVA] Comment installer Boots Faces