在 vaadin 10 spring 启动应用程序中放置样式表的位置

Question

我正在使用 spring 引导测试 vaadin 10 应用程序。我用了https://start.spring.io/ to generate a project. I followed the documentation of vaadin https://vaadin.com/docs/v10/flow/importing-dependencies/tutorial-include-css.html。声明如下："You can place style sheets and other static resources in any folder inside your WAR file except for /VAADIN which is reserved for framework internal use. VaadinServlet handles static resource requests if you have mapped it to / . Otherwise, the servlet container will take care of static resource requests."

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

@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");
        }

    }
}

Answer 1

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

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

在 vaadin 10 spring 启动应用程序中放置样式表的位置

Where to place stylesheets in a vaadin 10 spring boot application

css

java

spring

spring-boot

vaadin10