如何通過Vaadin導入外部主題並將其與注釋一起使用？

Question

假設我有兩個項目。 CompanyApp和CompanyVaadinThemes 。

CompanyApp是正常的Vaadin 7.7.3應用程序。 CompanyVaadinThemesis只是將Vaadin 7.7.3主題編譯成一個jar。

CompanyVaadinThemes.jar

source/main/resources/VAADIN/themes/mytheme
    mytheme.scss
    styles.scss
    ...

CompanyApp.war

pom.xml
    ...
    <dependency>
        <groupId>com.vaadin</groupId>
        <artifactId>vaadin-themes</artifactId>
        <version>${vaadin.version}</version>
    </dependency>
    <dependency>
        <groupId>com.company</groupId>
        <artifactId>company-vaadin-themes</artifactId>
        <version>1.0-SNAPSHOT</version>
    </dependency>


...

UI.java

    @SpringUI
    @Theme("mytheme")
    public class CompanyUI extends UI {

但是，我似乎無法弄清楚如何進行這項工作。 如果我將實際代碼從CompanyVaadinThemes.jar復制到主CompanyApp，一切都很好。 我可以使用“ mytheme”，“ valo”等

但是我想將實際主題保留在一個單獨的項目中，以便將來的項目可以簡單地將其添加為依賴項。

這是CompanyVaadinThemes的pom：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.company</groupId>
    <artifactId>company-vaadin-themes</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>jar</packaging>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <java.version>1.8</java.version>
        <vaadin.version>7.7.3</vaadin.version>
        <vaadin.theme>mytheme</vaadin.theme>
        <vaadin.plugin.version>${vaadin.version}</vaadin.plugin.version>
    </properties>

    <repositories>
        <repository>
            <id>vaadin-addons</id>
            <url>http://maven.vaadin.com/vaadin-addons</url>
        </repository>
        <repository>
            <id>com-vaadin-prereleases</id>
            <url>https://maven.vaadin.com/vaadin-prereleases</url>
        </repository>
    </repositories>

    <dependencies>
        <dependency>
            <groupId>com.vaadin</groupId>
            <artifactId>vaadin-server</artifactId>
            <version>${vaadin.version}</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>com.vaadin</groupId>
            <artifactId>vaadin-themes</artifactId>
            <version>${vaadin.version}</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.0.1</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.2</version>
                <configuration>
                    <source>${java.version}</source>
                    <target>${java.version}</target>
                </configuration>
            </plugin>
            <plugin>
                <groupId>com.vaadin</groupId>
                <artifactId>vaadin-maven-plugin</artifactId>
                <version>${vaadin.version}</version>
            </plugin>

        </plugins>
    </build>
</project>

Answer 1

主題中的VAADIN文件夾應位於jar文件的根目錄中：

VAADIN/themes/mytheme
    mytheme.scss
    styles.scss

Answer 2

自定義主題放置在Web應用程序的VAADIN / themes文件夾中，WebContent文件夾下的Eclipse項目或Maven項目中的src / main / webapp中。 此位置是固定的。 您需要為應用程序中使用的每個主題都擁有一個主題文件夾，盡管應用程序很少需要多個主題。 將它們放置在文件夾中后，可以使用@Theme（“ your_theme_goes_here”）批注輕松調用它們。 還請確保您正在重新編譯，只需清除並構建即可使更改有效地工作。