プロジェクトがthymeleafのいくつかの考慮事項を導入しました

一緒に前景色と開発ノート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はピットを補完し続けます。

公開された22元の記事 ウォンの賞賛9 ビュー30000 +

おすすめ

転載: blog.csdn.net/qq_19408473/article/details/71542461