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

最新推荐文章于 2022-10-22 16:35:55 发布

Y_R_Q

最新推荐文章于 2022-10-22 16:35:55 发布

阅读量866

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： thymeleaf

本文链接：https://blog.youkuaiyun.com/Y_R_Q/article/details/107176516

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在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>