Thymeleaf是一个XML / XHTML / HTML5模板引擎（可扩展到其他格式），可以在Web和非Web环境中工作。它更适合在Web应用程序的视图层提供XHTML / HTML5，它甚至可以在脱机环境中处理任何XML文件。它提供了一个可选模块，用于与Spring MVC集成，因此您可以在使用此技术的应用程序中将其用作JSP的完全替代，即使使用HTML5也是如此。
Thymeleaf 表未显示在 Spring Boot 应用程序的 html 页面上
我有一个表，通过自定义选择语句填充到数据库。 这以前有效，但现在它不显示任何值，甚至不显示默认值。 我已经创建了表格
从 Spring Boot 控制器打印 List 对象以查看 (HTML)
这是我的控制器映射，我需要打印视图中列表对象的所有属性。 @RequestMapping(值 = "/get" , 方法 = RequestMethod.GET) @ModelAttribute("todolist&
在此输入图像描述 如果我删除该行 return "redirect:/login";然后条件元素就会出现。 如果我保留该行 return "redirect:/login";然后
我正在使用 thymeleaf 和 spring mvc。我想添加一个语言参数来更改区域设置。我是这样做的： Sp 我正在使用 thymeleaf 和 spring mvc。我想添加一个语言参数来更改区域设置。我是这样做的： <a th:href="@{${currentUrl}(lang='es_ES')}" th:if="__${#locale}__ != 'es_ES'" >Sp</a> <a th:href="@{${currentUrl}(lang='en_US')}" th:if="__${#locale}__ != 'en_US'" >Eng</a> 但在某些视图中，我的 URL 中有参数。我如何添加参数？ 满足具体参数我就知道怎么添加了： <a th:href="@{${currentUrl}(fooParam = ${fooValue}, lang='es_ES')}" th:if="__${#locale}__ != 'es_ES'" >Sp</a> 但是我不知道所有视图中所有参数的数量和名称。如何获取当前url的所有参数？ 如果您正在寻找 thymeleaf 仅模板版本，您可以将 ${#request.getRequestURI()} 与 ${#request.getQueryString()} 一起使用，并通过串联添加其他参数： <a th:href="@{${url}}" th:with="url=${#request.getRequestURI()+'?'+#request.getQueryString()+'&foo=bar'}">Link</a> 有关更多详细信息，请参阅https://stackoverflow.com/a/75103428/2590616 Thymeleaf >=3.1 更新： 由于安全原因，#request、#response、#session 和 #servletContext 不幸地不再可用于表达式：https://www.thymeleaf.org/doc/文章/thymeleaf31whatsnew.html#表达限制 您可以尝试创建一个实用服务来构建 URL 的参数部分。该实用程序方法将从列表中获取输入并通过 StringBuffer 构建字符串。结果将是一个字符串，就像您手动编写参数时一样。现在，您可以使用 thymeleaf 中内置的预解析器语法来调用该实用程序并构建最终的 url。 这里是例子： 公用事业服务 @Service("thymeleafUtilsService") public class ThymeleafUtilsService { public String buildMultiParamPartUrl(List<String> paramNames) { StringBuffer sb = new StringBuffer(0); for ( String paramName : paramNames ) { if ( sb.length() >= 0 ) { sb.append(","); } sb.append(paramName).append("=${").append(paramName).append("}"); } return sb.toString(); } } 用于测试的控制器 @Controller("multiParamLinkController") @RequestMapping(value = "/multiParamLink") public class MultiParamLinkController { @RequestMapping(value = { "/", "" }, method = RequestMethod.GET) public String testMultiParamsGenerator(Model model) { List<String> paramNames = new ArrayList<>(); paramNames.add("fooValue"); paramNames.add("barValue"); paramNames.add("lang"); model.addAttribute("fooValue", "foo"); model.addAttribute("barValue", "bar"); model.addAttribute("lang", "US_us"); model.addAttribute("paramNames", paramNames); return "multiParamLink/multiParamLink.html"; } } 测试用Html模板： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> </head> <body> <a th:href="@{${currentUrl}(__${@thymeleafUtilsService.buildMultiParamPartUrl(paramNames)}__)}">myLink</a> <h1>Result</h1> <pre th:inline="text">[[@{${currentUrl}(__${@thymeleafUtilsService.buildMultiParamPartUrl(paramNames)}__)}]]</pre> </body> </html> 这就是您从示例中得到的结果： 您现在可以自定义此示例以适合您的代码，例如解析映射而不是列表或字符串...
我的 spring MVC Thymeleaf 应用程序中有两个实体（java 类），用户和地址。 User 类包含 Address 类的一个字段并引用它。 我有一个 Thymeleaf 表单，其中包含输入
如何在通过 thymeleaf 模板创建的 PDF 文件中显示印度卢比 ($) 字体
我正在从 thymeleaf 模板创建 html 并使用它来创建 PDF 文件。我正在使用 html2pdf 库从 html 转换为 pdf 并在 maven pom.xml 文件中使用以下依赖项...
如何在使用 Spring Boot 时在 JavaScript 中使用 import
我一直在寻找一种在我的网页中使用 import Chart from 'chart.js/auto' 的方法。我目前正在使用 Spring Boot 和 Thymeleaf。 问题是，我尝试过的所有方法都不起作用。我有一个node_modu...
这我们可以称之为这个问题的深化。 我们仍在使用 Java 1.8 的 Spring Boot 项目中，问题是将链接问题中描述的逻辑应用到预先存在的程序中
Spring MVC 控制器和 Javascript 之间传递模型时出错
在使用 Java 1.8 的 Spring Boot 项目中，我很难在正确显示值的控制器和似乎不正确的前端部分之间进行正确的通信...
我需要在单击 Enter 键时触发 ajax 调用。我尝试使用 我需要在单击 Enter 键时触发 ajax 调用。我尝试使用 <form class="align-items-center row" th:action="@{/addTask}" method="post" th:object="${formData}" hx-post="/todo/addTask" hx-include="#pageSize" hx-target="#result" hx-swap="innerHTML" hx-trigger="click[enterKey]"> <div class="col-auto"> <label>Item :</label> </div> <div class="col-auto"> <input id="task" type="text" class="form-control" placeholder="Tasks..." th:field="*{task}" /> </div> <div class="col-auto"> <input type="submit" class="btn btn-primary" /> </div> </form> 但是没有成功 我需要一个 HTMX 在单击 Enter 键时触发 ajax 调用 keyup[keyCode==13] 为我工作，此页面可以提供帮助：https://www.toptal.com/developers/keycode/enter。 本页描述了如何链接事件和属性，但实际上 htmx 验证错误可以改进;) https://htmx.org/attributes/hx-trigger/ --> 主要解释在这里。 https://htmx.org/examples/keyboard-shortcuts/ ---> 示例 另请注意，click只是鼠标单击，而keyup或keydown是其他事件，事件可以链接，或者可以按顺序或替代方式触发（请参阅上面文档中的,的作用） )
我想通过以下表格获取用户的姓名和电子邮件地址 我想通过以下表格获取用户的姓名和电子邮件地址 <!-- Contatct Us--> <section> <div class="grey-bg"> <div class="container p-y-40"> <h1>Contact Us</h1> <div class="row"> <div class="col-md-6"> <div class="form-horizontal contact-us" th:action="@{/contact-us}"> <div class="form-group"> <label for="FirstName" class="col-sm-3 control-label mandatory">Name</label> <div class="col-sm-9"> <input type="text" class="form-control" th:value="${name}" placeholder=""/> <input name="name" type="text" th:value="${name}" placeholder=""/> <span th:text = "${name}"/> </div> </div> <!-- --> <div class="form-group"> <label for="Email" class="col-sm-3 control-label mandatory">Email</label> <div class="col-sm-9"> <input type="email" class="form-control" th:value="${email}" placeholder=""/> <input type="email" name="email" class="form-control" th:value="${email}" placeholder=""/> </div> </div> <!-- --> <div class="form-group"> <label for="Telephone" class="col-sm-3 control-label">Telephone</label> <div class="col-sm-9"> <input type="text" class="form-control" th:value="${telephone}" placeholder=""/> </div> </div> <!-- --> <div class="form-group"> <label for="Message" class="col-sm-3 control-label ">Message</label> <div class="col-sm-9"> <textarea class="form-control" rows="4" th:value="${message}"> </textarea> </div> </div> <!-- --> <div class="form-group"> <div class="col-sm-9 col-sm-offset-3 col-md-offset-3"> <input type="button" value="Send" class="btn btn-primary btn-flat w-min-120" data-toggle="modal" data-target="#myModal" /> </div> </div> <!-- --> </div> </div> <div class="col-md-6"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d63371.792586563766!2d79.85603378454613!3d6.922006503004973!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x5f6f0f981a359f05!2sDialog+Axiata+PLC!5e0!3m2!1sen!2slk!4v1503969814382" width="100%" height="350" frameborder="0" style="border:0" allowfullscreen="true"></iframe> </div> </div> </div> </div> </section> 我这里使用了html和thymeleaf。这是我的控制器。在控制器中，我想将参数传递给我从用户那里获取的 sendUserRegisterEmail 方法。 @Autowired private EmailService emailService; @ResponseBody @RequestMapping(value = "/contact-us", method = RequestMethod.POST) public String showContactForm(@RequestParam("name") String contactName, @RequestParam("email") String contactEmail) { emailService.sendUserRegisterEmail(contactName, contactEmail); return "index"; } 我也写了一个DTO类。 public class ContactUsDto { private String name; private String email; private String telephone; private String message; public ContactUsDto(String name, String email, String telephone, String message) { this.name = name; this.email = email; this.telephone = telephone; this.message = message; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getEmail() { return email; } public void setEmail(String email) { this.email = email; } } 目前我没有收到任何错误。但邮件没有收到。我对发送电子邮件所用的方法没有任何问题。因为我在其他情况下也使用过它。唯一的问题是将表单数据传递给它。请帮我解决这个问题 @RequestParam 用于传递请求参数，例如 http://example.com/path?name=myName&email=myEmail 而 @RequestBody 用于获取请求的正文，在大多数情况下，REST 是 json (application/json) 正文。所以你的方法是 @ResponseBody @RequestMapping(value = "/contact-us", method = RequestMethod.POST) public String showContactForm(@RequestBody ContactUsDto contactUsDto ) { emailService.sendUserRegisterEmail(contactUsDto.getContactName(), contactUsDto.getContactEmail()); return "index"; } 像这样添加到您的输入属性名称 <input type="email" name="email" class="form-control" th:value="${email}" placeholder=""/> <input name="name" type="text" th:value="${name}" placeholder=""/> 然后再试一次。 <form action="" method="get" id="authForm"> <table> <tr> <td>Email: </td> <td><input type="text" id="emailInput" name="EMAIL" value="<%= email ? email : '' %>" size="30" maxlength="30"></td> </tr> <tr> <td>Clave: </td> <td><input type="text" id="keyInput" name="KEY" value="" size="40" maxlength="40"></td> </tr> <tr> <td colspan="2"><input type="submit" value="Enviar"></td> </tr> </table> </form> <script> document.getElementById('authForm').onsubmit = function() { var email = encodeURIComponent(document.getElementById('emailInput').value); var key = encodeURIComponent(document.getElementById('keyInput').value); // Si la clave está vacía, asigna 'error' if (!key) { key = 'error'; } this.action = `/iniciar/${email}/${key}`; }; </script>
thymeleaf：如何使用模型属性填充 th:field 值
id 是模型属性。我想将其存储为 customer.id。
我正在使用 Spring Data JPA 来建模和验证我的数据。在本例中，我得到了一个同时具有密码和确认字段的类： 公开课报名表{ 私有字符串密码； p...
我正在尝试配置第二个模板解析器以供 Thymeleaf 使用。我还想要在模板文件夹下查找的默认解析器，但无论我尝试什么，最终都只会得到一个重新...
带有 thymeleaf 的 Spring boot 不起作用
POM 聚甲醛 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>test</groupId> <artifactId>test</artifactId> <version>1.0-SNAPSHOT</version> <packaging>jar</packaging> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>1.2.6.RELEASE</version> </parent> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project> 申请 @SpringBootApplication public class Application { public static void main(String args[]){ SpringApplication.run(Application.class); } } 控制器 @Controller @RequestMapping("/index") public class IndexController { @RequestMapping("/") String index(){ return "index"; } } 我在资源文件夹和 error.html 和 index.html 中也有 templates 文件夹 当我访问 localhost:8080/index 时，显示错误而不是索引。我究竟做错了什么？这确实是最简单的设置，但它已经错了...... 问题出在你的IndexController课程上。按照您声明的方式，您可以通过 : http://localhost:8080/index/ 访问您的页面，但不能通过 localhost:8080/index url 访问您的页面。这就是为什么你的方法上有类注释 @RequestMapping 和相同的注释。 url 构造是某种层次结构 - 首先是 spring 检查类注释，然后是方法注释和构建的请求映射处理程序是： host + port + "index" + "/" 。 我又提出了一个潜在的问题。就我而言，直到 index.html 位于“static”文件夹中时它才起作用。当我将文件移动到“模板”文件夹时它起作用了。
我试图从图像中获取高度和宽度之间的关系，然后乘以固定宽度以使用 Thymeleaf 调整图片大小。 为此，我将高度和宽度保存在 java 对象中
在 Thymeleaf 和 spring MVC 中提交表单上发布对象列表
我在后端有一个名为 PatientDto 的类。 @数据 @AllArgsConstructor @NoArgs构造函数 公共类 PatientDto { 私有字符串nationalId； 私有字符串名字； 私人
springboot3.2.4 + thymeleaf +AdminLTE，为什么找不到css？
这是资源文件目录 这是登录.html <...
当我在代码中使用 thymeleaf 并将标头代码替换为单独的文件时，然后不显示标头选项卡
我正在学习 Spring Boot 并在我的项目中使用 Thymeleaf。当我将标头代码替换为同一文件夹中的单独文件并使用 Thymeleaf 的替换语法、CSS、JS 和 Bootstrap 代码时...
我在重构模板时遇到了困难。我在一个模板中多次引用了有限数量的枚举值。 （在代码片段中，为了清楚起见，我仅指示了一小部分） ...