- JSF 教程
- JSF - 首頁
- JSF - 概述
- JSF - 環境搭建
- JSF - 架構
- JSF - 生命週期
- JSF - 第一個應用程式
- JSF - 託管 Bean
- JSF - 頁面導航
- JSF - 基本標籤
- JSF - Facelet 標籤
- JSF - 轉換器標籤
- JSF - 驗證器標籤
- JSF - DataTable
- JSF - 複合元件
- JSF - Ajax
- JSF - 事件處理
- JSF - JDBC 整合
- JSF - Spring 整合
- JSF - 表示式語言
- JSF - 國際化
- JSF 有用資源
- JSF - 快速指南
- JSF - 有用資源
- JSF - 討論
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_basic_tags.htm
廣告