Thymeleaf模板使用如何获取springMVC返回的model值

本文介绍了如何在Thymeleaf模板中获取SpringMVC返回的model值,包括两种前端获取方式:一是通过将model值赋给input,再由JavaScript获取;二是直接在JavaScript中使用th:inline='javascript'属性访问model。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

pom文件中引入Thymeleaf模板

		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

在h5页面头部

引入

后台代码保存实现比喻

@RequestMapping("/hello")
    public String hello(ModelMap model){ 
        User user=new User();
        user.setId(1);
        user.setName("zhangsan");
    model.addAttribute("user",user ); 
    return "index"; 
  }

前端值的获取(方式一):将model中的值赋给input,然后Js获取隐藏域的值。

<input type="text" th:value="${user.name}" id="user_name"/>

在javascript中访问model(方式二):直接在js中取值,需要在script上添加th:inline=”javascript”的属性

<script th:inline="javascript"> 
	var single = [[${user}]];
	 console.log(user.name+"/"+user.id)
</script>

Thymeleaf如何拼接href \src

//src示例:
<img th:src="@{/img/research/{filename}(filename=${research.filename})}">
//href示例:
<a th:href="@{'https://'+${url.url}}" th:text="${url.urlName}"></a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值