2025-03-25

第四部分 第一個簡單的Composite Component


  自己編寫html標記的輸出是繁瑣的,更何況可能還要支持其他的客戶端的標記語言。好在我們可以復用JSF2的標準tags.本節實現前一節HtmlInput tag的界面,稱之為HtmlInput2 tag。完整的功能將在後面一節中實現。
首先,在src/main/resources/META-INF/下創建目錄jsfex,在jsfex目錄下創建HtmlInput2.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:ui=”http://java.sun.com/jsf/facelets”>
  <h:body>
    <ui:composition>
      <h:inputText/>
      <h:commandButton type=”submit” value=”Click Me!” />
      <h:outputText value=”null”/>
    </ui:composition>
  </h:body>
</html>


  這裡分別復用瞭三個JSF2的標準tag。然後在helloworld.taglib.xml文件中的namespace標記下添加一行:
  <namespace>http://com.freebird/jsfex</namespace>
  <composite-library-name>jsfex</composite-library-name>


  同時添加一個tag元素:
  <tag>
    <tag-name>htmlinput2</tag-name>
    <source>jsfex/HtmlInput2.xhtml</source>
  </tag>


  從界面上,這就是所有要做的,是不是很簡單?有瞭這個,不再需要通過ResponseWriter輸出HTML標記瞭。


未完,待續..

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *