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

Question

如何在Facelets模板中引用CSS / JS /图像资源？我已经完成了关于Facelets模板的教程。现在我尝试创建一个与模板不在同一目录中的页面。我有页面样式的问题，因为样式用相对路径引用，如下所示：<link rel="stylesheet" href="style_resource_path.css" />我可以通过以下开头使用绝对引用/：<link rel="stylesheet" href="/project_root_path/style_resource_path.css" />但是，当我将应用程序移动到不同的环境时，这将给我带来麻烦。所以我想知道在Facelets中引用CSS（以及JS和图像）资源的最佳方法是什么？

Answer 1

resourcehandlers.UnmappedResourceHandler有助于在/javax.faces.resource/*的URL模式上映射JSF资源。

对我来说，faces-config.xml中的这两个xml配置：org.omnifaces.resourcehandler.UnmappedResourceHandler

并在web.xml中：

<servlet-mapping><servlet-name>facesServlet</servlet-name><url-pattern>/javax.faces.resource/*</url-pattern><url-pattern>*.xhtml
</url-pattern></servlet-mapping>

帮助css和图像。