Thymeleaf中th:text=“${msg}“属性标签报错无法解析变量

最新推荐文章于 2024-04-29 13:43:12 发布
最新推荐文章于 2024-04-29 13:43:12 发布
阅读量9.8k 收藏 3
点赞数 11
文章标签： spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46552679/article/details/114948571
版权

在Spring boot项目中，整合Thymeleaf模板引擎，在html文件中使用th:text="${msg}"属性标签时，提示报错“无法解析msg”。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>This is Thymeleaf</title>
</head>
<body>
<div th:text="${msg}"></div>
</body>
</html>

对应的Controller代码如下：

@Controller
public class ThymeleafController {
    @GetMapping("/home")
    public String test1(Model model){
        model.addAttribute("msg", "Welcome to home page! Enjoy yourself,please!");
        return "home";
    }
}

原因分析：

在使用Model来设置变量值时，若返回类型为String，则页面无法获取到该变量。

解决方案：

将方法的返回类型修改为Object类型。则页面可以正常解析Model实例中的变量值。

@Controller
public class ThymeleafController {
    @GetMapping("/home")
    public Object test1(Model model){
        model.addAttribute("msg", "Welcome to home page! Enjoy yourself,please!");
        return "home";
    }
}

页面可以正常获取到${msg}变量的值。

在这里插入图片描述

每天向前一步
关注
  • 11
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Thymeleaf中th:each及th:if使用方法解析
09-07
除了`th:if` 和 `th:unless`，Thymeleaf 还支持三元表达式，可以在一个属性中直接做出条件判断。例如： ```html <p th:text="${testBoolean} ? '当testBoolean为真的时候，显示本句话，这是用三相表达式做的' : ''...
Spring Boot整合thymeleaf异常 —— 无法通过th:text=“${xxx}“取到值的解决方法
weixin_45266846的博客
09-08 2381
解决方法 注解@RestController应改为@Controller 问题 前端页面 index.html ${msg}处爆红，无法取到值。 <!doctype html> <!--注意：引入thymeleaf的名称空间--> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta name="v
关于使用th:text获取不到值
编程小白养成手记
02-07 6974
今天在使用thymeleaf模板引擎整合SpringBoot时，对于从controller层传递过来的参数“message”，无法获取。 控制层代码如下： @PostMapping("/login") public String login(@RequestParam String username, @RequestParam String...
Thymeleaf渲染失败的解决方案
最新发布
2301_79779756的博客
04-29 1831
Thymeleaf是一款流行的模板引擎，主要用于Web和独立环境，能够处理HTML、XML、JavaScript、CSS甚至纯文本。它支持现代Web开发的所有主流技术，包括HTML5、CSS3等，并提供了非常友好的开发体验。然而，在使用Thymeleaf进行页面渲染时，有时会遇到渲染失败的情况。
${msg}
喝水都塞牙
03-07 6957
${msg} 是javascript,一般用$来封装document.getElementByIdfunction $(id){  return document.getElementById(id);}$('msg')是某id为msg的dom比如&lt;div id="msg"&gt;&lt;/div&gt;&lt;span id="msg"&gt;&lt;/span&gt;同一页面，id是唯一...
Thymeleaf中th:text=“${msg}“无法解析变量
qq_41462491的博客
08-06 666
Thymeleaf中th:text=“${msg}“无法解析变量
vue function (i)第一次点击不执行_vue之nextTick全面解析
weixin_39787594的博客
12-12 485
简介vue是非常流行的框架，他结合了angular和react的优点，从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时，我们经常用到一个方法是this.$nextTick，相信你也用过。我常用的场景是在进行获取数据后，需要对新视图进行下一步操作或者其他操作时，发现获取不到dom。因为赋值操作只完成了数据模型的改变并没有完成视图更新。在这...
Thymeleaf解析
大道至简
07-15 822
thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发最开始网站开始发展时，使用HTML展示网页，随着技术的发展和需求变化，出现了前后端交互的页面，不需要使用多个页面去展示一个大同小异的页面。动态页面成为网页的新的方向。
thymeleaf实现th:each双重多重嵌套功能
10-15
在本示例中，我们将探讨如何使用Thymeleaf的`th:each`指令来实现HTML模板中的双重或多重嵌套循环，以便动态加载一二级文章分类。Thymeleaf是一个强大的服务器端模板引擎，常用于Spring Boot项目，用于生成动态HTML...
thymeleaf-mailto:Thymeleaf 方言创建邮件链接
07-15
锚标签 "" 支持的属性是： mail:to ：电子邮件的收件人字段mail:bcc : mail:bcc的 bcc 字段mail:cc : mail:cc的抄送字段mail:subject : mail:subject的主题字段mail:body ： mail:body的正文字段链接的最大长度为 ...
thymeleaf的th标签
08-24
Thymeleaf 的 th 标签大全 Thymeleaf 是一个基于服务器端的 Java 模板引擎，主要用来生成 HTML、XML、TXT 等文件。Thymeleaf 的 th 标签是其核心组件之一，提供了多种方式来控制模板的输出。本文将详细介绍 ...
thymeleaf-3.0.12.RELEASE-API文档-中文版.zip
06-04
标签：thymeleaf、中文文档、jar包、java； 使用方法：解压翻译后的API文档，用浏览器打开“index.html”文件，即可纵览文档内容。 人性化翻译，文档中的代码和结构保持不变，注释和说明精准翻译，请放心使用。
springboot+thymeleaf:实现更新信息
ITarmi的分享
08-22 1380
这里实现更新信息的思路是：从所有员工信息页面（info.html），点击员工信息后的修改按钮，跳转到修改信息页面(update.html)，填写修改信息提交到controller中的updateById方法，修改完成跳转回主页面（main.html） 这里有一个问题，按照id更新，最后执行updateById方法时，需要知道id才行，那么就需要，info跳转到update时将id作为参数传递过去，这倒是不难<a th:href="'update.html?id='+${user.getId()}"
十一 Thymeleaf语法详解-获取作用域对象中的数据
fangguozi的专栏
02-26 5376
@Controller public class DemoController { @RequestMapping("/showInfo5") public String showInfo5(HttpServletRequest request, Model model) { request.setAttribute("req", "HttpServletRequest"); req...
springboot的Thymeleaf常用属性
qq_43718758的博客
01-19 1404
目录标准变量表达式语法${...}th:text="${. . .}"URL表达式 @{. . .} th:href="@{...}"绝对路径（不带参数）绝对路径（带参数）相对路径（不带参数）相对路径（带参数）遍历列表list th:each遍历Mapth:text和th:value 标准变量表达式 语法${…} th:text="…"是Thymeleaf的一个属性，用于文本的显示 th:text="${. . .}" 例： <h1 th:text="${user.getId()}"&gt
Thymeleaf - 语法使用详解
小小默：进无止境
06-13 7862
可以从官网下载PDF进行参考： https://www.thymeleaf.org/documentation.html 或者在线参考文档： https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html 一个好的习惯是，每一个HTML页面引入Thymeleaf的名称空间： &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;html lang=&am
Springboot+thymeleaf+IDEA——解决th标签的报错问题，爆红，找不到标签
热门推荐
简简单单Onlinezuozuo
05-28 1万+
文章目录Springboot+thymeleaf+IDEA——解决th标签的报错问题，爆红，找不到标签 Springboot+thymeleaf+IDEA——解决th标签的报错问题，爆红，找不到标签 在HTML 标签上引入thymeleaf 标签，即可解决 <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="h...
<table> <tr> <th>房间号</th> <th>房间名</th> <th>房间类型</th> <th>房间位置</th> <th>房间价格</th> <th>餐食供应</th> <th>网络供应</th> <th>房间状态</th> <th>预定</th> </tr> <tr th:each="room : ${rooms}"> <td th:text="${room.r_id}"></td> <td th:text="${room.r_name}"></td> <td th:text="${room.r_type}"></td> <td th:text="${room.r_address}"></td> <td th:text="${room.r_price}"></td> <td th:text="${room.r_food}"></td> <td th:text="${room.r_wifi}==0?'提供':'不提供'"></td> <td th:text="${room.r_state}==0?'可用':'不可用'"></td> <td><input type="checkbox" name="" th:id="${room.r_id}"></td> </tr> </table>添加一个a标签,实现点击后传递id到新的页面
07-08
要在每个房间的行中添加一个 `<a>` 标签，并在点击后传递房间ID到新的页面，你可以使用以下代码来实现： ```html <tr th:each="room : ${rooms}"> <td th:text="${room.r_id}"></td> <td th:text="${room.r_name}"></td> <td th:text="${room.r_type}"></td> <td th:text="${room.r_address}"></td> <td th:text="${room.r_price}"></td> <td th:text="${room.r_food}"></td> <td th:text="${room.r_wifi}==0?'提供':'不提供'"></td> <td th:text="${room.r_state}==0?'可用':'不可用'"></td> <td> <a th:href="@{/roomDetails/{id}(id=${room.r_id})}">查看详情</a> </td> </tr> ``` 上述代码中，使用了Thymeleaf的URL表达式 `@{/roomDetails/{id}(id=${room.r_id})}` 来构建URL，其中 `{id}` 将会被替换为对应房间的ID。当用户点击链接时，将会跳转到指定URL，并将对应房间的ID作为参数传递到新的页面。 请注意，你需要根据实际情况来修改 `@{/roomDetails/{id}(id=${room.r_id})}` 中的路径和URL模式，以确保能正确跳转到新的页面并传递ID参数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值