java前端模板Thymeleaf常用语法

1、在html页面中引入模板。

2、需要引入css时，代码如下：（js与其类似）

3、对于某些页面，我们需要引入其他公共页面的话，在需要引入的区域使用include，如下：

//img表示另一个页面的（/路径/文件名去掉后缀）,

${frag}表示后台动态传入的fragment名字，我传入的是img，他是另一个页面的fragment名，传入的页面img.html如下：

//注：这句引入必须要有。

    
    


//${frag}的值为fragment的值
    这是模板图片：
    

4、如果需要对后台传过来的时间进行格式化，如下：

//结果为  2019-04-01 12:55:24

如果不进行格式化，代码如下：

 

 //结果为Mon Apr 01 12:55:24 CST 2019 显然可读性差

5、对文本进行替换，两种方式，任选：

6、后台传过来list集合的话，如何循环遍历呢？

//li为别名，${list}为后台传过来的集合名
        

7、对数据判断，根据不同的数据类型使用不同的方法，如：对后台传过来的string类型，我们用strings：

//为空显示前者：‘暂无信息’，不为空显示string字段。
对于list或者set，代码类似

8、根据后台传过来的数据进行区分，分别显示不同的内容，可以用if或者switch。
（1）if 后面跟的内容为真，显示对应的，unless刚好相反。

//判断为真显示
    不错不错


//判断为假显示
    不错不错

如果user.phone从后台传过来是‘18438595560’（我的手机号），则前者显示，后者不显示。
（2）if多条件与switch类型。

正确
错误

（3）switch的用法如下,肯定需要与case搭配。

    

       是健康女朋友的号码
    
    

        是健康的号码
    
    

当然，我们也可以加default

        是其他健康不认识的人的号码

上面可以用下面的替换，与default效果一致：

   

     是其他健康不认识的人的号码
    

9、select语句，动态加载。

 
         //默认选择的内容
        
    

实际效果如下：

10、动态加载图片，语法如下：

如果图片没有拿到，我们为了美观需要默认的图片。可以这样：

th:onerror语法是当前面的图片，从后台拿不到时，我们使用ss.gif替换。
11、提交form表单，我们我们也可以用thymeleaf的语法。

 

        //field上传的字段名字
        
        
    

th:object="${user}",表示我们提交的内容为user对象，在后台直接接收user就行了，下面的字段phone，password都能拿到。
12、为了避免冲突，在前端，一下符合也需要改动。（注：分号不可省）
（1）< ；小于
（2）>；大于
（3）&equals 等于
（4）&le； 小于等于
（5）&ge； 大于等于

 
This is <小于
    
This is >大于/h2>
    
This is =;等于/h2>
    
This is ≤,小于等于/h2>
    
This is ≥大于等
13、数据格式化实例

（1）保留两位小数，整数位自动：

 34
 //结果为  11.00

（2）保留两位小数，整数位三位。

 34
 结果为： 011.00