JSF導航到外部URL使用圖像按鈕

Question

簡單的問題（使用JSF 2.0和2.2.1 primefaces）：

我需要創建一個按鈕或鏈接，將帶我到一個外部URL（即www.facebook。 com），我需要那個按鈕看起來像Facebook的圖標，而不是有字面的單詞。我怎樣才能做到這一點？謝謝。

Answer 1

您基本上想在JSF生成的HTML代碼如下落得：

<a><img /></a> 

有幾種方法如何在JSF實現這一目標。

1. 只要做到這一點：

   <a href="http://www.facebook.com"> 
       <img src="#{request.contextPath}/resources/images/facebook.png" /> 
   </a> 
   

2. 使用<h:graphicImage>：

   <a href="http://www.facebook.com"> 
       <h:graphicImage name="images/facebook.png" /> 
   </a> 
   

3. 最終，隨着<h:outputLink>：

   <h:outputLink value="http://www.facebook.com"> 
       <h:graphicImage name="images/facebook.png" /> 
   </h:outputLink> 
   

選擇什麼方式取決於您是否確實需要它作爲JSF組件。例如。以便能夠在後臺抓取/處理它，和/或通過ajax重新渲染等。