thymeleaf例
今日初めてthymeleafテンプレートを使用しましたが、確かに使いやすいです.thymeleafはhtmlプロトタイプをサポートする自然エンジンで、ThymeleafはSpringを統合するために提供されています. MVCのオプションモジュール.thymeleafの詳しい文法について:クリックしてリンクspanを開きます>この文章は詳しく紹介して、ここで私は詳しく紹介しません.今ここの例を見て、私は1つのspring-bootの中の1つのプロジェクトspring-boot-sample-uiを使って説明して、興味のある友达もspringの公式サイトに行ってこのプロジェクトをダウンロードして見て、次にthymeleafがどのように使われているかを見てみましょう.
まずthymeleafを使用する前に、名前空間を導入する必要があります.
/*
... var username =/*[[${sesion.user.name}]]*/'Sebastian'; ...
/*]]>*/
まとめ:thymeleafを使用する場合、htmlラベルは必ず終了しなければなりません.このツールwww.jsoup.orgを使用して、終了していないラベルなど、私たちのラベルをHTML 5の仕様に直接変更することができます.このツールは自動的に終了ラベルを追加します.Spring MVCとthymeleafのネスト使用を後で更新します.
まずthymeleafを使用する前に、名前空間を導入する必要があります.
このテンプレートファイルを見てみましょう.
Layout
Layout
Fake content
上記のコードLayoutを分析してみましょう.ページを作成するときにページごとにtitleが異なるため、th:text=「${title}」でページごとにtitleの値を設定します.spring MVCではcontroler層でmodel.settattribute(「title」、「トップページ」)を使用します.たとえば、ここでトップページを設定します.ビューレイヤとControllerレイヤのデータ転送はmodelオブジェクトによって操作されます.このように、ページレイアウトのとき、各ページのtitle値はControllerレイヤに基づいて制御されます.メッセージを追加するときは、ページのtitleを「メッセージを追加」する必要があります.ここではthymeleafのメリットが見えないかもしれません.
ここでは固定用法であり,cssの導入である.固定用法は、実はすべてth:冒頭で、これはthymeleafが規定した用法で、ついでにjsの内部用法を見てみましょう:内部のjsは以下のような用法です:/*
... var username =/*[[${sesion.user.name}]]*/'Sebastian'; ...
/*]]>*/
Fake content
ここではテンプレートファイルにdivテンプレートを定義します.Javaの親に相当します.親テンプレートに偽のデータを入れます.サブテンプレートがこの内容を変更する必要がある場合は、サブページにサブクラスのページ内容を書き換えるだけです.
例えば、私たちはよくページの下部を作る时、多くは著作権の问题です.この时、私たちはテンプレートの中で定义するだけで、私たちの各サブページはコードという下部のコードを书き直すことはできません.以前は间违っていました.私たちはよく各ページに行って修正しました.今はテンプレートファイルの内容を修正すればいいです.すべてのページの下部が直接変わります.これがテンプレートのメリットです.まとめ:thymeleafを使用する場合、htmlラベルは必ず終了しなければなりません.このツールwww.jsoup.orgを使用して、終了していないラベルなど、私たちのラベルをHTML 5の仕様に直接変更することができます.このツールは自動的に終了ラベルを追加します.Spring MVCとthymeleafのネスト使用を後で更新します.