thymeleaf的常见问题汇总

简介: thymeleaf的常见问题汇总1.thymeleaf th:href 多个参数传递格式 th:href="@{/Controller/update(param1=1,param2=${person.id})}"。

thymeleaf的常见问题汇总

1.thymeleaf th:href 多个参数传递格式

  th:href="@{/Controller/update(param1=1,param2=${person.id})}"。就是使用逗号隔开多个参数!!!

thymeleaf的th:each常见用法

一.th:eath迭代集合用法:

<table border="1" id="stuTable">
    <tr>
        <td>是否选中</td>
        <td>编号</td>
        <td>姓名</td>
        <td>年龄</td>
    </tr>
    <tr th:each="stu,userStat:${studentList}" >
        <td><input th:type="checkbox" th:name="id" th:value="${stu.id}"></td>
        <td th:text="${stu.id}">编号</td>
        <td th:text="${stu.name}">姓名</td>
        <td th:text="${stu.age}">年龄</td>
    </tr>
</table>

二.迭代下标变量用法:

状态变量定义在一个th:每个属性和包含以下数据:

1.当前迭代索引,从0开始。这是索引属性。index

2.当前迭代索引,从1开始。这是统计属性。count

3.元素的总量迭代变量。这是大小属性。 size

4.iter变量为每个迭代。这是目前的财产。 current

5.是否当前迭代是奇数还是偶数。这些even/odd的布尔属性。

6.是否第一个当前迭代。这是first布尔属性。

7.是否最后一个当前迭代。这是last布尔属性。

用法实例:

<table border="1" id="stuTable">
    <tr>
        <td>是否选中</td>
        <td>编号</td>
        <td>姓名</td>
        <td>年龄</td>
    </tr>
    <tr th:each="stu,userStat:${studentList}" th:class="${userStat.odd}?'odd':'even'">
        <td th:text="${userStat.index}"></td>
        <td><input th:type="checkbox" th:name="id" th:value="${stu.id}"></td>
        <td th:text="${stu.id}">编号</td>
        <td th:text="${stu.name}">姓名</td>
        <td th:text="${stu.age}">年龄</td>
    </tr>
</table>

3.thymeleaf 传递数据到js变量

如何把控制器传来的model中的值传递给js变量呢?

需要以下两个:

  • <script th:inline="javascript">
  • var message = [[${message}]]

1.controller

@RequestMapping(value = "message", method = RequestMethod.GET)  
   public String messages(Model model) {  
           model.addAttribute("message", "hello");  
           return "index";  
   }  

2.not work

var m = ${message}; // not working  
alert(m);  

3.ok

<script th:inline="javascript">  
/*<![CDATA[*/  
  
    var message = [[${message}]];  
    console.log(message);  
  
/*]]>*/  
</script>  
相关文章
|
6月前
|
XML Java 数据格式
Spring-常见问题25问
Spring-常见问题25问
70 0
|
6月前
|
Java
SpringBoot thymeleaf自定义错误页面
SpringBoot thymeleaf自定义错误页面
56 0
|
6月前
|
Java
SpringBoot自定义错误页面与原理讲解
SpringBoot自定义错误页面与原理讲解
209 0
|
XML 移动开发 前端开发
SpringBoot-5-页面展示Thymeleaf
SpringBoot-5-页面展示Thymeleaf
115 0
|
Java 数据库
Springboot常见问题汇总
Springboot常见问题汇总
104 0
|
前端开发 JavaScript Java
前端|如何在SpringBoot中通过thymeleaf模板访问页面
前端|如何在SpringBoot中通过thymeleaf模板访问页面
321 0
|
Java 数据库连接 uml
Spring官网阅读(十七)Spring中的数据校验(1)
Spring官网阅读(十七)Spring中的数据校验(1)
188 0
Spring官网阅读(十七)Spring中的数据校验(1)
|
Java 测试技术 Spring
Spring官网阅读(十七)Spring中的数据校验(2)
Spring官网阅读(十七)Spring中的数据校验(2)
112 0
Spring官网阅读(十七)Spring中的数据校验(2)
|
移动开发 Java HTML5
Thymeleaf 5 分钟教程
Thymeleaf 是一个用于 web 和独立环境的现代服务器端 Java 模板引擎。 Thymeleaf 的主要目标是为开发工作流程带来优雅的自然模板ー HTML,它既可以在浏览器中正确显示,也可以作为静态原型工作,从而加强开发团队之间的协作。 有了 Spring Framework 的模块、大量与您最喜欢的工具集成的功能,以及插入您自己功能的能力,Thymeleaf 是现代 HTML5 JVM web 开发的理想选择ーー尽管它可以做的还有很多。 用 Thymeleaf 语言编写的 HTML 模板看起来和工作方式仍然类似于 HTML,使得在应用程序中运行的实际模板仍然可以作为有用的设计工件工
186 0
|
缓存 Java
SpringBoot thymeleaf——修改后如何实时生效
SpringBoot thymeleaf——修改后如何实时生效
436 0