Vaadin 7:如何从自定义路径导入JS文件？

Question

我使用的是Vaadin-7，this的答案对我来说不是固定的。

我正试图在myproject/WebContent/js/test.js下导入js文件。我在UI类中使用了@JavaScript，如下所示。

@Theme("myTheme")
@SuppressWarnings("serial")
@Title("VaadinTest")
@JavaScript("js/test.js")
public class VaadinTest extends UI {

@Override
protected void init(VaadinRequest request) {
    final VerticalLayout layout = new VerticalLayout();
    layout.setMargin(true);
    setContent(layout);
}
}

但是我在我的firebug控制台中找到了"NetworkError: 404 Not Found - http://localhost:8080/myproject/APP/PUBLISHED/js/test.js"错误日志。

那么，如何从自定义目录导入js文件呢？

PS:，请不要强迫我手动创建APP/已发布/目录！谢谢。

Answer 1

您可以使用app://

@JavaScript({ "app://js/test.js" })

或使用：

@JavaScript({ "vaadin://js/test.js" })

在VAADIN文件夹中生成的url：

http://localhost:8080/myproject/VAADIN/js/test.js

Answer 2

相对于您正在使用的包，您所引用的文件必须可由类加载器访问。根据您的示例，假设您的VaadinTest包是com.example.app，您希望以js/test.js的形式访问它，您必须将它放在目录com/example/app/js/test.js中的“根”中，类加载器才能找到它(例如，src/main/java,groovy或在您的配置中加载资源的位置)。