第四部分 第一個簡單的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標記瞭。
未完,待續..