一緒に前景色と開発ノートthymeleafプロジェクトで使用
thymeleafラベルは持っているので1. th:
ページを解析するときの特性のように*と何の問題もなく、あなたは、これは間違って動揺していると思われる場合、文書の最初のhtmlにに参加してください:接頭辞を、エディタが目を認識することが与えられていません次のように:
<html xmlns:th="http://www.thymeleaf.org"></html>
2.は明らかに動的ページのニーズを満たしていない、参照されるリソースは、静的な資源である、フロントエンド・プロセスを開発します。どのようにそれを行うには?
私たちは、私がこのように導入されたときに、いくつかのCSSの静的を紹介したい場合は
<link rel="stylesheet" type="text/css" href="../../../static/css/public.css"/>
、ダイナミックがこのように導入され、
<link rel="stylesheet" type="text/css" th:href="@{/static/css/public.css}"/>
適切に書いたタリアの必要性とともに、地元のスタイルを参照することができるようにするために:
<link rel="stylesheet" type="text/css" href="../../../static/css/public.css" th:href="@{/static/css/public.css}"/>
追加の属性については心配しないで、thymeleafが自動的に処理されます。
3.何度も我々は、変数jsのフロントエンドのバックエンドを取得する必要があります。我々は最高の変数の設定を取得する前に
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/
/*]]>*/
</script>
値を取得します。
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/
var username = /*[[${sesion.user.name}]]*/ 'zhangsan';
/*]]>*/
</script>
その分析結果の静的なページでは、次のとおりです。
<script type="text/javascript">
var username = 'zhangsan';
</script>
その動的ページの解析結果です。
<script type="text/javascript">
var username = 'admin';//获取session.user.name
</script>
3. thymeleafページの継承、含まれている場合、プロジェクトは.htmlを/ .jspファイル形式に基づいてJSPとthymeleafテンプレート、および構成するアクセスルールを設定している場合。継承され、障害を含めます。
解決策:
変更viewNamesプロパティ。背面にフォームの接頭辞.FOR例:
return "html/index";
return "jsp/index";
後thymeleafはピットを補完し続けます。