Maison > interface Web > tutoriel CSS > le corps du texte

Comment utiliser les icônes Font Awesome de Webjars.org dans JSF ?

Patricia Arquette
Libérer: 2024-11-15 11:29:02
original
790 Les gens l'ont consulté

How to Use Font Awesome Icons from Webjars.org in JSF?

Utilisation de Font Awesome de Webjars.org dans JSF

Vous avez rencontré un problème en essayant d'utiliser les icônes Font Awesome dans une application JSF . Au départ, l'accès aux ressources d'icônes à partir des serveurs de Bootstrap fonctionnait, mais lorsque vous essayiez de les regrouper dans votre WAR, les fichiers de polices n'ont pas pu être localisés.

Le problème réside dans les références de fichiers dans le fichier de ressources CSS. Les URL générées par JSF s'attendaient à ce que la bibliothèque "webjars" et une extension de ressource (.xhtml dans votre cas) soient incluses, qui manquaient dans les chemins d'origine.

Solution :

  1. Présentez OmniFaces UnmappedResourceHandler : Installez et enregistrez OmniFaces dans votre application pour gérer les ressources qui ne seraient pas mappées autrement par JSF.
  2. Modifier le mappage FacesServlet : Ajoutez "/javax.faces.resource/*" au mappage FacesServlet pour permettre le traitement des ressources non mappées .
  3. Mettre à jour Nom de la bibliothèque : Déplacez le nom de la bibliothèque "webjars" du dans le nom de la ressource.

Avec ces modifications, votre application devrait maintenant résoudre et afficher correctement les icônes Font Awesome du JAR fourni.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal