jsf - 使用 ui:composition 模板时如何自定义 h:head？

Question

我正在使用 JSF 呈现 HTML 页面。我设计这样的页面：

<f:view xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:p="http://primefaces.org/ui"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core">

<h:head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="language" content="fr" />
    <title><ui:insert name="title">My app</ui:insert></title>
</h:head>

<h:body>
    <div id="top">
        <ui:include src="/header.xhtml"/>
    </div>

    <h:panelGroup id="center" layout="block" >
        <ui:insert name="center"/>
    </h:panelGroup>

    <div id="bottom">
        <ui:include src="/footer.xhtml"/>
    </div>
</h:body>

这个模板有一些“客户”页面，比如这个：

<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:p="http://primefaces.org/ui"
            template="/layouts/master.xhtml">

<ui:define name="center">
    <ui:define name="title"><h:outputText value="#{myBean.description}"/></ui:define>
    <ui:include src="#{myBean.url}"/>
</ui:define>

在客户端中，我必须在标题中添加元信息。如果我们有像 outputScript 或 outputStylesheet 这样的标签，那就太好了，它们可以在文档中的任何地方设置并在 html“head”标签中呈现。

我没有发现什么可以做到这一点。当我在这种情况下，有没有办法在标题中添加标签？谢谢 ！

Answer 1

<h:outputStylesheet>总是自动重新定位到<h:head>，因此您无需担心这一点。For <h:outputScript>，默认情况下与声明的位置在同一行呈现，您只需将target属性设置为head，这样它也会自动重新定位到<h:head>。

<ui:define name="center">
    <h:outputStylesheet name="css/style.css" />
    <h:outputScript name="js/script.js" target="head" />
    ...
</ui:define>

对于其他 HTML 头部元信息，只要出于某种原因需要，您可以只声明另一个<ui:insert>.

<h:head>
    <ui:insert name="htmlhead" />
</h:head>

您可以按如下方式使用

<ui:define name="htmlhead">
    <meta ... />
</ui:define>

也可以看看：

• 如何在 Facelets 模板中引用 CSS / JS / 图片资源？