scala - ビューページで Play フレームワークと Scala を使用して画像を表示する方法

Question

friend_request.pngPlay フレームワークを使用して、ビュー ページに画像を表示しようとしています。

これは私のコードですが、画像が表示されていません:

<img src=@("images/friend_request.png") width="28" height="22" />

Answer 1

静止画像を含めたいと思います。Scala について話しているので、Play Framework 2 を使用していると思います。

標準的なプロジェクト レイアウトでの画像の適切な場所は、public/images/friend_request.png. その後、画像を参照できます。

<img src="@routes.Assets.at("images/friend_request.png")" width="28" height="22" />

アセット (キャッシュ時間など) の詳細については、Play Framework のドキュメントを参照してください。

Answer 2

Skyr の答えは、私のバージョンの Play (2.4.2) では機能しません。これを使用すると、次のコンパイル エラーが発生します。

value atは controller.ReverseAssets のメンバーではありません

documentationを参照した後、これは私にとってはうまくいきます：

<img src="@routes.Assets.versioned("images/yourImage.png")">

はどこyourImage.pngにありますかpublic/images。

---

画像 (および Web アプリの他のすべてのアセット) のキャッシュと圧縮によってページの読み込みを高速化するには、次の方法を試してください。

plugins.sbt次のエントリが含まれていることを確認します。

addSbtPlugin("com.typesafe.sbt" % "sbt-rjs" % "1.0.7")
addSbtPlugin("com.typesafe.sbt" % "sbt-digest" % "1.1.0")
addSbtPlugin("com.typesafe.sbt" % "sbt-gzip" % "1.0.0")

次に、build.sbtこれを に追加します。

// Apply RequireJS optimizations, create a checksum, and zip each asset
pipelineStages := Seq(rjs, digest, gzip)