playframework - 播放应用程序部署为战争时，资源文件（图像、css、js 等）不加载

Question

我正在使用播放框架。我用 play war [project] -o [war name] 创建了我的项目的战争。它成功了，但是在运行图像期间，没有加载 css 和 js，因为所有内容都放在了 WEB-INF 文件夹中。

任何人都可以帮助我如何使用/创建战争以便它可以使用。

Answer 1

我对 .css 文件中的图像有类似的问题。当战争展开时，图片是不可见的。以下是我的解决方案：

1.在路由文件中你应该有这一行：

GET         /assets/*file       controllers.Assets.at(path="/public", file)

使用您的 .css .js 和图像的实际路径。

2.您应该以这种方式包含.css文件：

<link rel="stylesheet" type="text/css" media="screen" href="@routes.Assets.at("stylesheets/main.css")">

3. Java 脚本应该被引用到 Play！模板方式如下：

<script type="text/javascript" src="@routes.Assets.at("javascripts/myscript.js")"></script>

4. .css 中的图片应使用相对路径引用，因为 .css 文件与图像一样被放置在 assests\ 中：

.checked-partial {
    background-image: url("../images/partial.png");
}

5.之后你可以按照你的要求制造战争：玩战争

如果您以这种方式配置 .css、.js 和图像，它将在 Play 上运行！网络服务器以及与您的战争有关的其他网络服务器。