9

我一直在环顾四周，但找不到将我自己的 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 假人（又名我！）的分步指南。

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

很感谢任何形式的帮助！

4

3 回答 3

18

当 Wicket 解析标记并尝试提供正确的链接时，您必须帮助 Wicket 理解您的标记。

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

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

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

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

这些<wicket:link>标签告诉 Wicket 寻找封闭的资源并尝试在 Java 类路径上解析它们。

于 2012-04-17T06:31:20.443 回答
3

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

于 2012-04-17T07:39:47.803 回答
2

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

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

如果您的项目中有 css 文件，则可以最初加载。

于 2013-04-01T21:45:31.440 回答