Primefaces自定义主题不使用图像

Question

我正在尝试在我的 Primefaces 项目中使用自定义主题。我使用 Themeroller 创建了主题并将 jar 打包如下：

• primefaces-spl.jar
• • WEB-INF
• • • 资源
• • • • primefaces-spl
• • • • • theme.css
• • • • • 图片

然后我将此文件放入我的 WEB-INF/lib 文件夹并在我的 web.xml 中将 primefaces.THEME 属性指定为“spl”。

项目貌似可以找到并使用jar，但是页面看起来是这样的：

因此，资源图像似乎未正确读取。在theme.css中，我已将所有图片标签替换如下：

.ui-widget-overlay { 背景：#aaaaaa url("#{resource['primefaces-spl:images/ui-bg_flat_0_aaaaaa_40x100.png']}") 50% 50% repeat-x;不透明度：.30；过滤器：Alpha（不透明度=30）； }

我还尝试将 jar 添加到类路径以及此处提到的替代策略：http://www.mkyong.com/jsf2/primefaces/create-a-custom-theme-in-primefaces/ 我错过了什么吗？

Answer 1

还可以使用在线工具将 ThemeRoller zip 文件转换为 Primefaces 主题 jar： https://themeroller.osnode.com。 ThemeRoller 版本：支持 1.10.3 和 1.9.2。

只需将您的 zip 文件拖过来并下载转换后的 jar 文件。包含 Maven 指令。

虽然这并不能直接回答您的问题，但您可以通过检查生成的主题 jar 轻松获得所需的知识，该 jar 可以正确组织您的文件。

另外，当我有替代方法来实现您的目标而无需检查文件结构时，您的问题可能不相关......