[JAVA] Comment installer Boots Faces

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éé.

WS000046.JPG

Recommended Posts

Comment installer Boots Faces
Comment installer Docker
Comment installer docker-machine
Comment installer MySQL
[Rails] Comment installer simple_calendar
[Rails] Comment installer reCAPTCHA
Comment installer JDK8-10 (Mac)
Comment installer JMeter pour Mac
Comment installer Ruby via rbenv
[Comment installer Spring Data Jpa]
Super rugueux! Comment installer Dagger2
Comment installer Bootstrap dans Ruby
Comment installer MariaDB 10.4 sur CentOS 8
[Rails] Comment installer ImageMagick (RMajick)
[Rails] Comment installer Font Awesome
Comment installer WildFly sur Ubuntu 18.04
Comment installer Swiper in Rails
Comment installer Play Framework 2.6 pour Mac
Comment installer Eclipse (Photon) sur votre Mac
Comment installer la beta php8.0 sur CentOS8
Comment installer kafkacat sur Amazon Linux2
Comment installer les pilotes réseau sur Ubuntu autonome
Comment installer Titan 2D (v4.2.0) dans un environnement virtuel
Comment installer plusieurs JDK sur Ubuntu 18.04 LTS
Comment installer Oracle JDK 1.8 dans Ubuntu 18.04 LTS?
Comment développer OpenSPIFe
Comment appeler AmazonSQSAsync
Comment utiliser Map
Comment écrire des rails
Comment utiliser with_option
Comment utiliser fields_for
Comment utiliser java.util.logging
Comment utiliser la carte
Comment utiliser collection_select
Comment utiliser Twitter4J
Comment utiliser active_hash! !!
Comment utiliser MapStruct
Comment utiliser TreeSet
Comment désinstaller Rails
[Comment utiliser l'étiquette]
Comment faire un pot ombré
Comment écrire docker-compose
Comment utiliser l'identité
Comment utiliser le hachage
Comment écrire Mockito
Comment créer docker-compose
Comment écrire un fichier de migration
Comment construire android-midi-lib
Comment utiliser Dozer.mapper
Comment utiliser Gradle