使用 Wicket 在 CSS 中引用图像答案

【问题标题】：Image referencing in CSS with Wicket使用 Wicket 在 CSS 中引用图像
【发布时间】：2009-10-29 05:11:33
【问题描述】：

根据另一个question 的精彩回答，我已经开始在我的WebApplication 的init() 方法中安装全局资源（css/js/images）。使用以下内容：

mountSharedResource("/images/edit-btn.gif", new ResourceReference(GlobalResource.class, "edit-btn.gif").getSharedResourceKey());

这当然允许另一个包中的 css 做这样的事情：

background-image: url("/images/edit-btn.gif");

我遇到的问题是这只在运行时有效，挂载的路径是虚拟的。 Wicket (imo) 的一大优势是其功能（<wicket:remove>、xml 有效标签、头部链接、页面继承），它允许使用布局的页面设计人员能够使用其图像、js、css 可视化页面等，而无需在检票口引擎中运行。

我完全接受这样一个事实，即 Web 应用程序中的设计师/程序员角色之间从来没有明确的界限，但 Wicket 设计师错过了这一点对我来说似乎很奇怪。有什么方法可以让全局使用的图像在 Wicket 中独立渲染并在运行时工作？

【问题讨论】：

标签： java css image wicket

【解决方案1】：

我认为the recommended way 是从您的设计师那里获取 html 并变成检票口组件 - 这意味着您将把它分成几个文件。没有任何额外的努力，渲染这些部分文件是行不通的。我建议设置一个简单的脚本、工具或任何类似的东西来启动你的 web 应用程序，供你的设计师使用。这样，他们可以修改片段并立即看到更新的渲染。你必须就一个通用结构达成一致，并告诉他们如何使用<wicket:remove>，你应该没问题。

【讨论】：

是的，我对这个解决方案不是很满意，但这是我唯一可以开始工作的事情。我有一个小脚本，他们现在可以运行来测试它。
作为一个额外的想法，您可以使用 wicketstuff-merged-resources 的资源预处理功能在运行时更改 CSS 文件中的路径（例如，从“edit-btn.gif”到“/images/edit- btn.gif")。不过我真的不建议这样做。