thymeleaf的学习1----------------摸鱼王的日常学习

模板引擎thymeleaf

thymeleaf简介

Thymeleaf是一个适用于Web和独立环境的现代服务器端java模板引擎
https://www.thymeleaf.org

为什么要使用thymeleaf

thymeleaf PK Vue.js

这两种技术本质上属于不同类型的产品 vue.js属于前端框架 而thymeleaf属于模板引擎
前端通过vue指令渲染列表 thymeleaf则是后端实现页面的渲染
1.由于vue.js是异步请求,从页面打开到信息的展示会出现延迟,而使用thymeleaf 页面打卡会立刻看到页面的信息
2.异步加载的数据不会被搜索引擎抓取 所以我们希望数据被搜索引擎收录 就需要thymeleaf这样的模板引擎

thymeleaf PK JSP

thymeleaf和JSP都属于服务端的渲染技术
thymeleaf比jsp功能强大许多
而且thymeleaf就是springboot官方推荐使用的模板引擎

常用的th标签

th:id 替换id
    <input th:id = "'xxx'+${变量.id}"/>
th:test 文本替换
    <p th:test=""></p>
th:utest 支持html的文本替换
    <p th:utest=""></p>
th:each 循环标签
    <li th:each="user,userStat:${users}">
th:if 判断条件
    <a th:if="${userId == collect.userId}">
th:value 属性赋值
    <input th:value="${user.name}"/>
th:with 变量赋值运算
    <div th:with = "isEven=${prodStat.count}%2 == 0">