SpringBoot入门十六,添加Thymeleaf模板支持

2024-12-14 技术教程

项目基本配置参考文章SpringBoot入门一,使用myEclipse新建一个SpringBoot项目,使用myEclipse新建一个SpringBoot项目即可。现在来给项目添加一个log4j2支持,添加方式非常简单,仅需两步即可，具体内容如下：

1. pom.xml添加thymeleaf支持

<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>2. springboot配置文件添加thymeleaf配置信息(spring.mvc.view的视图解析器就不用了)

#----------------视图层thymeleaf配置---------------## 是否开启缓存spring.thymeleaf.cache=false## 设置不严格的htmlspring.thymeleaf.mode=LEGACYHTML5## 编码格式spring.thymeleaf.encoding=utf-8## 前缀，也就是模板存放的路径,默认是templates,可以不用配置spring.thymeleaf.prefix=/view/## 后缀spring.thymeleaf.suffix=.html3.创建一个controller

import java.util.ArrayList;import java.util.List;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import com.qfx.common.controller.BaseController;import com.qfx.demo.bean.User;@Controller@RequestMapping("thyemleaf")public class ThymeleafController extends BaseController { @RequestMapping("view/first") public String firstView(){ User user = new User(); user.setUserId("001"); user.setUserName("张三"); user.setUserAge(18); user.setUserSex(true); User user2 = new User(); user2.setUserId("002"); user2.setUserName("李四"); user2.setUserAge(20); user2.setUserSex(true); User user3 = new User(); user3.setUserId("003"); user3.setUserName("柳林"); user3.setUserAge(16); user3.setUserSex(false); List<User> userList = new ArrayList<User>(); userList.add(user); userList.add(user2); userList.add(user3); List<String> list = new ArrayList<String>(); list.add("123"); list.add("abc"); list.add("哈哈哈"); list.add("((&($*"); request.setAttribute("msg", "欢迎来到thyemleaf的世界!"); request.setAttribute("userList", userList); request.setAttribute("list", list); return "firstPage"; }}4.创建firstPage.html页面

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>firstPage.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> <meta name="content-type" content="text/html; charset=UTF-8">  </head> <body> <br/> <table align="center" width="50%" border="1" cellpadding="5" cellspacing="0" bordercolor="lime"> <caption> <span th:text="${msg}"></span> <select > <option th:each="user:${userList}" th:value="${user.userId}" th:text="${user.userId}+'_'+${user.userName}"></option> </select> </caption> </table> <br/> <table align="center" width="50%" border="1" cellpadding="5" cellspacing="0" bordercolor="lime"> <caption>测试表格元素 </caption> <tr> <th>下标</th> <th>当前迭代数/总数</th> <th>是否奇数</th> <th>是否偶数</th> <th>是否第一个当前迭代</th> <th>是否最后一个当前迭代</th> <th>值</th> </tr> <tr th:each="value,state:${list}"> <td th:text="${state.index}"></td> <td th:text="${state.count +'/'+ state.size}"></td> <td th:text="${state.odd}"></td> <td th:text="${state.even}"></td> <td th:text="${state.first}"></td> <td th:text="${state.last}"></td> <td th:text="${value}"></td> </tr> </table> <br/> <table align="center" width="50%" border="1" cellpadding="5" cellspacing="0" bordercolor="lime"> <caption>用户信息</caption> <tr> <th>当前编号/总数</th> <th>ID</th> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr th:each="user,state:${userList}"> <td th:text="${state.count +'/'+ state.size}"></td> <td th:text="${user.userId}"></td> <td th:text="${user.userName}"></td> <td th:text="${user.userAge}"></td> <td th:text="${user.userSex ? '男':'女'}"></td> </tr> </table> </body></html>5.页面展示效果如下

6.thymeleaf参考