JSF 输出文本示例

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
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《JSF 输出文本示例》
文章链接:https://zhuji.vsping.com/293299.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。