Q&A前提・実現したいこと
JavaのSpringを勉強中です。
テンプレートにthymeleafを使用して、HTMLを動的に書き換えようとしています。
発生している問題
テンプレートにthymeleafを用いて、HTMLを動的に書き換えることを試しているのですが、
thymeleafのth属性からHTMLをレンダリングしてくれない箇所があり、困っております。
初歩的な質問ですが、構文ミスや調査方法などご教授いただければと思います。
該当のソースコード
作成したソースは下記です。
HTML
1<!DOCTYPE html> 2<html xmlns:th="http://www.thymeleaf.org"> 3<head> 4 <meta charset="UTF-8"> 5 <link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}" rel="stylesheet" /> 6 <script th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script> 7 <script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script > 8<title>Login</title> 9</head> 10<body class="text-center"> 11 <h1>Login</h1> 12 <form method="post" action="/login"> 13 <label>ユーザー ID</label> 14 <input type="text" /><br /> 15 <br /> 16 <label>パスワード</label> 17 <input type="password" /><br /> 18 <br /> 19 <button class="btn btn-primary" type="submit">ログイン</button > 20 </form> 21 <br /> 22 <a th:href="@{/signup}">ユーザー新規登録はこちら</a> 23</body> 24</html>
これをブラウザで読み込むと下記のSourceとなります
html
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <link href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" rel="stylesheet" /> 6 <script src="/webjars/jquery/1.11.1/jquery.min.js"></script> 7 <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script > 8<title>Login</title> 9</head> 10<body class="text-center"> 11 <h1>Login</h1> 12 <form method="post" action="/login"> 13 <label>ユーザー ID</label> 14 <input type="text" /><br /> 15 <br /> 16 <label>パスワード</label> 17 <input type="password" /><br /> 18 <br /> 19 <button class="btn btn-primary" type="submit">ログイン</button > 20 </form> 21 <br /> 22 <a th:href="@{/signup}">ユーザー新規登録はこちら</a> 23</body> 24</html>
headタグ内のth属性は認識されているのですが、body内のth属性は原文のままとなっています。
試したこと
th属性を外して普通のaタグとして記述すればリンクを張ることができました。
補足情報（FW/ツールのバージョンなど）
build.gradleのdependenciesも記載します
java
1dependencies { 2 implementation 'org.springframework.boot:spring-boot-starter-jdbc' 3 implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' 4 implementation 'org.springframework.boot:spring-boot-starter-validation' 5 implementation 'org.springframework.boot:spring-boot-starter-web' 6 compileOnly 'org.projectlombok:lombok' 7 runtimeOnly 'org.springframework.boot:spring-boot-devtools' 8 runtimeOnly 'com.h2database:h2' 9 annotationProcessor 'org.projectlombok:lombok' 10 providedRuntime 'org.springframework.boot:spring-boot-starter-tomcat' 11 testImplementation 'org.springframework.boot:spring-boot-starter-test' 12 compile 'org.webjars:jquery:1.11.1' 13 compile 'org.webjars:bootstrap:3.3.7' 14} 15
External Librariesに格納されているthymeleafのバージョンは3.0.11でした。
宜しくお願いします。
回答2件
0
7行目：
<script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script >
閉じタグが正しくない（scriptの後に半角スペースが入っている）ので、変換できなくなってますね。
※なかなか見つけにくいところです
投稿2019/04/09 10:14
総合スコア12011
0
自己解決
こちら、jarを削除して再度buildしたら解消しました。
投稿2019/04/09 10:07
総合スコア12
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。