模板引擎——Thymeleaf
生活随笔
收集整理的這篇文章主要介紹了
模板引擎——Thymeleaf
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
模板引擎
JSP、Velocity、Freemarker、Thymeleaf
1、引入thymeleaf;
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId>2.1.6</dependency> 切換thymeleaf版本 <properties><thymeleaf.version>3.0.9.RELEASE</thymeleaf.version><!-- 布局功能的支持程序 thymeleaf3主程序 layout2以上版本 --><!-- thymeleaf2 layout1--><thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version></properties>2、Thymeleaf使用
只要我們把HTML頁面放在classpath:/templates/,thymeleaf就能自動渲染;
使用:
1、導入thymeleaf的名稱空間
2、使用thymeleaf語法;
3、語法規則
1)、th:text;改變當前元素里面的文本內容;
? th:任意html屬性;來替換原生屬性的值
2)、表達式?
HelloController.java
package com.dym.controller;import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.ResponseBody;import java.util.Arrays; import java.util.Map;@Controller public class HelloController {@ResponseBody@RequestMapping("/hello")public String hello(){return "Hello World";}//查出用戶數據,在頁面展示@RequestMapping("/success")public String success(Map<String,Object> map){map.put("hello","<h1>你好</h1>");map.put("users",Arrays.asList("zhangsan","lisi","wangwu"));return "success";}}success.html
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <h1>成功!</h1> <!--th:text 將div里面的文本內容設置為 --> <div id="div01" class="myDiv" th:id="${hello}" th:class="${hello}" th:text="${hello}">這是顯示歡迎信息</div> <hr/> <div th:text="${hello}"></div> <div th:utext="${hello}"></div> <hr/><!-- th:each每次遍歷都會生成當前這個標簽: 3個h4 --> <h4 th:text="${user}" th:each="user:${users}"></h4> <hr/> <h4><span th:each="user:${users}"> [[${user}]] </span> </h4></body> </html>總結
以上是生活随笔為你收集整理的模板引擎——Thymeleaf的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 正态分布||方差、均值的概念
- 下一篇: SpringMVC自动配置||如何修改S