时间戳

首页 > 解决方案 > 在 vaadin 10 spring boot 应用程序中放置样式表的位置

java - 在 vaadin 10 spring boot 应用程序中放置样式表的位置

问题描述

我正在使用 spring boot 测试一个 vaadin 10 应用程序。我使用https://start.spring.io/生成了一个项目。我遵循了 vaadin https://vaadin.com/docs/v10/flow/importing-dependencies/tutorial-include-css.html的文档。声明如下：“您可以将样式表和其他静态资源放在 WAR 文件中的任何文件夹中，除了 /VAADIN 保留供框架内部使用。如果您已将静态资源请求映射到 /，VaadinServlet 将处理它。否则， servlet 容器将处理静态资源请求。”

我创建了一个样式表 style.css 并将其放在我的 Spring Boot 应用程序的资源文件夹下。我使用@StyleSheet("style.css") 在我的课堂上引用了样式表。我也设置了 div 的类名。但是当我运行应用程序时，我的样式表似乎没有被使用。放置样式表的正确方法是什么？

@StyleSheet("style.css")
public class MainView extends VerticalLayout {
    private TextField filter;
    private Button addNewBtn;

    public MainView() {
        TestDiv testDiv = new TestDiv();

        add(testDiv);
    }

    public class TestDiv extends Div {

        public TestDiv() {
            setText("TestDiv");
            setClassName("custom-cell");
        }

    }
}

标签： javacssspringspring-bootvaadin10

解决方案

如果您要打包为 WAR，src/main/resources/static/frontend/，

如果 JAR：src/main/resources/META-INF/resources/frontend/

推荐阅读