如何在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和图像。