第八节：Thymeleaf的基本用法

Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎，类似JSP，Velocity，FreeMaker等，它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。
与其它模板引擎相比，Thymeleaf最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个Web应用。
Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。
Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、改jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。
Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。
一：在html页面中引入thymeleaf命名空间，即，此时在html模板文件中动态的属性使用th:命名空间修饰。

在其它标签使用 th:*语法的前提

这样才可以在其他标签里面使用th:*这样的语法.这是下面语法的前提.
二：变量表达式(获取变量值)

获取变量

分析：
1.可以看出获取变量值用$符号,对于javaBean的话使用变量名.属性名方式获取,这点和EL表达式一样2.它通过标签中的th:text属性来填充该标签的一段内容，意思是$表达式只能写在th标签内部,不然不会生效,上面例子就是使用th:text标签的值替换p标签里面的值,至于p里面的原有的值只是为了给前端开发时做展示用的.这样的话很好的做到了前后端分离.意味着p标签中的内容会被表达式#{name}的值所替代，无论模板中它的内容是什么，之所以在模板中“多此一举“地填充它的内容，完全是为了它能够作为原型在浏览器中直接显示出来。
3.访问spring-mvc中model的属性，语法格式为“${}”，如${user.id}可以获取model里的user对象的id属性
4.牛叉的循环

三：URL表达式(引入URL)
1.引用静态资源文件(CSS使用th:href，js使用使用th:src)
比如CSS和JS文件，语法格式为“@{}”，如@{/scripts/jquery-3.1.1.js}会引入/static目录下的/scripts/jquery-3.1.1.js文件

引入URL

2.href链接URL(使用th:href)

引用href的URL

分析：
1)最终解析的href为：
  /seconddemo/
  /seconddemo/usethymeleaf?name=Dear 相对路径，带一个参数
  /seconddemo/usethymeleaf?name=Dear&alis=Dear 相对路径，带多个参数
  /seconddemo/usethymeleaf?name=Dear&alis=Dear 相对路径，带多个参数
  /seconddemo/usethymeleaf/Dear 相对路径，替换URL一个变量
  /seconddemo/usethymeleaf/Dear/Dear 相对路径，替换URL多个变量
2)URL最后的(name=${name})表示将括号内的内容作为URL参数处理，该语法避免使用字符串拼接，大大提高了可读性
3)@{/usethymeleaf}是Context相关的相对路径，在渲染时会自动添加上当前Web应用的Context名字，假设context名字为seconddemo，那么结果应该是/seconddemo/usethymeleaf，即URL中以”/“开头的路径(比如/usethymeleaf将会加上服务器地址和域名和应用cotextpath，形成完整的URL。
4)th:href属性修饰符:它将计算并替换使用href链接URL 值，并放入的href属性中。
5)th:href中可以直接使用静态地址
四：选择或星号表达式
  表达式很像变量表达式，不过它们用一个预先选择的对象来代替上下文变量容器(map)来执行
  *{customer.name}
  被指定的object由th:object属性定义：

……
...
……

分析：
1)如果不考虑上下文的情况下，两者没有区别；星号语法评估在选定对象上表达，而不是整个上下文，什么是选定对象？就是父标签的值。上面的*{title}表达式可以理解为${book.title}。(父对象)
2)当然，美元符号和星号语法可以混合使用
小插曲：三和四的变量表达式、URL表达式所对应的属性都可以使用统一的方式：th.attr=“属性名=属性值”的方式来设置，参考第“七.设置属性值”部分
五：文字国际化表达式
  文字国际化表达式允许我们从一个外部文件获取区域文字信息(.properties)，用Key索引Value，还可以提供一组参数(可选).
  #{main.title}
  #{message.entrycreated(${entryId})}
  可以在模板文件中找到这样的表达式代码：

……