thymeleaf例

2973 ワード

今日初めてthymeleafテンプレートを使用しましたが、確かに使いやすいです.thymeleafはhtmlプロトタイプをサポートする自然エンジンで、ThymeleafはSpringを統合するために提供されています. MVCのオプションモジュール.thymeleafの詳しい文法について:クリックしてリンクspanを開きます>この文章は詳しく紹介して、ここで私は詳しく紹介しません.今ここの例を見て、私は1つのspring-bootの中の1つのプロジェクトspring-boot-sample-uiを使って説明して、興味のある友达もspringの公式サイトに行ってこのプロジェクトをダウンロードして見て、次にthymeleafがどのように使われているかを見てみましょう.
   まずthymeleafを使用する前に、名前空間を導入する必要があります.  
         このテンプレートファイルを見てみましょう.


  
    Layout
    
  
  
    

Layout

Fake content
Copyright © 2014 XXX INC.
        上記のコード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の親に相当します.親テンプレートに偽のデータを入れます.サブテンプレートがこの内容を変更する必要がある場合は、サブページにサブクラスのページ内容を書き換えるだけです.
 
Copyright © 2014 XXX INC.
   例えば、私たちはよくページの下部を作る时、多くは著作権の问题です.この时、私たちはテンプレートの中で定义するだけで、私たちの各サブページはコードという下部のコードを书き直すことはできません.以前は间违っていました.私たちはよく各ページに行って修正しました.今はテンプレートファイルの内容を修正すればいいです.すべてのページの下部が直接変わります.これがテンプレートのメリットです.
まとめ:thymeleafを使用する場合、htmlラベルは必ず終了しなければなりません.このツールwww.jsoup.orgを使用して、終了していないラベルなど、私たちのラベルをHTML 5の仕様に直接変更することができます.このツールは自動的に終了ラベルを追加します.Spring MVCとthymeleafのネスト使用を後で更新します.