我如何用vaadin导入外部主题并将其与注释一起使用

Question

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

CompanyApp是普通的Vaadin 7.7.3 App。CompanyVaadinThemesis只是一个瓦丁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复制到主要公司App中，一切都很好。我可以使用"神话"，" 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在您的主题中的文件夹应在罐子文件的根部：

VAADIN/themes/mytheme
    mytheme.scss
    styles.scss

Answer 2

自定义主题放置在Web应用程序的Vaadin/主题文件夹中，在MAVEN项目中的WebContent文件夹或SRC/Main/WebApp下的Eclipse项目中。此位置是固定的。您需要为您在应用程序中使用的每个主题提供一个主题文件夹，尽管应用程序很少需要一个主题。将它们放在文件夹中后，很容易用@theme（" your_theme_goes_here"）注释。还要确保您正在重新编译，只需清洁并构建即可使更改有效地工作。