如何使用 Vaadin 导入外部主题并将它们与注释一起使用？

Question

假设我有两个项目。 CompanyApp 和 CompanyVaadinThemes.

CompanyApp 是一个普通的 Vaadin 7.7.3 应用程序。 CompanyVaadinThemes 只是编译成jar 的Vaadin 7.7.3 主题。

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

自定义主题放在Web应用程序的VAADIN/themes文件夹中，WebContent文件夹下的Eclipse项目中或Maven项目中的src/main/webapp。这个位置是固定的。您需要为应用程序中使用的每个主题创建一个主题文件夹，尽管应用程序很少需要多个主题。将它们放在文件夹中后，使用 @Theme("your_theme_goes_here") 注释可以很容易地调用它们。还要确保您正在重新编译，只需清理和构建即可使更改有效地工作。

Answer 2

VAADIN 主题中的文件夹应位于 jar 文件的根目录中：

VAADIN/themes/mytheme
    mytheme.scss
    styles.scss

如何使用 Vaadin 导入外部主题并将它们与注释一起使用？

How can I import external themes with Vaadin and use them with annotations?

java

themes

maven

vaadin7