Thymeleaf前后端传值 页面取值与js取值

Thymeleaf前后端传值 页面取值与js取值

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013848401/article/details/78601672

目的： 
  后端通过Model传值到前端 
  页面通过Model取值显示 
  js通过Model取值作为变量使用

---

1.后台Controller

@GetMapping("/message")
public String getMessage(Model model){
    model.addAttribute("message","This is your message");
    return "index";
}

注：向model中添加属性message

2.页面通过Model取值

<p th:text="#{message}">default message</p>

•  

注：thymeleaf标准表达式语法还有很多

3.js通过model取值

<script th:inline="javascript">
    var message = [[${message}]];
    console.log(message);
</script>