2017-01-11 13 views
4

CSSとThymeleafに問題があります。 (CSSファイル用)/メイン/リソース/静的/ CSS Thymeleaf + CSS + SpringBoot

  • のsrc /メイン/リソース/静的/テンプレート

    • SRC(htmlのための:私の春のブートアプリで

      、私はこのような構造を持っています

      <link href="../css/Layout.css" th:href="@{css/Layout.css}" type="text/css" /> 
      
      :私のhtmlページで

    さて、ファイル)にErrorPageという名前とCSSファイルがにErrorPageの頭の中で、私が持っているThymeleafを使用して、Layout.cssの名前

    しかし、これは動作しません。

    私は間違っていますか?

  • +0

    あなたがこれを確認することができますし、あなたの**にErrorPage ** ** **のsrc /メイン/リソース/静的/テンプレート内または** SRCであります/ main/resources/templates **?最初の範囲内にある場合、** static resourc ** eとして扱われます。つまり、Thymeleafはページのレンダリングに使用されません。もしそれが第2のものであれば、それはThymeleafを使うことができますが、それはあなたがコントローラー内のビューとしてそれを使用していることを意味します。フォルダー構造ではなく、コントローラーの位置を相対的に操作する必要があります。このエラーページHTMLを使用するコントローラ/設定を共有します。 – g00glen00b

    +0

    何がうまくいかないのですか?エラーページはレンダリングされないかレンダリングされますが、CSSファイルはダウンロードできません。あなたは春のセキュリティを使用していますか? –

    答えて

    6
    resourcesの下であなたの templateフォルダを移動し

    • 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" /> 
    
    +0

    「href」と「th:href」の両方が同時に必要なのはなぜですか? – sva605

    +0

    HTMLを簡単に削除し、Thymeleafの属性のみを使用できます。こちらの回答をご覧くださいhttps://stackoverflow.com/questions/39757974/should-we-remove-html-attributes-while-using-thymeleaf – DimaSan

    関連する問題