Thymeleaf基本知识（推荐）-白红宇

Thymeleaf基本知识（推荐）

阅读量：6095 次

发布时间：2019-06-20

本文共 5360 字，大约阅读时间需要 17 分钟。

原文：

http://blog.csdn.net/pdw2009/article/details/44700897

Thymeleaf是个XML/XHTML/HTML5模板引擎，可以用于Web与非Web应用。

Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。接下来，这些标签属性就会在DOM（文档对象模型）上执行预先制定好的逻辑。Thymeleaf的可扩展性也非常棒。你可以使用它定义自己的模板属性集合，这样就可以计算自定义表达式并使用自定义逻辑。这意味着Thymeleaf还可以作为模板引擎框架。

Thymeleaf的模板还可以用作工作原型，Thymeleaf会在运行期替换掉静态值。例如下面的html文件，当作为静态文件时，product name显示为Red Chair，当运行在容器中并提供product这个对象时，product name的值会自动替换为product.description对应的值。

1.bean值替换

1  2  3  4 Thymeleaf tutorial: exercise 2 5 
     6 
     7  8  9 Thymeleaf tutorial - Answer for exercise 1: bean values
 10 Product information
 11 
    
      12 
     
      Product name
     
 13 
     
      Red Chair
     
 14 15 
     
      Product price
     
 16 
     
      350
     
 17 18 
     
      Product available from
     
 19 
     
      2014-12-01
     
 20 
    
 21  22

2.简单数据转换（数字，日期）

1  2  3  4 Thymeleaf tutorial: exercise 2 5 
     6 
     7  8  9 Thymeleaf tutorial - Answer for exercise 2: bean values
 10 Product information
 11 
    
      12 
     
      Product name
     
 13 
     
      red Chair
     
 14 15 
     
      Product price
     
 16 
     
      180
     
 17 18 
     
      Product available from
     
 19 
     
      2014-12-01
     
 20 
    
 21  22

3.字符串拼接

1  2  3  4 Thymeleaf tutorial: exercise 3 5 
     6 
     7  8  9 Thymeleaf tutorial - Answer for exercise 3: string concatenation
 10 Product information
 11 
    
      12 
     
      Product price
     
 13 
     
      235
     
 14 
    
 15  16

4.国际化

1  2  3  4 Thymeleaf tutorial: exercise 4 5 
     6 
     7  8  9 Thymeleaf tutorial - Solution for exercise 4: internationalization
 10 Product information
 11 
    
      12 
     
      Product name
     
 13 
     
      Red chair
     
 14 15 
     
      Product price
     
 16 
     
      350
     
 17 18 
     
      Product available from
     
 19 
     
      28-Jun-2013
     
 20 
    
 21  22

此时html需要相应的配置文件。例如如下配置文件：

en：

tutorial.exercise4=Thymeleaf tutorial - exercise 4: internationalizationproduct.info=Product informationproduct.name=Product nameproduct.price=Product priceproduct.available=Product available fromback=Back

tutorial.exercise4=Tutorial De Thymeleaf - exercice 4: l'internationalisationproduct.info=Information du produitproduct.name=Nom du produitproduct.price=Prix du produitproduct.available=Produit disponible depuisback=Revenir

5.转义和非转义文本

1  2  3  4 Thymeleaf tutorial: exercise 5 5 
     6 
     7  8  9 Thymeleaf tutorial - Solution for exercise 5: escaped and unescaped text
 10 
    
      11 Some escaped text 12 
    
 13 
    
      14 Some unescaped text 15 
    
 16  17

上述两个div分别生成的html代码为


    
     This is an 
     HTML text. 
     Enjoy yourself!
    
 
    
     This is an 
     HTML text. 
     Enjoy yourself!

6.迭代

1  2  3  4 Thymeleaf tutorial: exercise 6 5 
     6 
     7  8  9 Thymeleaf tutorial - Answer for exercise 6: iteration
 10 Product list
 11 
    
      12 
       13 
        14 
 15 
 16 
 17 
 18 
 19 
       20 
        21 
 22 
 23 
 24 
 25 
        26 
 27 
 28 
 29 
 30 
        31 
 32 
 33 
 34 
 35 
        36 
 37 
 38 
 39 
 40 
 41 
                  Description        Price        Available from       
     
                  Red Chair        $123        2014-12-01       
             White table        $200        15-Jul-2013       
             Reb table        $200        15-Jul-2013       
             Blue table        $200        15-Jul-2013       
     
    
 42  43

Description	Price	Available from
Red Chair	$123	2014-12-01
White table	$200	15-Jul-2013
Reb table	$200	15-Jul-2013
Blue table	$200	15-Jul-2013

7.迭代统计

1  2  3  4 Thymeleaf tutorial: exercise 7 5 
     6 
     7  8  9 Thymeleaf tutorial - Solution for exercise 7: iteration stats
 10 Product list
 11 
    
      12 
       13 
        14 
 15 
 16 
 17 
 18 
 19 
 20 
       21 
        22 
 23 
 24 
 25 
 26 
 27 
        28 
 29 
 30 
 31 
 32 
 33 
        34 
 35 
 36 
 37 
 38 
 39 
        40 
 41 
 42 
 43 
 44 
 45 
 46 
                  Index        Description        Price        Available from       
     
                  1        Red chair        $350        28-Jun-2013       
             2        White table        $200        15-Jul-2013       
             3        Reb table        $200        15-Jul-2013       
             4        Blue table        $200        15-Jul-2013       
     
    
 47  48

Index	Description	Price	Available from
1	Red chair	$350	28-Jun-2013
2	White table	$200	15-Jul-2013
3	Reb table	$200	15-Jul-2013
4	Blue table	$200	15-Jul-2013

8.条件判断

1  2  3  4 Thymeleaf tutorial: exercise 8 5 
     6 
     7  8  9 Thymeleaf tutorial - Answer for exercise 8: conditions
 10 Product list
 11 
    
      12 
       13 
        14 
 15 
 16 
 17 
 18 
 19 
 20 
       21 
        22 
 23 
 24 
 25 
 28 
 29 
 30 
                  Description        Price        Available from              
     
                  Red chair        $350        28-Jun-2013         26 Special offer! 27       
     
    
 31  32

Description	Price	Available from
Red chair	$350	28-Jun-2013	26 Special offer! 27

9.更多条件判断

1  2  3  4 Thymeleaf tutorial: exercise 9 5 
     6 
     7  8  9 Thymeleaf tutorial - Answer for exercise 9: more on conditions
 10 Customer list
 11 
    
      12 
       13 
        14 
 15 
 16 
 17 
 18 
 19 
 20 
 21 
       22 
        23 
 24 
 25 
 30 
 35 
 42 
 43 
 44 
 45 
        46 
 47 
 48 
 49 
 50 
                  First name        Last name        Gender        Payment method        Balance       
     
                  Peter        Jackson                31  
         32  
         33 Unknown 34         36 Direct debit 37 
         38  39 Payment must be done in the next 4 days 40  41               350       
             Mary        Johanson               Credit card        5000

First name	Last name	Gender	Payment method	Balance
Peter	Jackson	31 32 33 Unknown 34	36 Direct debit 37 38 39 Payment must be done in the next 4 days 40 41	350
Mary	Johanson		Credit card	5000

转载于:https://www.cnblogs.com/mochaMM/p/5035638.html

你可能感兴趣的文章