Thymleaf使用总结（一）

thymeleaf在html中的使用

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

1、取值：在标签中获取后台传递的参数

<input type="text" name="userid" style="display: none" th:value="${data.userid}"/>
<p th:text="#{message}">default message</p>

2、静态资源引用

<link rel="Shortcut Icon" th:href="@{../img/favicon.ico}"/>

3、js中url写法

url : [[@{/fwzj/search/}]] + now_page

4、js获取后台参数

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

5、比较

> , < , >= , <= (gt , lt , ge , le)
　　== , != (eq, ne)

6、js、jquery使用

清空输入框（input、textarea）内容：$("#div_id").val('');
获取标签中间<p id="test">hello</p>内容：$("#test").text("world");

7、ajax请求 前两行必须加上否则可能出错
（1）使用json的形式提交表单数据，可简化使用$("#my_form").serialize()获取表单数据，后台代码的接收参数写对应的实体类就行；
（2）提交的url格式写成：[[@{/fwzj/saveForm}]]

    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        
$.ajax({
                url: [[@{/fwzj/saveForm}]],
                type: 'POST',
                dataType: 'json',
                data: $("#my_form").serialize(),
                async: true,
                success: function(data) {
                 //响应成功代码
                },
                error: function(data) {
              	//响应失败代码
                }
            });
            
      /*]]>*/
    </script>