钢板SpringMVC按钮执行Java方法

Question

这是我HTML文件中的内容：

<ul>
    <th:block th:object="${Post}">
        <li class="post" th:each="Post : ${Posts}">
            <p  th:text ="${Post.getPostText()}"></p>
            <button th:onclick = "${Post.upvote()}">Upvote</button>
            <button th:onclick = "${Post.downvote()}">Downvote</button>
            <p th:text = "${Post.getPostVotes()}"></p>
        </li>
    </th:block>
</ul>

我希望按钮在Post类中执行一个方法。我不确定我是否使用了正确的Thymeleaf“标记”。现在，当页面加载时，它执行post-upvote和downvote方法。有人能帮忙吗？我觉得我用错了Thymeleaf标签。

Answer 1

我之所以不能做我想做的事情，是因为Thymeleaf像加载页面之前一样生成HTML。它不会在HTML中等待触发。最后，我把HTML改成了一个不同的URL，这个URL对于帖子来说是唯一的。

<ul>
    <th:block th:object="${Post}">
        <li class="post" th:each="Post : ${Posts}">
            <p th:text ="${Post.getPostText()}"></p>
            <a th:href = "@{/post?id={id}&vote=1(id=${Post.getPostId()})}">Upvote</a>
            <a th:href = "@{/post?id={id}&vote=0(id=${Post.getPostId()})}">Downvote</a>
            <p th:text = "${Post.getPostVotes()}"></p>
        </li>
    </th:block>
</ul>

这是我控制器中相应的java代码，用于更新对象：

@RequestMapping(value = "/post", params = {"id", "vote"})
public String PostVoting(@RequestParam("id") Long id, @RequestParam("vote") int vote)
{
    if (currentUser.voteOnPost(id.toString())){
        return "redirect:/home";
    }
    if(vote == 1){
        int votes = thePostRepository.findById(id).get().getPostVotes() + 1; 
        thePostRepository.updateVotes(votes, id);
    }
    else{
        int votes = thePostRepository.findById(id).get().getPostVotes() - 1; 
        thePostRepository.updateVotes(votes, id);
    }

    return "redirect:/home";
}

此外，如果您想像我一样更新内容，下一部分很重要：

@Transactional
@Modifying
@Query("UPDATE Post SET votes = :votes WHERE id = :id")
void updateVotes(@Param("votes") int votes, @Param("id") Long id);

Answer 2

您需要执行post或get请求来调用这些方法。这只适用于JSF，但您可以在de-page呈现为html之前执行该方法。

例如，这条线

<p  th:text ="${post.getPostText()}"></p>

将在页面呈现之前执行。

我在这里要做的是隐藏两个动作的一个表单，两个带有名称属性的按钮，并传递某种标识符以了解我正在更新的巫婆实体。在我的控制器中，有两个方法响应每个参数并返回视图或JSON。