UI之间真正的概念区别是什么：装饰和UI：包括？

Question

它发生在我以前ui:decorate在功能上与ui:include相同，只是您还可以将ui:param和ui:define传递到包含的文件。

我疯了吗？

编辑：虽然其实你可以通过ui:param到ui:include文件太多，原来我已经在做了。也许你也可以通过ui:define，我会在这里检查和编辑。

Answer 1

<ui:include>和<ui:decorate>之间的主要区别在于，<ui:decorate>旨在允许用户定义的模板组件的插入，而<ui:include>旨在包括现有的和已预定义的模板。

这确实意味着<ui:decorate>支持<ui:define>用于在其主体中定义用户定义的模板组件，并且可以将其插入到模板中的<ui:insert>位置。

这里的一个-somewhat clumsy-例子来说明，其中它可用于：

/WEB-INF/templates/field.xhtml

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
> 
    <h:outputLabel for="#{id}" value="#{label}" /> 
    <ui:insert name="input" /> 
    <h:message id="#{id}_message" for="#{id}" /> 
</ui:composition> 

/page.xhtml

<h:panelGrid columns="3"> 
    <ui:decorate template="/WEB-INF/templates/field.xhtml"> 
     <ui:param name="label" value="Foo" /> 
     <ui:param name="id" value="foo" /> 
     <ui:define name="input"> 
      <h:inputText id="foo" value="#{bean.foo}" required="true" /> 
     </ui:define> 
    </ui:decorate> 
    <ui:decorate template="/WEB-INF/templates/field.xhtml"> 
     <ui:param name="label" value="Bar" /> 
     <ui:param name="id" value="bar" /> 
     <ui:define name="input"> 
      <h:selectBooleanCheckbox id="bar" value="#{bean.bar}" required="true" /> 
     </ui:define> 
    </ui:decorate> 
    ... 
</h:panelGrid> 

注意，它很好地呈现这些组件中的每个单元面板网格。再次，这个特殊的例子很笨拙，我只是用tag file来代替。仅当它是较大的部分时，例如一个完整的表单，例如它的页眉或页脚应该是可定制的，那么<ui:decorate>本来是合适的。

<ui:decorate>的另一个主要优势是它允许您将模板使用复合组件。另请参阅Is it possible to use template with composite component in JSF 2?