SSM整合中使用Thymeleaf

八格先生

已于 2022-10-18 16:22:56 修改

阅读量907

点赞数 1

文章标签： java mybatis 开发语言

于 2022-10-18 15:06:31 首次发布

本文链接：https://blog.csdn.net/WoMaogq/article/details/127388548

版权

Thymeleaf的中文文档：详细内容可查看中文文档

Thymeleaf 是一个服务器端 Java 模板引擎，能够处理 HTML、XML、CSS、JAVASCRIPT 等模板文件。Thymeleaf 模板可以直接当作静态原型来使用，它主要目标是为开发者的开发工作流程带来优雅的自然模板，也是 Java 服务器端 HTML5 开发的理想选择。
1.引入依赖

<!--spring5和thymeleaf整合包-->
 <dependency>
     <groupId>org.thymeleaf</groupId>
     <artifactId>thymeleaf-spring5</artifactId>
     <version>3.0.12.RELEASE</version>
 </dependency>

2.引入命名空间：通过<html xmlns:th="http://www.thymeleaf.org">引入 Thymeleaf 命名空间

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>这是index</h1>
<a th:href="@{/getAllEmployee}">查询所有数据</a>
<!--下面的表达式是JSP文件的超链接表达式，在html中不适用-->
<a href="${pageContext.request.contextPath}/getAllEmployee">查询所有数据</a>
</body>
</html>

3.简单表达式
在这里插入图片描述
这里只说${变量}

4.超链接表达式

<a th:href="@{超链接地址}"></a>
或
<a th:attr="href=@{超链接地址}"></a>

例如

<a th:href="@{https://www.google.com.hk}">谷歌一下你就知道</a>

还有其他相关内容可以查看 Thymeleaf的中文文档
5.接收后端的数据

常见的六种默认的携带数据的参数
HttpServletRequest
HttpServletResponse
HttpSession
Model
Map
ModelMap
注意：ModelMap、Map、Model、HttpServletRequest都使用请求作用域进行数据传递，所以服务器端的跳转必须是请求转发
注意理解请求转发和重定向

这里使用的是session（请求转发时记得取消ajax的注解支持，否则会误判，即return “one”，会被误判为ajax封装one
在这里插入图片描述
html接收数据，方式session.属性（自己定义的）

<table>
    <tr>
        <th colspan="5"> <!--合并多少列-->
            列表
        </th>
    </tr>
    <tr>
        <th>工号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
        <th>email</th>
    </tr>
    <tr th:each="employee : ${session.employees}">
        <td th:text="${employee.empId}"></td>
        <td th:text="${employee.empName}"></td>
        <td th:text="${employee.age}"></td>
        <td th:text="${employee.sex}"></td>
        <td th:text="${employee.email}"></td>
    </tr>