基于springboot框架的thymeleaf入门

末蓝、 2022-04-25 10:02 153阅读 0赞

基于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 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} + '!'">