web-dev-qa-db-ja.com

Thymeleaf + CSS + Spring Boot

CSSとThymeleafに問題があります。

私のSpringブートアプリでは、この構造を持っています:

  • src/main/resource/static/css(cssファイル用)
  • src/main/resource/static/templates(htmlファイル用)

ここで、ErrorPageという名前のHTMLページと、Layout.cssという名前のcssファイルで、私が持っているThymeleafを使用して、ErrorPageの先頭に:

<link href="../css/Layout.css" th:href="@{css/Layout.css}" type="text/css" />

しかし、これは機能しません。

何が間違っていますか?

16
Luca Sepe

templateフォルダーをresourcesの直下に移動します。

  • src/main/resource/static/css(CSSファイル用);
  • src/main/resource/templates(HTMLテンプレート用)。

次に、linkタグを次のように修正します。

<link href="../static/css/Layout.css" th:href="@{/css/Layout.css}" rel="stylesheet" />
24
DimaSan

テンプレートフォルダーをリソースの下に移動します。

src/main/resources/static/css (for CSS files);
src/main/resources/templates (for HTML templates).

次に、リンクタグを次のように修正します(相対または絶対):

<link href="../css/firstcss.css" rel="stylesheet">
<link href="/css/secondcss.css" rel="stylesheet">

静的な前の古いソリューションは、私にとってはうまくいきません。

0
Adrian

私は同じ問題を抱えていました、私のCSSは負荷が見つかりませんでした!

Cssをフォルダーresources/static/cssに移動しましたが、動作しません...

次に、コントローラーを確認し、以下を変更しました。

@RequestMapping(value="/{reader}", method=RequestMethod.GET)
// @RequestMapping(value = "/{reader}", method = RequestMethod.GET)

メソッドと値スペースを廃止しました...

よろしく。