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

發(fā)布時間：2020-07-21 15:44:27 來源：網(wǎng)絡(luò) 閱讀：601 作者：pannijingling 欄目：web開發(fā)

項目基本配置參考文章SpringBoot入門一,使用myEclipse新建一個SpringBoot項目,使用myEclipse新建一個SpringBoot項目即可?，F(xiàn)在來給項目添加一個log4j2支持,添加方式非常簡單,僅需兩步即可，具體內(nèi)容如下：

1. pom.xml添加thymeleaf支持

<!-- 3.開啟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
## 設(shè)置不嚴(yán)格的html
spring.thymeleaf.mode=LEGACYHTML5
## 編碼格式
spring.thymeleaf.encoding=utf-8
## 前綴，也就是模板存放的路徑,默認(rèn)是templates,可以不用配置
spring.thymeleaf.prefix=/view/
## 后綴
spring.thymeleaf.suffix=.html

3.創(chuàng)建一個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.創(chuàng)建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">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </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>下標(biāo)</th>
            <th>當(dāng)前迭代數(shù)/總數(shù)</th>
            <th>是否奇數(shù)</th>
            <th>是否偶數(shù)</th>
            <th>是否第一個當(dāng)前迭代</th>
            <th>是否最后一個當(dāng)前迭代</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>當(dāng)前編號/總數(shù)</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.頁面展示效果如下

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

6.thymeleaf參考

6.1 thymeleaf參考手冊
6.1 thymeleaf使用詳解
6.2 Thymeleaf 模板引擎中文文檔
6.3 Thymeleaf的 th:* 屬性之—— th: ->設(shè)值& 遍歷迭代& 條件判斷

向AI問一下細(xì)節(jié)

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

1. pom.xml添加thymeleaf支持

2. springboot配置文件添加thymeleaf配置信息(spring.mvc.view的視圖解析器就不用了)

3.創(chuàng)建一個controller

4.創(chuàng)建firstPage.html頁面

5.頁面展示效果如下

6.thymeleaf參考

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽