Thymeleaf教程(三)th标签整理

1、简单表达式

变量表达式 ${... ...}


上述代码为引用user对象的name属性值


选择/星号表达式*{*** ***}

Nationality: Saturn.

选择表达式一般跟在th:object后,直接取object中的属性


文字国际化表达式 #{... ...}

Welcome to our grocery store!

调用国际化的welcome语句,国际化资源文件如下

resource_en_US.properties:home.welcome=Welcome to here!resource_zh_CN.properties:home.welcome=欢迎您的到来!

URL表达式 @{... ...}

view
@{... ...}支持决定路径和相对路径。其中相对路径又支持跨上下文调用url和协议的引用
当URL为后台传出的参数时,代码如下:

二维码

2、常用的th标签

简单数据转换(数字,日期)

价格
 
180
  
进货日期
  
2014-12-01


字符串拼接

235

转义和非转义文本

当后台传出的数据为"This is an <em>HTML</em> text. <b>Enjoy yourself!</b>"时,若页面代码如下则出现两种不同的结果

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

表单中

显示页面的数据迭代

           //用 th:remove 移除除了第一个外的静态数据,用第一个tr标签进行循环迭代显示    
           
          //将后台传出的 productList 的集合进行迭代,用product参数接收,通过product访问属性值
                            //用count进行统计,有顺序的显示
            1
                    Red Chair
                    $123
                    2014-12-01
                
                
                    White table
                    $200
                    15-Jul-2013
                
                
                    Reb table
                    $200
                    15-Jul-2013
                
                
                    Blue table
                    $200
                    15-Jul-2013
                
      

条件判断

Special offer!
不能用"<",">"等符号,要用"lt"等替代



    Male 
    Female 
    Unknown

350

根据后台数据选中select的选项

因为gender是定义的num(枚举)类型,所以要用toString方法。用th:switch指定传出的变量,用th:case对变量的值进行匹配。!"请选择"放在第一项会出现永远选择的是这个选项。或者用th:if


spring表达式语言



    
        Thymeleaf tutorial: exercise 10
        
        
    
    
        

Thymeleaf tutorial - Solution for exercise 10: Spring Expression language

Arithmetic expressions

Four multiplied by minus six multiplied by minus two module seven:

123

Object navigation

Description field of paymentMethod field of the third element of customerList bean:

Credit card

Object instantiation

Current time milliseconds:

22-Jun-2013

T operator

Random number:

123456


内联



内联JS"等不能用>

/**/


js附加代码:

/*[+
var msg = 'This is a working application';
+]*/


js移除代码

/*[- */var msg = 'This is a non-working template';/* -]*/









你可能感兴趣的:(★Java天堂)