关于 java:Wicket

Wicket & CSS resources

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

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

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

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

1
2
3
4
5
6
7
project/src/main/java/com/xyz/css/conor.css

(containing something real simple like the following)

h2 {
    font-family: tahoma;
}

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

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

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

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

非常感谢任何帮助!


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

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

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

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

1
2
3
4
5
6
7
<head>
    ...
    <wicket:link>
    <link rel="stylesheet" href="css/conor.css" type="text/css" />
    ...
    </wicket:link>
</head>

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


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


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

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

如果您的项目中有 css 文件,您可以先加载。