JSF 鏈接示例

2018-09-27 16:16 更新

JSF教程 - JSF鏈接示例


h:Link標簽渲染一個HTML“anchor"元素。

以下JSF標記

<h:link value="Page 1" outcome="page1" />

被渲染為以下HTML代碼

<a href="/helloworld/page1.jsf">Page 1</a>

標簽屬性

屬性描述
id標簽的標識
binding引用在backing bean中使用的組件
rendered布爾值; false將抑制渲染
styleClass級聯(lián)樣式表(CSS)類名稱
value值綁定
valueChangeListener響應(yīng)值更改的方法綁定
converter轉(zhuǎn)換器類名
validator附加到組件的驗證器的類名
required布爾值; 如果為true，則根據(jù)需要標記標簽
accesskey給予一個元素的焦點
accept表單的內(nèi)容類型的逗號分隔列表
accept-charset表單的字符編碼的逗號或空格分隔列表。
alt非文字元素(例如圖片)的替代文字
border元素的邊框?qū)挾鹊南袼刂?/td>
charset鏈接資源的字符編碼
coords形狀為矩形，圓形或多邊形的元素的坐標
dir文本的方向。 有效值為 ltr (從左到右)和 rtl (從右到左)。
hreflang使用 href 屬性指定的資源的基本語言;
lang元素的屬性和文本的基本語言
maxlength文本字段的最大字符數(shù)
readonly輸入字段的只讀狀態(tài)
rel當(dāng)前頁面和鏈接頁面之間的關(guān)系
rev將從 href 指定的錨點反向鏈接到當(dāng)前文檔。
style內(nèi)聯(lián)樣式信息
tabindex指定制表符索引的數(shù)值
target打開文檔的框架的名稱
title用于輔助功能的標題。 瀏覽器通常為標題的值創(chuàng)建工具提示
type鏈接類型; 例如樣式表
width元素的寬度
onblur失去焦點的事件處理程序
onchange值更改的事件處理程序
onclick鼠標按鈕的事件處理程序點擊該元素
ondblclick雙擊鼠標按鈕的事件處理程序
onfocus元素接收焦點的事件處理程序
onkeydown按鍵的事件處理程序
onkeypress鍵按下并釋放的事件處理程序
onkeyupKey的事件處理程序發(fā)布
onmousedown鼠標按鈕的事件處理程序
onmousemove鼠標移動的事件處理程序
onmouseout鼠標左的事件處理程序
onmouseover鼠標移動到的事件處理程序
onmouseup釋放鼠標按鈕的事件處理程序
onreset表單重置的事件處理程序
onselect選擇文本的事件處理程序

例子

以下代碼來自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"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
      <h:form>
       <h:link value="Login page" outcome="login" />
      <br/>
      <h:link value="Login page + Param " outcome="login" >
        <f:param name="username" value="mkyong" />
      </h:link>
      <br/>
       <h:link outcome="login" >
         <h:graphicImage library="images" name="myImage.png" />
       </h:link>
      <br/>
       <h:commandLink value="Login page" />
      <br/>
       <h:commandLink action="#{user.goLoginPage}" value="Login page" />
      <br/>
       <h:commandLink action="#{user.goLoginPage}" value="Login page + Param ">
         <f:param name="username" value="mkyong" />
       </h:commandLink>
      <br/>
       <h:commandLink action="#{user.goLoginPage}">
         <h:graphicImage library="images" name="myImage.png" />
       </h:commandLink>
      <br/>
       <h:outputLink>Login page</h:outputLink>
      <br/>
       <h:outputLink value="login.xhtml" >Login page</h:outputLink>
      <br/>
       <h:outputLink value="login.xhtml">
         <h:outputText value="Login page" />
         <f:param name="username" value="o2fo.com" />
       </h:outputLink>
      <br/>
       <h:outputLink value="login.xhtml">
         <h:graphicImage library="images" name="myImage.png" />
       </h:outputLink>
      </h:form>
    </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 goLoginPage(){
    
    return "login";
    
  }
}

以下代碼來自login.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>login.xhtml</h1>
      
    </h:body>

</html>
下載 Link-commandLink-outputLink.zip

運行

將生成的WAR文件從目標文件夾復(fù)制到Tomcat部署文件夾，并運行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成啟動后，在瀏覽器地址欄中鍵入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號