springboot頁面模板thymeleaf的簡單用法


thymeleaf基礎語法:

變量輸出與字符串操作:

​ th:text 表示在頁面輸出值

​ th:value 表示將一個值放入input標簽的value中

判斷字符串是否為空:

​ thymeleaf內置對象:調用內置對象需要#開頭。並且大部分的內置對象都是以s結尾,例如dates

​ ${#strings.isEmpty(key)} :判斷字符串是否為空,為空返回true,否則為false

​ ${#strings.contains(msg,'T')} :判斷字符串是否包含指定的子串,包含為true,否則為false

​ ${#strings.startWith(msg,'a')} :判斷字符串是否為某個子串開頭。是為true,不是為false

${#strings.endsWith(msg,'a')}:判斷當前字符串是否以子串結尾,如果是返回true,否則返回false

${#strings.length(msg)}:返回字符串的長度

${#strings.indexOf(msg,'h')}:查找子串的位置,並返回該子串的下標,如果沒找到則返回-1

${#strings.substring(msg,13)}

${#strings.substring(msg,13,15)}:都表示截取字符串

${#strings.toUpperCase(msg)}

${#strings.toLowerCase(msg)}:表示轉大寫和小寫

日期和數字格式化處理

​ 日期和數字格式化處理:#numbers,#dates

${#dates.format(key)}:格式化日期,默認的以瀏覽器默認語言為格式化標准

${#dates.format(key,'yyy/MM/dd')}:按照自定義的格式做日期轉換

${#dates.year(key)}

${#dates.month(key)}

​ ${#dates.day(key)}:以上分別表示為:取年,月,日


Thymeleaf條件判斷

th:if(條件成立時顯示)th:unless(條件不成立時顯示)

<span th:if="${sex} == '男'">
		性別:男
</span>
<span th:if="${sex} == '女'">
		性別:女
</span>

th:switchth:case為一組表示多分支選擇語句

<div th:switch="${id}">
		<span th:case="1">ID為1</span>
		<span th:case="2">ID為2</span>
		<span th:case="3">ID為3</span>
</div>

迭代遍歷

th:each

@RequestMapping("/show3")
	public String showInfo3(Model model){
		List<Users> list = new ArrayList<>();
		list.add(new Users(1,"張三",20));
		list.add(new Users(2,"李四",22));
		list.add(new Users(3,"王五",24));
		model.addAttribute("list", list);
		return "index3";
	}

<table border="1">
		<tr>
			<th>ID</th>
			<th>Name</th>
			<th>Age</th>
		</tr>
		<tr th:each="u : ${list}">
			<td th:text="${u.userid}"></td>
			<td th:text="${u.username}"></td>
			<td th:text="${u.userage}"></td>
		</tr>
</table>

狀態變量
<table border="1">
		<tr>
			<th>ID</th>
			<th>Name</th>
			<th>Age</th>
			<th>Index</th>
			<th>Count</th>
			<th>Size</th>
			<th>Even</th>
			<th>Odd</th>
			<th>First</th>
			<th>lase</th>
		</tr>
		<tr th:each="u,var : ${list}">
			<td th:text="${u.userid}"></td>
			<td th:text="${u.username}"></td>
			<td th:text="${u.userage}"></td>
			<td th:text="${var.index}"></td>//當前迭代器的索引從0開始
			<td th:text="${var.count}"></td>//當前迭代對象的計數 從1開始,可以增加一列為序號功能
			<td th:text="${var.size}"></td>//被迭代對象的長度
			<td th:text="${var.even}"></td>//布爾值,當前循環是否是偶數/奇數 從0開始
			<td th:text="${var.odd}"></td>
			<td th:text="${var.first}"></td>//當前循環的是否是第一條如果是返回true否則返回false
			<td th:text="${var.last}"></td>
		</tr>
	</table>
狀態變量屬性
1,index:當前迭代器的索引 從0開始
2,count:當前迭代對象的計數 從1開始
3,size:被迭代對象的長度
4,even/odd:布爾值,當前循環是否是偶數/奇數 從0開始
5,first:布爾值,當前循環的是否是第一條,如果是返回true否則返回false
6,last:布爾值,當前循環的是否是最后一條,如果是則返回true否則返回false

th:each迭代Map集合

@RequestMapping("/show4")
	public String showInfo4(Model model){
		Map<String, Users> map = new HashMap<>();
		map.put("u1", new Users(1,"張三",20));
		map.put("u2", new Users(2,"李四",22));
		map.put("u3", new Users(3,"王五",24));
		model.addAttribute("map", map);
		return "index4";
	}

	<table border="1">
		<tr>
			<th>ID</th>
			<th>Name</th>
			<th>Age</th>
		</tr>
		<tr th:each="maps : ${map}">
			<td th:each="entry:${maps}" th:text="${entry.value.userid}" ></td>
			<td th:each="entry:${maps}" th:text="${entry.value.username}"></td>
			<td th:each="entry:${maps}" th:text="${entry.value.userage}"></td>
		</tr>
	</table>

域對象操作

1.HttpServletRequest
request.setAttribute("req", "HttpServletRequest");
Request:<span th:text="${#httpServletRequest.getAttribute('req')}"></span><br/>

2.HttpSession
request.getSession().setAttribute("sess", "HttpSession");
Session:<span th:text="${session.sess}"></span><br/>

3.ServletContext servlet上下文
request.getSession().getServletContext().setAttribute("app", "Application");
Application:<span th:text="${application.app}"></span>

URL表達式

th:href

th:src

語法:@{}

URL類型

​ 絕對路徑:<a th:href="@{http://www.baidu.com}">絕對路徑</a>

​ 相對路徑:

​ 相對於項目的上下文的相對路徑:<a th:href="@{/show}">相對路徑</a>

​ 相對於服務器路徑的根:<a th:href="@{~/project2/resourcename}">相對於服務器的根</a>

在url中實現傳遞參數:<a th:href="@{/show(id=1,name=zhagnsan)}">相對路徑-傳參</a>

在url中通過restful風格進行參數傳遞

<a th:href="@{/path/{id}/show(id=1,name=zhagnsan)}">相對路徑-傳參-restful</a>

一.刪除模板片段使用th:remove屬性

th:remove的值如下:

  1.all:刪除包含標簽和所有的孩子。

  2.body:不包含標記刪除,但刪除其所有的孩子。

  3.tag:包含標記的刪除,但不刪除它的孩子。

  4.all-but-first:刪除所有包含標簽的孩子,除了第一個。

  5.none:什么也不做。這個值是有用的動態評估。

參見:https://www.cnblogs.com/suncj/p/4030975.html

Thymeleaf簡單格式化輸出

為integer和Date屬性添加格式輸出:#numbers,#dates的使用

字符串連接使用+號進行連接

原樣輸出和轉義輸出 utext原樣輸出,text轉義輸出


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM