检票口和 CSS 资源答案

【问题标题】：Wicket & CSS resources检票口和 CSS 资源
【发布时间】：2012-04-16 21:52:28
【问题描述】：

我一直在环顾四周，但找不到将我自己的 CSS 添加到 Wicket 网站项目的虚拟指南。但在我开始之前……我对正确的 Java 开发还很陌生，所以当我说“虚拟指南”时，我是认真的！非常感谢在这里为我提供简单明了的解释！

我从这里的指南 (http://wicket.apache.org/start/quickstart.html) 开始，并且运行良好。接下来，我想添加我自己的 CSS 并开始使用它。而且我进展不快。主要是因为我不知道如何在 java 中执行此操作（我来自 C#/asp.net 背景）。

无论如何，了解 Apache Wicket 的人已经知道这一点，但快速入门的源代码会在如下位置创建您的代码 project/src/main/java/com/xyz

我想我可以做的是在这里添加一个 CSS 文件夹......所以我创建了一个示例 CSS，我把它贴在这里：

project/src/main/java/com/xyz/css/conor.css

(containing something real simple like the following)

h2 {
    font-family: tahoma;
}

然后我删除了我 homepage.html 中的 Wicket 默认 css 并将其更改为引用我的如下：

<link rel="stylesheet" href="css/conor.css" type="text/css" />

但是我的页面没有注意 conor.css... 显然我做错了什么，但找不到 java dummy（又名我！）的分步指南。

我已经阅读了诸如您需要为 Eclipse 安装 Web 工具之类的内容。我确实不知道这对我有什么用，也不知道为什么它会指示我的页面使用 CSS。

非常感谢任何帮助！

【问题讨论】：

标签： java css wicket

【解决方案1】：

虽然 Wicket 会解析标记并尝试提供正确的链接，但您必须帮助 Wicket 理解您的标记。

在您的情况下，您尝试链接到位于 Java 类路径中的资源。这与 Web 上下文根（位于 src/main/webapp 中）不同。类路径资源和 Web 上下文资源之间的区别在于，Wicket 负责和控制对类路径资源的访问，而您的容器（即 jetty、tomcat、glassfish 等）负责和控制访问网络上下文资源。

例如，当资源在 Wicket 的权限范围内时，我们可以用它做各种事情，例如变量替换、压缩、缩小、聚合。这些东西是 Wicket 的一部分。

现在解决您手头的问题，因为您没有告诉 Wicket 链接的资源在其控制之下，Wicket 假定您希望容器处理这些资源。为了缓解这种情况，您应该在<link> 标签周围添加一个<wicket:link> 标签。

<head>
    ...
    <wicket:link>
    <link rel="stylesheet" href="css/conor.css" type="text/css" />
    ...
    </wicket:link>
</head>

<wicket:link> 标记告诉 Wicket 查找包含的资源并尝试在 Java 类路径上解析它们。

【讨论】：

太好了，谢谢。将 wicket:links 标签放在它周围并将其添加到 webapp 似乎都有效。不过问题...推荐的方法是什么？
取决于您的用例。对于可重用组件，您希望将 js 和 css 放在组件旁边。对于应用程序，您只需要一个大的 js 文件和一个大的 css 文件。
非常感谢。我想我会使用 webapp 文件夹，因为它只是我需要的全站 css。

【解决方案2】：

一般来说，你应该在 project/src/main/webapp/css 中添加你的 css，然后 css/conor.css 会访问它

【讨论】：

感谢您的回答。在您的贡献和 Martijns 之间，我已经弄清楚了我需要什么。

【解决方案3】：

您可以像这样在 wicket java 页面中加载您的 css 文件：

@Override
public void renderHead(IHeaderResponse response) {
    response.render(CssHeaderItem.forReference(new CssResourceReference(myCssFile.class, "myCssFile.css")));
}

如果您的项目中有 css 文件，您可以在初始时加载。

【讨论】：