Ich möchte BootStrap in JSF verwenden

Bei der Entwicklung eines kleinen Websystems wird BootStrap häufig unabhängig von der Sprache verwendet. Ich würde BootStrap also gerne auch in einer JSF + PrimeFaces-Umgebung verwenden, aber wenn ich dachte, dass es wahrscheinlich zu Konflikten kommen würde, wenn ich es so verwende, wie es ist, habe ich etwas namens BootsFaces gefunden, also werde ich mir notieren, wie es installiert wird.

Stellen Sie Boots Faces vor

Installieren Sie die Bibliothek mit Maven

Fügen Sie pom Folgendes hinzu. Als Referenz wird auch das Abhängigkeitselement von Primefaces aufgeführt.

`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 Erstellen Sie die folgende xhtml-Datei, um "Hello, World" mit BootsFaces auszuführen. Zu diesem Zeitpunkt im Namespace

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

Wird hinzugefügt werden. Informationen zu verfügbaren Komponenten und zur Verwendung finden Sie hier (https://showcase.bootsfaces.net/layout/basic.jsf). Überprüfen Sie den Vorgang vorerst auch mit dem PrimeFaces-Tag.

`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>

Ändern Sie das Thema von BootStrap

Da es eine große Sache ist, werde ich das Thema von BootStrap ändern. Es scheint, dass das Thema von Bootswatch verwendet werden kann. Geben Sie daher das Thema an, das in web.xml verwendet werden soll.

`web.xml`


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

Erledigt

Damit ist die Installation von Boots Faces abgeschlossen. Rufen Sie den Beispielbildschirm auf und überprüfen Sie, ob Hello, World erstellt wurde.

[JAVA] So installieren Sie Boots Faces