Laravel 6 路由常見用法
阿新 • • 發佈：2021-07-16
目錄
Springboot 整合 Thymeleaf
1.什麼是Thymeleaf
Thymeleaf 是一個跟 Velocity、FreeMarker 類似的模板引擎。相較與其他的模板引擎，它有一個最大的特點是，它可以讓美工在瀏覽器檢視頁面的靜態效果，也可以讓程式設計師在服 務器檢視帶資料的動態頁面效果。 這是由於它支援 html 原型，然後在 html 標籤裡增加額外的屬性來達到模板 +資料的展示方式。
<a th:text="${url}">百度</a>
瀏覽器解釋 html 時會忽略未定義的標籤屬性，所以 thymeleaf 的模板可以 靜態地執行； 當有資料返回到頁面時，Thymeleaf 標籤會動態地替換掉靜態內容，使頁面動態顯示。
2.快速開始
1）引入依賴
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
2）配置Thymeleaf模版引數
spring:
thymeleaf:
cache: false
3）建立模版檔案 hello.html
檔案存放的位置：resource/templates
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"></meta> <title>Insert title here</title> </head> <body>Welcome <span th:text="${uname}">Admin</span>! </body> </html>
介面設定
@Controller
public class UserController {
@RequestMapping("/userlist")
public String userList(Model model){
User user1 = new User();
user1.setUname("小李");
user1.setUid(1L);
user1.setAge(20);
user1.setEntryDate(new Date());
User user2 = new User();
user2.setUname("小王");
user2.setUid(2L);
user2.setAge(21);
user2.setEntryDate(new Date());
User user3 = new User();
user3.setUname("小趙");
user3.setUid(3L);
user3.setAge(22);
user3.setEntryDate(new Date());
List<User> users = new ArrayList<>();
users.add(user1);
users.add(user2);
users.add(user3);
model.addAttribute("users",users);
// model.addAttribute("user",user);
return "userlist";
}
@RequestMapping("/hello")
public String hello(Model model){
model.addAttribute("uname","小明");
return "hello";
}
}
3.Thymeleaf中的小技巧
1）字串
歡迎:<span th:text="${username}"></span><br/>
歡迎:<span th:text="超級VIP+${username}"></span><br/>
歡迎:<span th:text="|超級VIP,${username}|"></span><br/>
2）條件判斷
# 條件為真，則顯示所處的年齡段
<span th:if="${age > 18}">老臘肉</span>
<span th:if="${age <= 18}">小鮮肉</span>
# 條件不為真，則顯示
<span th:unless="${age>18}" th:text="未超過18歲"></span>
3）三元運算子
<span th:text="${age>18 ? '不年輕了':'too yong'}"></span>
4）迴圈
<table>
<tr>
<td>id</td>
<td>姓名</td>
</tr>
<tr th:each="stu : ${stus}">
<td th:text="${stu.id}">id</td>
<td th:text="${stu.name}">姓名</td>
</tr>
</table>
5）日期格式化
<input th:value="${#dates.format(now,'yyyy-MM-dd HH:mm:ss')}"/>