基于springboot框架的thymeleaf入门

基于springboot框架的thymeleaf入门
一、什么是Thymeleaf?
二、thymeleaf需要配置什么？

1. 引入所依赖的jar
2. 配置thymeleaf视图解析器
3. 常用语法
   一、什么是Thymeleaf?
   此处可参考博文
   Thymeleaf是一个模板引擎，可以完全替代jsp,类似的模板引擎还有Velocity/FreeMarker。
   ThymeLeaf的主要特点：
   有网络和无网络环境下均可运行
   前端可以查看页面的静态效果，浏览器解析html时会忽略未定义的标签属性；
   后台可以查看带数据的动态页面，当有数据返回到页面时，Thymeleaf标签会动态地替换掉静态内容。
   开箱即用
   它提供标准和spring标准两种语言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的语言。
   **提供spring标准语言和一个与springmvc完美集成的可选模块，快速实现表单绑定、属性编辑器、国际化等功能
   二、thymeleaf需要配置什么？
4. 引入所依赖的jar
   在springboot配置文件pom.xml中添加thymeleaf所依赖：
   
   org.springframework.boot
   spring-boot-starter-thymeleaf
   
5. 配置thymeleaf视图解析器
   在springboot中找到application.properties文件，在此文件中添加thymeleaf视图解析器：
   #thymeleaf start
   spring.thymeleaf.mode=HTML5
   spring.thymeleaf.encoding=UTF-8
   spring.thymeleaf.content-type=text/html
   #开发时关闭缓存,不然没法看到实时页面
   spring.thymeleaf.cache=false
   #thymeleaf end
6. 常用语法
   创建html
   需要在.html文件中添加,只有添加了词条语句，下文中才能正确使用th等标签：
7. 获取变量值“${}”

       <!--p中原有的值“333”只是为了给前端开发时做展示用的。
       thymeleaf有一个特性：在无网络的情况下也可以运行，只是运行出来的界面展示的是模拟数据，由此便很好做到了前后端分类，便于开发。-->
   <p th:text="'Hello！, ' + ${name} + '!'">3333</p>
选择变量表达式“*{}”
 <div th:object="${session.user}">
    <p>Name: <span th:text="*{firstName}">Tom</span>.</p>
    <p>Surname: <span th:text="*{lastName}">Ford</span>.</p> 
</div> 
下面这种方式与上一中等价：
<div>
    <p>Name: <span th:text="${session.user.firstName}">Tom</span>.</p> 
    <p>Surname: <span th:text="${session.user.lastName}">Ford</span>.</p> 
</div>
链接表达式
<a th:href="@{/logout}" class="signOut"></a>
文本替换
<span th:text="'Welcome to my world, ' + ${user.name} + '!'">