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

转载至http://blog.youkuaiyun.com/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";
}
 
1
2
3
4
5

注：向model中添加属性message

2.页面通过Model取值

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

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

3.js通过model取值

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

注：script标签中 th:inline 一定不能少，通常在取值的前后会加上不同的注释