---
# System prepended metadata

title: Thymeleaf使用教學
tags: [Java Web-Thymeleaf]

---

# Thymeleaf使用教學
###### tags: `Java Web-Thymeleaf`

![](https://i.imgur.com/mIJfIe8.png)

1)添加thymeleaf的jar包
![](https://i.imgur.com/YxrACDW.png)
![](https://i.imgur.com/4eSpTH1.png)
![](https://i.imgur.com/yk126GQ.png)
![](https://i.imgur.com/CWeT7tS.png)
![](https://i.imgur.com/7gANtWP.png)

    2)新建一個Servlet類ViewBaseServlet
    3)在web.xml文件中添加配置
    4)使得我們的Servlet繼承ViewBaseServlet


![](https://i.imgur.com/FLCZOZM.png)
![](https://i.imgur.com/p2JtiOD.png)

  1)添加thymeleaf的jar包
    2)新建一個Servlet類ViewBaseServlet
    3)在web.xml文件中添加配置
        配置前綴 view-prefix
        配置後綴 view-suffix
    4)使得我們的Servlet繼承ViewBaseServlet

    5)根據邏輯視圖名稱 得到 物理視圖名稱
          //此處的視圖名稱是index
          //thymeleaf會將這個 邏輯視圖 名稱對應到 物理視圖 名稱上去
          //邏輯視圖名稱：index
          //物理視圖名稱：view-prefix + 邏輯視圖名稱 + view-suffix
          //所以真實的視圖名稱是： /       index       .html     = /index.html
            super.processTemplate("index",req,resp);
    6)使用thymeleaf的標籤
     th:if,th:unless,th:each,th:text



## thymeleaf的部分標籤
###    1)使用步驟：添加jar，新建ViewBaseServlet(有兩個方法)，配置兩個<context-param>：view-prefix,view-suffix
    
###    2)部分標籤：<th:if>,<th:unless>,<th:each>,<th:text>