SpringMVC 前后端传参

郭顺发

发布于 2023-07-07 11:18:09

1230

发布于 2023-07-07 11:18:09

文章被收录于专栏：pandacode_cnpandacode_cn

ModelAndView + thymeleaf

废话不多说，直接上demo。

properties:

# ----------------------Springmvc配置-----------------------------
# 指定前端页面的前缀
spring.mvc.view.prefix=/
# 指定前端页面的后缀
spring.mvc.view.suffix=.html
# ------------------------thymeleaf配置-----------------------------------
spring.thymeleaf.servlet.content-type=text/html
# 指定文件路径
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.check-template=false
spring.thymeleaf.check-template-location=false
spring.thymeleaf.mode=HTML
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.cache=false

maven:

<!-- thymeleaf -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
        <!-- 省略其他springboot包 -->

controller:

// 页面跳转controller
@Controller
public class PageController {
    @RequestMapping("/")
    public ModelAndView index() {
        ModelAndView mav = new ModelAndView();
        mav.addObject("testParam", "欧吼");
        mav.setViewName("index");
        return mav;
    }
}

html:


<html lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org">
<script th:inline="javascript">
    var testParam = [[${testParam}]];
    console.log(testParam)
</script>
</html>

效果：

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2022-07-01 ，如有侵权请联系 cloudcommunity@tencent.com 删除

spring