thymeleaf常用配置

server:
  port: 8096
spring:
  datasource:
      driver-class-name: com.mysql.cj.jdbc.Driver
      url: jdbc:mysql://localhost:3305/mybatis?useSSl=false
      username: root
      password: root
  thymeleaf:
    cache: false
    # 降低代码审查的严格度
    mode: LEGACYHTML5
    # 配置了前缀
    prefix: classpath:/templates/
    # 配置了后缀    suffix: .html
  web:
    resources:
      # 配置静态文件路径默认是classpath:/static/
      static-locations: classpath:/static/
  mvc:
    # 静态文件匹配模式
    static-path-pattern: /**

取值操作

取普通值

<div th:test="${name}"></div>

取富文本

//字符串
<div th:utext="${userName}"></div>
//对象的属性
<div th:utext="${user.birthday}"></div>

取对象的值

 <ul th:object="${user}">
        <li th:text="*{username}">用户名</li>
        <li th:text="*{password}"></li>
 </ul>

在标签内获取对象的值

<div>制作人:[[${user}]]</div>

在js脚本中取值

<script th:inline="javascript">
        var name = [[${name}]];
        console.log(name)
</script>

数据处理

处理时间，字符串等

<div th:utext="${#dates.format(user.birthday,'yyyy-MM-dd HH:mm:ss')}"></div>
<p th:text="${#strings.replace('www.baidu.cn','.','$')}" />
<p th:text="${#sets.contains(names,'boot-0')}" />

地址操作

spring boot内置了地址处理，如果需要引用静态资源，我们可以通过@{}处理地址

<!-- 引用 js-->
<script th:src="@{/js/index.js}" ></script>
<!-- 引用 css-->
<link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
<!-- 引用 图片-->
<img th:src="@{/images/mao.png}"  alt="图片"/>

在css文件中引入静态资源

div {
    background-color: lightblue;
    background-image: url("../images/mao.png");
}

连接跳转

     <a href="detail">详情</a>
    <a href="/api/detail">绝对地址</a>
    <a th:href="@{/detail}">thymeleaf写法</a>
    <a th:href="@{/detail?name=张三丰}">thymeleaf传参</a>
    <a th:href="@{/detail(name=张三丰,id=123)}">thymeleaf新写法</a>
    <a th:href="@{/detail(name=${name},id=123)}">thymeleaf引用变量</a>

条件判断

th:if 满足条件的显示

th:unless 不满足条件的显示

 <div th:unless="${user == null}" th:object="${user}">
        <div th:text="*{username}"></div>
        <div th:text="*{password}"></div>
</div>
<div th:if="${user == null}">
       暂无数据
</div>

当条件不为boolean类型时

不只是布尔值的 true 和 false, th:if 表达式返回其他值时也会被认为是 true 或 false，规则如下:

boolean 类型并且值是 true, 返回 true
数值类型并且值不是 0, 返回 true
字符类型(Char)并且值不是 0, 返回 true
String 类型并且值不是 “false”, “off”, “no”, 返回 true
不是 boolean, 数值, 字符, String 的其他类型, 返回 true
值是 null, 返回 false

循环渲染

  <ul>
        <li th:each="item,eachInfo:${list}" th:object="${item}">
            <div th:text="*{username}"></div>
            <div th:text="*{password}"></div>
            <div th:text="${eachInfo}"></div>
        </li>
</ul>

th:each="【数组的每一项】,【遍历的信息】:【遍历的数组】"

整合Mybatis

开发

数据库连接

spring:
  datasource:
    url: jdbc:mysql://127.0.0.1:3305/mybatis?useSSl=false
    username: root
    password: root
    driver-class-name: com.mysql.cj.jdbc.Driver

mybatis:
  # 配置别名的包地址
  type-aliases-package: com.wzx.bootmybatisone.entity
  # 配置mapper xml的地址
  mapper-locations: classpath:com/wzx/bootmybatisone/mapper/*.xml