如何向 Vaadin/Maven 项目添加 css？

发布于 2024-11-30 04:36:19 字数 1396 浏览 0 评论 0原文

SO 中存在一个问题，关于如何将 css 添加到瓦丁项目。提示是在 /WEB-INF/VAADIN/themes/ 位置添加 css。

我的问题是，Vaadin 项目通常在 WebContent 下有 WEB-INF 文件夹，现在在 Maven 上，类似的文件夹位于 webapp 下。这似乎导致我的 css 更改没有生效。

另外，是否需要将自定义 css 与原始 css 放在相同的子结构中？我想修改 table css，但不知道 css 是否需要位于特定路径中。

那么如何添加表格的 css 以便表格也发生变化，而不仅仅是代码正确构建？ :)

更新 1：我可以使用 Firebug 得到以下模板，但这是我在浏览器中得到的最接近的东西。

<链接 rel="stylesheet" type="text/css" href="/html/VAADIN/themes/mytheme/styles.css" >
< html>
<头>
<标题> < /标题>
< /头>

< body onload="javascript:location.replace('/c')" >
< !--下面的数字用于填充空间，以便在 IE 中正常工作。请参阅 http://support.microsoft.com/default.aspx ?scid=kb;en-us;Q294807 了解更多关于为什么这是必要的信息。
12345678901234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890
-->
< /正文>
< /html>
< /链接>

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

野侃 2024-12-07 04:36:19

您可能会将 styles.css 文件放在 src/main/webapp/VAADIN/themes/[yourtheme]/ 文件夹中，并配置 Maven 复制 src/main/webapp 中的所有内容代码> 进入您的 WEB-INF。这样，您的 .css 文件将最终位于 WEB-INF/VAADIN/themes/[yourtheme]/ 中。

强烈建议从主题继承，而不是尝试覆盖默认主题的行为。

然后，您需要在应用程序中指定主题名称

public void init()
{
    setTheme("simplegae");
    ...

，并使 .css 文件继承主题的 css（runo、reindeer，...）。

@import "../reindeer/styles.css";

我最近使用 Maven 发布了一个示例 Vaadin 应用程序，可以通过这个地址。它的目的是在 GAE 上工作，但你可以从 SVN 上查看它并看看我做了什么：

svn co http://code.google.com/p/tinywebgears-samples/source/browse/trunk/simplegae/ simplegae

You will probably put your styles.css file in the src/main/webapp/VAADIN/themes/[yourtheme]/ folder and configure Maven to copy everything in src/main/webapp into your WEB-INF. This way your .css file will end up in WEB-INF/VAADIN/themes/[yourtheme]/.

It is strongly recommended to inherit from a theme rather than trying to override the behavior of a default theme.

Then you need to specify your theme name in the application

public void init()
{
    setTheme("simplegae");
    ...

and make your .css file inherit from a theme's css (runo, reindeer, ...).

@import "../reindeer/styles.css";

I have recently put up a sample Vaadin application using Maven which is accessible at this address. It is aimed to work on GAE, but you can check it out from SVN and have a look at what I have done:

svn co http://code.google.com/p/tinywebgears-samples/source/browse/trunk/simplegae/ simplegae

回复收藏 0 原文

药祭#氼 2024-12-07 04:36:19

您可能会将 styles.css 文件放在 src/main/webapp/VAADIN/themes/[yourtheme]/ 文件夹中，并配置 Maven 将 src/main/webapp 中的所有内容复制到您的 WEB-INF 中。这样你的 .css 文件将最终位于 WEB-INF/VAADIN/themes/[yourtheme]/ 中。

只需一点点改变：
将您的文件夹放在 src/main/resources/VAADIN/themes/ 而不是 src/main/webapp/VAADIN/themes/

我希望它对您有用，就像对我们有用一样

问候 Éric

编辑：这里一个有用的链接：在 Jetty 上部署 Maven Web 项目

回复收藏 0 原文

~没有更多了~