JSF 输出文本示例

2018-02-20 14:01 更新

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
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号