標簽	功能
`ui:component`	它用于定義創(chuàng)建并添加到組件樹的組件。
`ui:composition`	它用于定義可選地使用模板的頁面組合，此標記之外的內容將被忽略。
`ui:debug`	它用于定義創(chuàng)建并添加到組件樹的調試組件
`ui:decorate`	它與組合標簽類似，但不會忽略此標記之外的內容。
`ui:define`	它用于定義由模板插入到頁面中的內容。
`ui:fragment`	它與組件標簽類似，但不會忽略此標記之外的內容。
`ui:include`	它用于封裝和重用多個頁面的內容。
`ui:insert`	它用于將內容插入到模板中。
`ui:param`	它用于將參數(shù)傳遞給包含的文件。
`ui:repeat`	它用作循環(huán)標簽的替代方法，例如：`c:forEach`或`h:dataTable`。
`ui:remove`	它用于從頁面中刪除內容。

創(chuàng)建Facelets模板

創(chuàng)建模板涉及以下步驟。在這里，我們使用NetBean IDE創(chuàng)建一個名稱為：FaceletsTemplate 的Web項目。然后在這個項目之上創(chuàng)建Facelets模板。

完整的項目目錄結構如下圖所示 -

創(chuàng)建新文件：template.xhtml -

分別從類別和文件類型選擇JavaServer Faces和Facelets模板。

為Facelets模板文件選擇CSS布局。

Facelets標簽庫包括主模板標簽ui:insert。使用此標簽創(chuàng)建的模板頁面允許為頁面定義默認結構。我們可以使用模板頁面作為其他頁面的模板。

以下是所創(chuàng)建的文件：template.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:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet name="./css/default.css"/>
        <h:outputStylesheet name="./css/cssLayout.css"/>
        <title>Facelets Template</title>
    </h:head>
    <h:body>
        <div id="top" class="top">
            <ui:insert name="top">Top</ui:insert>
        </div>
        <div>
            <div id="left">
                <ui:insert name="left">Left</ui:insert>
            </div>
            <div id="content" class="left_content">
                <ui:insert name="content">Content</ui:insert>
            </div>
        </div>
    </h:body>

</html>

上述模板文件分為四個部分：頂部，左部分，內容部分。我們可以對應用程序的其他頁面進一步重用此結構。

以下是所創(chuàng)建的文件：index.xhtml 中的代碼 -

<!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://xmlns.jcp.org/jsf/html"  
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">  
    <h:head>  
        <meta http-equiv="Content-Type"  
              content="text/html; charset=UTF-8" />  
        <h:outputStylesheet library="css" name="default.css"/>  
        <h:outputStylesheet library="css" name="cssLayout.css"/>  
        <title>Facelets Template Example</title>  
    </h:head>  
    <h:body>  
        <ui:composition template="./template.xhtml">  
            <ui:define name="top">  
                <h:graphicImage value="/resources/images/header.png"/>  
            </ui:define>  

            <ui:define name="left">  
                <h:graphicImage value="/resources/images/left.png"/>  
            </ui:define>  

            <ui:define name="content">  
                <h:graphicImage value="/resources/images/right.png"/>  
            </ui:define>  

        </ui:composition>  
    </h:body>  
</html>

在index.xhtml文件中，我們使用png圖像來表示模板布局。您可以放置自己的圖像來執(zhí)行此項目。

ui:composition標簽用于將模板實現(xiàn)到index.xhtml文件中。
ui:define標簽用于將內容插入到實現(xiàn)的模板中。

輸出結果如下所示 -

上一篇：JSF數(shù)據(jù)表(h:dataTable)排序數(shù)據(jù)下一篇：JSF多選列表框

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

JSF Facelets模板

模板標簽

創(chuàng)建Facelets模板