<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>登录成功</title> </head> <body> <a> 登录成功的用户名：<span th:text="${username}"></span> </a><br> <a> 登录成功的用户信息：<span th:text="${userJson}"></span> </a><br> <a href="index.html">返回首页</a><br> </body> </html> 中的${username}报错

这是一个Thymeleaf模板，${username}应该是一个在Java后台代码中设置的变量，但是在模板中没有找到对应的值。你需要在Java代码中将该变量设置为正确的值，例如： ```java model.addAttribute("username", "John"); ``` 这样，在模板中就可以使用${username}来显示"John"了。请检查你的Java代码是否正确设置了该变量。

在Spring Boot框架下的web评论系统,用Thymeleaf实现前端设计，给出index.html、comment.html和reply.html文件

index.html: ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Comment System</title> <link rel="stylesheet" th:href="@{/css/style.css}"> </head> <body> <h1>Comment System</h1> <form th:action="@{/comment}" method="post"> <label>Username:</label> <input type="text" name="username" required> <br><br> <label>Comment:</label> <textarea name="comment" rows="5" required></textarea> <br><br> <button type="submit">Submit</button> </form> <br><br> <table> <tr> <th>Username</th> <th>Comment</th> <th>Date</th> </tr> <tr th:each="comment : ${comments}"> <td th:text="${comment.username}"></td> <td th:text="${comment.comment}"></td> <td th:text="${comment.date}"></td> <td><a th:href="@{/reply/{id}(id=${comment.id})}">Reply</a></td> </tr> </table> </body> </html> ``` comment.html: ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Comment System</title> <link rel="stylesheet" th:href="@{/css/style.css}"> </head> <body> <h1>Comment System</h1> <div class="comment"> <h2 th:text="${comment.username}"></h2> <p th:text="${comment.comment}"></p> <p th:text="${comment.date}"></p> </div> <br><br> <form th:action="@{/reply}" method="post"> <input type="hidden" name="commentId" th:value="${comment.id}"> <label>Username:</label> <input type="text" name="username" required> <br><br> <label>Reply:</label> <textarea name="reply" rows="5" required></textarea> <br><br> <button type="submit">Submit</button> </form> <br><br> <ul> <li th:each="reply : ${replies}"> <p th:text="${reply.username}"></p> <p th:text="${reply.reply}"></p> <p th:text="${reply.date}"></p> </li> </ul> </body> </html> ``` reply.html: ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Comment System</title> <link rel="stylesheet" th:href="@{/css/style.css}"> </head> <body> <h1>Comment System</h1> <div class="comment"> <h2 th:text="${comment.username}"></h2> <p th:text="${comment.comment}"></p> <p th:text="${comment.date}"></p> </div> <br><br> <div class="reply"> <h3 th:text="${reply.username}"></h3> <p th:text="${reply.reply}"></p> <p th:text="${reply.date}"></p> </div> </body> </html> ```

springboot+thymeleaf实现html页面跳转

Spring Boot是一个开源的Java开发框架，用于快速构建基于Spring的应用程序。Thymeleaf是一个Java的服务器端模板引擎，可以与Spring Boot框架很好地集成。要实现HTML页面之间的跳转，可以使用Thymeleaf的语法结合Spring Boot的控制器来完成。首先，需要在pom.xml文件中添加Thymeleaf的依赖： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 接下来，在Spring Boot的控制器中添加一个处理请求的方法，该方法返回要跳转的HTML页面的名称： ```java @Controller public class MyController { @RequestMapping("/hello") public String hello() { return "hello"; // 这里返回的是要跳转的HTML页面的名称，不需要后缀名 } } ``` 然后，在resources/templates目录下创建名为hello.html的HTML页面，用于展示hello页面的内容： ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Hello</title> </head> <body> <h1>Hello, Thymeleaf!</h1> </body> </html> ``` 最后，启动Spring Boot应用程序，在浏览器中访问http://localhost:8080/hello，即可看到跳转到hello.html页面，并显示"Hello, Thymeleaf!"的信息。以上就是使用Spring Boot和Thymeleaf实现HTML页面跳转的简单示例。通过Thymeleaf的语法和Spring Boot的控制器，我们可以方便地实现页面之间的跳转和数据的渲染。

阅读全文

在Spring Boot框架下的web评论系统,用Thymeleaf实现前端设计，给出index.html、comment.html和reply.html文件

springboot+thymeleaf实现html页面跳转

相关推荐

Thymeleaf中th:each及th:if使用方法解析

spring-boot-Thymeleaf 模板

Thymeleaf简介.docx

SpringBoot整合Thymeleaf的方法

Thymeleaf国际化与本地化：打造多语言Web应用的秘诀

使用Thymeleaf构建表现层

利用Thymeleaf实现表单数据绑定

利用Thymeleaf进行前后端分离开发

使用Thymeleaf模板引擎实现动态网页

thymeleaf循环

怎么让Thymeleaf解析html引入的外部css文件

Springboot +Thymeleaf

java中thymeleaf

thymeleaf登录注册页面

springboot+thymeleaf登入功能实现

用springboot和thymeleaf连接前后端

知攻善防-应急响应靶机-web2.z18

大家在看

zotero各种插件，包含翻译，预览，文献管理，影响因子等等

MULTISIM添加元件库

多模式准谐振反激式开关电源建模验证与容差分析-论文

海康威视Visio图库

TwinSAFE EL6900 安全模块基础使用指南（针对TC3.1.4020.0版本）.pdf

最新推荐

知攻善防-应急响应靶机-web2.z18

掌握HTML/CSS/JS和Node.js的Web应用开发实践

管理建模和仿真的文件

计算机体系结构概述：基础概念与发展趋势

int a[][3]={{1,2},{4}}输出这个数组

勒玛算法研讨会项目：在线商店模拟与Qt界面实现

"互动学习：行动中的多样性与论文攻读经历"

【计算机组成原理精讲】：从零开始深入理解计算机硬件

vue2加载高德地图

Edge语法革新：打造WPF界面新体验