graphicsImage 不正确的网址 [重复]

Question

我有以下 primefaces 组件，它应该只加载 /WEB-INF/Resource/{1.png,2.png,3.png,4.png} 下的图像。

<p:ring id="weatherForecasts" value="#{eventPageCreatorBean.weatherForecasts}" var="weatherForecast" styleClass="image-ring" easing="easeInOutBack">
    <p:panelGrid columns="1">
        #{weatherForecast.forecastStart}
        <p:graphicImage id="img" name="/WEB-INF/Resources/images/#{weatherForecast.weatherCondition.code}.png" />
        #{weatherForecast.forecastEnd}
    </p:panelGrid>
</p:ring>

通过在浏览器中查看源代码，我得到了这条路径：

/meteocal-web/javax.faces.resource//WEB-INF/Resources/images/1.png.xhtml

有人知道怎么解决吗？

Answer 1

在 JSF2 中，您的所有 Web 资源文件（如 CSS、图像或 .js 文件）都可以放在 Web 应用程序根目录下的 resources 文件夹中（与 WEB-INF 相同级别）。

>webapp
   |
   -->resources
   |      |
   |      -->images
   |           |
   |           1.png
   -->WEB-INF

然后你就可以将对应的文件夹引用为library：

<p:graphicImage id="img" 
                library="images" 
                name="#{weatherForecast.weatherCondition.code}.png}" />