JSF - h: outputText

Il tag h: outputText restituisce un testo HTML.

Tag JSF

<h:outputText value = "Hello World!" />

Output renderizzato

Hello World!

Attributi dei tag

S.No Attributo e descrizione
1 id

Identificatore per un componente

2 binding

Riferimento al componente che può essere utilizzato in un backing bean

3 rendered

Un booleano; false sopprime il rendering

4 styleClass

Nome della classe CSS (Cascading stylesheet)

5 value

Il valore di un componente, in genere un'associazione di valori

6 converter

Nome della classe del convertitore

7 style

Informazioni sullo stile in linea

8 title

Un titolo, utilizzato per l'accessibilità, che descrive un elemento. I browser visivi in ​​genere creano suggerimenti per il valore del titolo

Applicazione di esempio

Creiamo un'applicazione JSF di prova per testare il tag precedente.

Passo Descrizione
1 Creare un progetto con un nome helloworld sotto un pacchetto com.tutorialspoint.test come spiegato nel capitolo JSF - Prima applicazione .
2 Modifica home.xhtml come spiegato di seguito. Mantieni il resto dei file invariato.
3 Compilare ed eseguire l'applicazione per assicurarsi che la logica aziendale funzioni secondo i requisiti.
4 Infine, crea l'applicazione sotto forma di file war e distribuiscila nel server Web Apache Tomcat.
5 Avvia la tua applicazione web utilizzando l'URL appropriato come spiegato di seguito nell'ultimo passaggio.

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>

Una volta che sei pronto con tutte le modifiche apportate, compiliamo ed eseguiamo l'applicazione come abbiamo fatto nel capitolo JSF - Crea applicazione. Se tutto va bene con la tua applicazione, questo produrrà il seguente risultato.