JSF - h: outputText
La balise h: outputText restitue un texte HTML.
Balise JSF
<h:outputText value = "Hello World!" />
Sortie rendue
Hello World!
Attributs de balise
S. Non | Attribut et description |
---|---|
1 | id Identifiant d'un composant |
2 | binding Référence au composant qui peut être utilisé dans un backing bean |
3 | rendered Un booléen; false supprime le rendu |
4 | styleClass Nom de classe de feuille de style en cascade (CSS) |
5 | value La valeur d'un composant, généralement une liaison de valeur |
6 | converter Nom de la classe de convertisseur |
sept | style Informations de style en ligne |
8 | title Un titre, utilisé pour l'accessibilité, qui décrit un élément. Les navigateurs visuels créent généralement des info-bulles pour la valeur du titre |
Exemple d'application
Créons une application JSF de test pour tester la balise ci-dessus.
Étape | La description |
---|---|
1 | Créez un projet avec un nom helloworld sous un package com.tutorialspoint.test comme expliqué dans le chapitre JSF - Première application . |
2 | Modifiez home.xhtml comme expliqué ci-dessous. Gardez le reste des fichiers inchangé. |
3 | Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences. |
4 | Enfin, créez l'application sous la forme d'un fichier war et déployez-la dans Apache Tomcat Webserver. |
5 | Lancez votre application Web en utilisant l'URL appropriée, comme expliqué ci-dessous à la dernière étape. |
home.xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>JSF Tutorial!</title>
</head>
<body>
<h2>h:outputText example</h2>
<hr />
<h:form>
<h3>Text</h3>
<h:outputText value = "Hello World"/>
</h:form>
</body>
</html>
Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application comme nous l'avons fait dans le chapitre JSF - Créer une application. Si tout va bien avec votre application, cela produira le résultat suivant.