Thymeleafのテンプレートエンジン
テンプレートエンジンとは何ですか
テンプレートエンジンは、(ここでは特にWeb開発テンプレートエンジン用)の分離に起因するユーザーインターフェースとビジネスデータ(コンテンツ)を作ることです、それはウェブサイトのテンプレートエンジンのために、特定の形式で文書を生成することができ、標準を生成します。 HTMLドキュメント。
学習ビデオ:http://www.itlaoqi.com/chapter/1688.html
送信元アドレス:ダウンロードを共有するQQグループ814077650、自助グループ
オールド・チー公式サイト:itlaoqi.com(これでもっとドライ)
Thymeleafの機能
- Thymeleaf利点
主流ユニークなフロントとユニバーサルテンプレートエンジンの後端部には、静的なHTML embedタグの属性は、ブラウザが直接簡単にフロントとFBIの後端のためのテンプレートファイルを開くことができます。
公式の勧告をspringboot。 Thymeleaf欠点の
テンプレートはXML仕様を満たしている必要があります。
スロー!チー古いアドバイス
- 公式の春ブーツThymeleafは、中国でのデフォルトが、あまりにもニッチではあるが。
- Thymeleafのために、ライン上の構文を理解するために、テンプレートエンジンの概念を習得に重点を置いています。
- Freemarkerの、前向き研究Beetlを学習に焦点を当てた作品を探しています。
JSPは、誰が愚かなXで、「ゴーJ2EE」傾向の下で、それを忘れて
Thymeleaf環境を構築します
thymeleafの導入に依存ポンポン
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
application.propertiesはthymeleaf設定を増やします
後のソースファイルを修正するタイムリーな更新を確保するためにキャッシュを使用しないでください
spring.thymeleaf.cache=false
で、テンプレート内の標準のindex.htmlファイルを作成します。
thymeleafテンプレートは番目の名前空間を定義する必要があり、他のものは、標準のHTMLタグがあります
<!DOCTYPE html>
<!--最重要的是要引入thymeleaf的命名空间 -->
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
...
準備Controllerテストデータ、完全なビューとモデルでは、結合
@Controller
public class ThymeleafController {
@RequestMapping("/")
public ModelAndView index(String keyword) {
//参数值index就对应了templates/index.html
ModelAndView mav = new ModelAndView("index");
...
//将查询结果放入mav
mav.addObject("emps" , list);
return mav;
}
}
属性の反復EMPSの各セット:index.htmlを使用してください番目
<tr th:each="emp,stat:${emps}" >
<td>[[${emp.job}]]</td>
<td>[[${#dates.format(emp.hiredate , 'yyyy年MM月dd日')}]]</td>
</tr>