在Eclipse生成的代碼中頁(yè)面是使用facelets、richFaces等編寫的，所以頁(yè)面使用的文件格式是xhtml。而非jsp。當(dāng)然了，你也可以是用jsp編寫。這些生成的xhtml全部都在WebContent下
首先看home.xhtml。
- <ui:composition xmlns="http://www.w3.org/1999/xhtml"
- xmlns:s="http://jboss.com/products/seam/taglib"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:rich="http://richfaces.org/rich"
- template="layout/template.xhtml">
- </ui:composition>
ui:composition元素：UI組件，使用這個(gè)元素做根元素表示這個(gè)頁(yè)面并不是一個(gè)完整的頁(yè)面，而是需要一個(gè)template頁(yè)面作為摸版的內(nèi)容頁(yè)面。
xmlns：根元素命名空間。就是那些不帶前綴標(biāo)簽比如<div>
xmlns:s：Seam元素的命名空間。
template：摸版頁(yè)面
摸版頁(yè)面：
- <html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:s="http://jboss.com/products/seam/taglib">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>SeamTest</title>
- <link href="stylesheet/theme.css" rel="stylesheet" type="text/css" />
- </head>
-
- <body>
-
- <ui:include src="menu.xhtml">
- <ui:param name="projectName" value="SeamTest"/>
- </ui:include>
-
- <div class="body">
- <ui:insert name="body"/>
- </div>
-
- <div class="footer">
- Powered by <a href="http://jboss.com/products/seam">Seam</a>.
- Generated by seam-gen.
- </div>
-
- </body>
- </html>
ui:include：與<jsp:include>差不多。但這里沒(méi)有引入jsp命名空間。所以使用<ui:include>。
<ui:insert/>：這個(gè)是一個(gè)template頁(yè)面。這個(gè)標(biāo)簽表示插入一個(gè)名為body的內(nèi)容塊。在內(nèi)容頁(yè)面--home.xhtml--與此對(duì)應(yīng)的是：<ui:define name="body"></ui:define>。在Seam-gen生成的頁(yè)面中幾乎所有的頁(yè)面都將template指向template.xhtml。還有另一種使用摸板的方式。比如layout/edit.xhtml。
- <ui:composition xmlns="http://www.w3.org/1999/xhtml"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:s="http://jboss.com/products/seam/taglib">
-
- <div class="prop">
-
- <s:label styleClass="name #{invalid?'errors':''}">
- <ui:insert name="label"/>
- <s:span styleClass="required" rendered="#{required}">*</s:span>
- </s:label>
-
- <span class="value #{invalid?'errors':''}">
- <s:validateAll>
- <ui:insert/>
- </s:validateAll>
- </span>
-
- <span class="error">
- <h:graphicImage value="/img/error.gif" rendered="#{invalid}" styleClass="errors"/>
- <s:message styleClass="errors"/>
- </span>
-
- </div>
-
- </ui:composition>
這里依然是使用<ui:insert />作為內(nèi)容頁(yè)面的插入塊。這里有兩塊<ui:insert />第一塊是有name屬性的，第二塊則是沒(méi)有name屬性的。如果沒(méi)有name屬性，表示在插入塊中沒(méi)有放在<ui:defind/》里的東西都放在沒(méi)有name的插入塊中。。。比如
- <s:decorate id="nameDecoration" template="layout/edit.xhtml">
- <ui:define name="label">Name</ui:define>
- <h:inputText id="name" required="true"
- value="#{bookHome.instance.name}"/>
- </s:decorate>
這里<ui:defind name="label">這就是定義那個(gè)有名字的插入塊。而接下來(lái)的<h:inputText ... />則是放在了下面沒(méi)有名字的<ui:insert />中。上面的代碼也展示了使用摸板的另一種方式。使用<s:decorate/>使用摸板塊，摸板頁(yè)面的根需要是一個(gè)<ui:composition>元素。s:decorate是一個(gè)seam元素。必須在seam的管理的頁(yè)面中使用。
其他：
jsf中的form是不需要action的。比如<h:form id="login">
標(biāo)簽的rendered屬性表示在什么情況下顯示。html標(biāo)簽沒(méi)有rendered屬性，比如div標(biāo)簽沒(méi)有rendered。
其他的jsf標(biāo)簽我們可以通過(guò)學(xué)習(xí)jsf學(xué)習(xí)。因?yàn)閖sf標(biāo)簽，richFaces標(biāo)簽，faceslet標(biāo)簽太多了。這里就不一一介紹了。。。。大家有什么好的資料也麻煩告訴我哦。