JSF - h:outputText



h:outputText 標籤渲染 HTML 文字。

JSF 標籤

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

渲染輸出

Hello World! 

標籤屬性

序號 屬性和描述
1 id

元件的識別符號

2 binding

對元件的引用,可以在支援 Bean 中使用

3 rendered

布林值;false 抑制渲染

4 styleClass

層疊樣式表 (CSS) 類名

5 value

元件的值,通常是值繫結

6 converter

轉換器類名

7 style

內聯樣式資訊

8 title

標題,用於輔助功能,描述元素。視覺化瀏覽器通常為標題的值建立工具提示

示例應用程式

讓我們建立一個測試 JSF 應用程式來測試上述標籤。

步驟 描述
1 com.tutorialspoint.test 包下建立一個名為 helloworld 的專案,如 JSF - 第一個應用程式 章節中所述。
2 修改 home.xhtml,如下所述。保持其餘檔案不變。
3 編譯並執行應用程式,以確保業務邏輯按要求工作。
4 最後,將應用程式構建成 war 檔案並將其部署到 Apache Tomcat Web 伺服器中。
5 使用適當的 URL 啟動您的 Web 應用程式,如下面的最後一步中所述。

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>

完成所有更改後,讓我們像在 JSF - 建立應用程式章節中所做的那樣編譯並執行應用程式。如果您的應用程式一切正常,這將產生以下結果。

JSF h:outputText
jsf_basic_tags.htm
廣告

© . All rights reserved.