<p:graphicImage>不在jsf工作

Question

最近，我在JSF页面中包含了一个<p:galleria>，如PrimeFaces展示所示。代码正在执行，没有任何错误，但它没有显示任何图像。我认为这是由于不正确的路径格式的图像。这是如何造成的，我如何解决呢？

index.xhtml

<p:galleria value="#{compa.images}" var="image" panelWidth="1570" panelHeight="250" showCaption="true">  
    <p:graphicImage value="resource/images/#{image}"  name="COMPANY CREATION"/>  
</p:galleria> 

compa.java

public void init() {  
    images = new ArrayList<String>();  

    for(int i=1;i<=10;i++) {  
        images.add("resource/images" + i + ".jpg");  
    }  
}

IDE中的图像路径是ps\build\web\resource\images。

Answer 1

首先，JSF在这个问题的上下文中只是一个HTML代码生成器。在HTML中，图像由<img>元素表示，该元素的src属性应该指向一个(相对) URL，the浏览器可以从该URL单独下载图像。您是否通过在webbrowser中打开JSF页面并执行右键单击和查看Source来检查生成的HTML输出？生成的<img>元素看起来还好吗？很可能不会。

使用name属性的方式是不正确的。

<p:graphicImage value="resource/images/#{image}"  name="COMPANY CREATION"/>  

name属性表示“资源名称”。它基本上是资源的路径，相对于/resources文件夹。该属性优先于value属性。所以基本上你想要创造

<img src="COMPANY CREATION" />

这是不对的。JSF将自动生成一个RES_NOT_FOUND URL。您应该在生成的HTML输出中看到这一点。

如果您的目的是将“公司创建”显示为工具提示，那么正确的方法是

<p:graphicImage name="images/#{image}" title="COMPANY CREATION" />

或者，如果坚持使用value属性，则使用上下文相关的URL，而不是资源名称：

<p:graphicImage value="/resources/images/#{image}" title="COMPANY CREATION" />