springboot 02

最新推荐文章于 2024-10-04 11:32:14 发布

赵瑞峰-

最新推荐文章于 2024-10-04 11:32:14 发布

阅读量61

点赞数

本文链接：https://blog.csdn.net/qq_47944580/article/details/126635512

版权

thymeleaf常用配置

spring:
  thymeleaf:
    cache: false
    mode: LEGACYHTML5
    # 配置了前缀
    prefix: classpath:/templates/
    # 配置了后缀
    suffix: .html

  web:
    resources:
      # 配置静态文件路径默认是classpath:/static/
      static-locations: classpath:/static/

  mvc:
    # 静态文件匹配模式
    static-path-pattern: /**

设置th的命名空间

3. 取值操作

3.1 取普通值

th:text="${}"

3.2 取富文本

th:utext="${}"

3.3 取对象的值

3.3.1 通过对象加属性的方法

3.3.2 通过th:object

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

3.4 在标签内获取对应值

默认情况th:text 会覆盖掉标签内的值，这时候如果我们希望他们能共存的话

    <div th:inline="text">
        用户名：[[${name}]]
    </div>

3.5 在js脚本中取值

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

3.6 数据处理

<!-- 时间格式化 -->
	<p th:text="${#dates.format(mydate,'yyyy-MM-dd')}" />
	<p th:text="${#dates.format(mydate,'yyyy-MM-dd HH:mm:ss.SSS')}" />
	<hr />
	<!-- 替换 把.换成$ -->
	<p th:text="${#strings.replace('www.baidu.cn','.','$')}" />
	<!-- 	转大写 -->
	<p th:text="${#strings.toUpperCase('www.baidu.cn')}" />
	<!-- 	去除两边空格 -->
	<p th:text="${#strings.trim('www.baidu.cn')}" />
	<hr />
	<!-- 	判断names中是否包含boot-0 -->
	<p th:text="${#sets.contains(names,'boot-0')}" />
	<p th:text="${#sets.contains(names,'boot-9')}" />
	<!-- 	元素个数 -->
	<p th:text="${#sets.size(names)}" />
	<hr />
	<!-- 判断ids中是否包含 0  -->
	<p th:text="${#sets.contains(ids,0)}" />
	<!-- 	取出下标为1的元素 -->
	<p th:text="${ids[1]}" />
	<p th:text="${names[1]}" />

4. 地址操作

<!-- 引用 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="图片"/>

4.2 链接跳转

    <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>

5. 获取内置对象

当我们需要使用内置对象的时候，可以通过#内置对象获取，如

<!-- 使用request中的方法 -->
	<p th:text="${#httpServletRequest.getRemoteAddr()}" />
	<!-- 	获取request中的数据 -->
	<p th:text="${#httpServletRequest.getAttribute('requestMessage')}" />
	<!-- 	获取session中的数据 -->
	<p th:text="${#httpSession.getAttribute('sessionMessage')}" />
	<p th:text="${#httpSession.getId()}" />
	<!-- 	获取项目根目录 -->
	<p  th:text="${#httpServletRequest.getServletContext().getRealPath('/')}" />
	<hr />
	<!-- 	默认获取request中的数据 -->
	<p th:text="'requestMessage = ' + ${requestMessage}" />
	<!-- 	获取session中的数据,需要使用session调用 -->
	<p th:text="'sessionMessage = ' + ${session.sessionMessage}" />
	<!-- 	获取application中的数据,需要使用application调用 -->
	<p th:text="'applicationMessage = ' + ${application.applicationMessage}" />

6、条件判断

6.1 th:if

满足条件的显示

6.2 th:unless

不满足条件的显示

6.3 当条件不为bool类型时的判断依据

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

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

7. 循环渲染

   <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="【数组的每一项】,【遍历的信息】:【遍历的数组】"