html页面中作为分页页码的按钮元素是写在thymeleaf定义的循环里的，代码如下：
<li th:each="p:${page.navigatepageNums}">
<button class="btn btn-default" id="pn" th:text="${p}"></button>
使用id选择器绑定点击事件， 点击数字时可以跳转页面，代码如下：
$("#pn").click(function (){
$("#pageNum").val($(this).html());
$("#query").submit();
然而，结果只有“1”可以点，其他数字都点不动。将选择器换成元素选择器之后就可以了：
$("button[id='pn']".click(function (){
$("#pageNum").val($(this).html());
$("#query").submit();
这两种选择器可能存在某种区别，具体是什么还没搞清楚。
html页面中作为分页页码的按钮元素是写在循环里的，代码如下：<li th:each="p:${page.navigatepageNums}"> <button class="btn btn-default" id="pn" th:text="${p}"></button></li>使用id选择器绑定点击事件， 点击数字时可以跳转页面，代码如下：$("#pn").click(function (){ $("#pageN
Thymeleaf是一个很好用的模板引擎, 可以完全取代JSP
数据库中有张名为commanders的表存有多个人的信息, 现在通过后台去查询整张表, 返回一个集合, 要求使用thymeleaf动态的把集合内容以表格的形式展示在网页上
表的内容如下
后台关键代码如下
@Controller
public class HelloController {
@Autowired
CommanderDao commanderDao;
@RequestMapping("/list")
public String queryAll(Map map) {
首先两个button标签，注意看圈出来的地方，模态框的绑定就不用多说了，然后看我传值方法，这个时候这样写是报错的
然后可以看到报了这样的错，应该就是不让用这些字符，我开始的时候也是百度了半天，试了各种方法，都是报错，然后我就浪费了半天时间，今天开始自己又捣鼓了一会，就试试不管这个错误会怎么样，然后竟然成功了，虽然我不知道怎么解决这个预编译错误，但是得出的结论就是这个错误可以忽略，这样来写值还是可以照常传进去的！！！！！
接下来看我的验证：
删除按钮对应的show函数
点击删除后弹出的us
@RequestMapping("/toUpdate/{id}")
public String toUpdate(@PathVariable("id") Integer id, Model model) {
Department departme
Thymeleaf1.thymeleaf简介2.thymeleaf的使用3.i18n国际化4.thymeleaf变量获取
1.thymeleaf简介
Thymeleaf 是个什么？
简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点：
1、Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于
---恢复内容开始---
在做公司项目时，遇到了一个Springboot+Thymeleaf框架问题：
使用框架写网站时，没有标明type类型的button默认成了‘submit’类型，每次点击按钮都把表单提交一次。
解决方案：
在使用这个框架时，每个button都写明type，提交就写‘submit’，普通按钮就‘button’
转载于:https://www.cnbl...
设置任意属性的值
使用th:attr只需要一个表达式来为html标签属性赋值。
以下案例中，使用th:attr替换form表单action属性的值，点击按钮，会条跳转到index页面，其按钮的value值也变为了从Model中获取。
<h1>设置属性值</h1>
<form action="subscribe.html" th:attr="action=@{/index}">
<fieldset>
项目中如果使用Thymeleaf模板引擎，需要经常的对下拉框、单选钮、复选框进行数据的动态绑定。下面将介绍如何使用Thymeleaf动态绑定下拉框、单选钮、复选框的数据。
1、使用Thymeleaf动态绑定
1.1Select标签的动态绑定（下拉框）
<select name="departmentCode" class="b_select" >
<option value="">请选择</option>
<option th:each=".
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf-spring5</artifactId>
<version>3.0.11.RELEASE</version>
</dependency>
2. 然后，在Spring MVC配置文件中配置Thymeleaf视图解析器：
```xml
<!-- 配置Thymeleaf视图解析器 -->
<bean id="templateResolver"
class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
<property name="prefix" value="/WEB-INF/views/" />
<property name="suffix" value=".html" />
<property name="templateMode" value="HTML" />
</bean>
<bean id="templateEngine"
class="org.thymeleaf.spring5.SpringTemplateEngine">
<property name="templateResolver" ref="templateResolver" />
<property name="enableSpringELCompiler" value="true" />
</bean>
<bean class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
<property name="templateEngine" ref="templateEngine" />
<property name="characterEncoding" value="UTF-8" />
</bean>
在上面的配置中，我们定义了一个Thymeleaf的模板解析器（templateResolver），用于解析模板文件。我们指定了模板文件的前缀和后缀，以及模板文件的类型（HTML）。接着，我们创建一个Thymeleaf的模板引擎（templateEngine），并将模板解析器注入到该引擎中。最后，我们定义了一个Thymeleaf的视图解析器（ThymeleafViewResolver），并将模板引擎注入到该解析器中。
3. 在Controller中返回Thymeleaf视图：
```java
@RequestMapping("/hello")
public String hello(Model model) {
model.addAttribute("name", "Thymeleaf");
return "hello";
在上面的Controller中，我们使用Model对象将一个名为“name”的属性值设置为“Thymeleaf”，并将视图名设置为“hello”。由于我们在Spring MVC配置文件中配置了Thymeleaf视图解析器，因此，Spring会自动将该视图名解析成“/WEB-INF/views/hello.html”文件，并将模板文件中的变量替换成具体的值，最终生成HTML页面。
4. 在Thymeleaf模板文件中使用变量：
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="UTF-8">
<title>Hello Thymeleaf</title>
</head>
<h1>Hello, <span th:text="${name}"></span>!</h1>
</body>
</html>
在上面的模板文件中，我们使用了Thymeleaf的语法，在页面中输出了变量“name”的值。在Thymeleaf中，我们可以使用“${变量名}”的语法来输出变量的值。
