JSF教程 – JSF 输出文本示例
h:outputText标签渲染HTML文本。
下面的JSF代码
<h:outputText value="Hello World!" />
被渲染为以下HTML代码。
Hello World!
标签属性
属性 | 描述 |
---|---|
id | 标签的标识 |
binding | 引用在backing bean中使用的组件 |
rendered | 布尔值; false将抑制渲染 |
styleClass | 级联样式表(CSS)类名称 |
value | 值绑定 |
converter | 转换器类名 |
style | 内联样式信息 |
title | 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 |
例子
以下代码来自demo.xhtml。
<?xml version="1.0" encoding="UTF-8"?> <!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" xmlns:h="http://java.sun.com/jsf/html"> <h:body> <h1>JSF 2.0 h:outputText Example</h1> <ol> <li>#{user.text}</li> <li><h:outputText value="#{user.text}" /></li> <li><h:outputText value="#{user.text}" styleClass="abc" /></li> <li><h:outputText value="#{user.htmlInput}" /></li> <li><h:outputText value="#{user.htmlInput}" escape="false" /></li> </ol> </h:body> </html>
下面的代码来自UserBean.java。
package cn.w3cschool.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @ManagedBean(name="user") @SessionScoped public class UserBean{ public String text = "This is Text!"; public String htmlInput = "<a href="http://www.w3cschool.cn">www.w3cschool.cn</a>"; public String getText() { return text; } public void setText(String text) { this.text = text; } public String getHtmlInput() { return htmlInput; } public void setHtmlInput(String htmlInput) { this.htmlInput = htmlInput; } }
下载 OutputText.zip
运行
将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。
Tomcat完成启动后,在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml