将bootstrap.css文件链接到Play framework中的scala.html页面

Question

我有一个bootstrap.css文件位于

C:\Users\comp\Play\u Framework\test1\public\stylesheets\bootstrap.css

我需要将此链接到位于的我的登录页面

C：\用户\comp\Play_Framework\test1\app\视图\cal_login.scala.html

我已经尝试这个在我的超文本标记语言页面

link rel="样式表"type="text/css"href="....../Public/样式表/bootstrap.css"

而且

link rel=“stylesheet”type=“text/css”href=“../../public/stylesheets/bootstrap.css”

但是页面看起来仍然没有css内容，而且，当我在eclipse中打开Play2.2.2项目时，我找不到我的引导文件。我已经编译并尝试重新打开，但是文件没有被编译并添加到样式表目录中。

Answer 1

我不会将引导复制到公用文件夹中，而是使用webjars。你只要加上

libraryDependencies += "org.webjars" % "bootstrap" % "5.0.0-beta1"

到您的build.sbt。然后，您可以在视图中将其用作：

<link rel="stylesheet" media="screen" href="@routes.Assets.versioned("lib/bootstrap/css/bootstrap.min.css")">

对于下一个引导版本，您只需要更新build.sbt文件中的依赖项。

Answer 2

在视图中，为资产使用默认路由（您可以在conf/routes文件的底部找到它：

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

它为/public目录中的资产建立正确的路径。

事实上，您也可以在视图中使用硬编码路径，前提是您知道：

<link rel="stylesheet" type="text/css" href='/assets/stylesheets/bootstrap.css' />

但如果您将来决定将ie/assets/..更改为/my aasets/..，则需要手动修复所有出现的问题。

提示：您不需要将引导（或其他JS库）拆分到最初由Play创建的文件夹中，相反，最好将它们始终保持在原始结构中！

只需下载引导并解压缩到/public/Bootstrap/文件夹，然后在视图/布局中添加正确的路径：

<link rel="stylesheet" type="text/css" href='@routes.Assets.at("bootstrap/css/bootstrap.css")' />
<script  type="text/javascript" src='@routes.Assets.at("bootstrap/js/bootstrap.js")'></script>

请记住，某些库具有关系，即样式和图像（和/或脚本）之间的关系，因此拆分它们需要在代码中进行修复，这是绝对多余的。