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 { |
然后我删除了我 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 类路径上解析它们。
- 太好了，谢谢。将 wicket:links 标签放在它周围并将其添加到 webapp 似乎都有效。问题虽然……推荐的方法是什么？
- 取决于您的用例。对于可重用组件，您希望将 js 和 css 放在组件旁边。对于应用程序，您只需要一个大的 js 文件和一个大的 css 文件。
- 非常感谢。认为我会使用 webapp 文件夹，因为它只是我需要的整个站点 css。
一般来说，你应该在 project/src/main/webapp/css 中添加你的 css，然后 css/conor.css 会访问它
- 感谢您的回答。在您的贡献和 Martijns 之间，我已经弄清楚了我需要什么。
您可以像这样在您的 wicket java 页面中加载您的 css 文件：
|
1
2 3 4 |
@Override
public void renderHead(IHeaderResponse response) { response.render(CssHeaderItem.forReference(new CssResourceReference(myCssFile.class,“myCssFile.css”))); } |
如果您的项目中有 css 文件，您可以先加载。
来源：https://www.codenong.com/10182231/
