使用 springboot 和 thymeleaf 从后端调用时，HTML 页面不显示

Question

我有这个 controller 文件代码。 这以@RequestParams 的形式接受来自前端的数据。 收到这些值后，我将尝试通过在模型中使用 addAttribute function 添加属性来调用另一个名为 cart.html 的 html 文件。

@GetMapping("/cart")
    @ResponseBody
    public String getIfBorrowedBook(Model model, @RequestParam List<Integer> bookIds) {
        System.out.println(bookIds);
//      if(ifBorrowed.equals("on")) {
//          Books book = booksService.findById(bookId);
//          book.setIfBorrowed(true);
            
//          booksService.save(book); 
        List<Books> booksInCart = new ArrayList<>();
        for(Integer id:bookIds) {
            
        booksInCart.add(booksService.findById(id));
        
            
        }
        System.out.println(booksInCart);
    model.addAttribute("booksInCart", booksInCart);

        return "cart";  
        
    }

这是我的购物车。html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="ISO-8859-1">
    <title>List Books</title>
    <link rel="stylesheet" type="text/css" href="/webjars/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="/webjars/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/webjars/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container text-center">
    <h1>
        Cart
    </h1>
     
    <div>
   
        <table class="table table-striped table-bordered">
            <thead class="thead-dark">
                <tr>
             
                    <th>Title</th>
                    <th>Genre</th>
                    <th>Author</th>
                    <th>Edition</th>
                    
                </tr>
            </thead>
            <tbody>
                <tr th:each="book: ${booksInCart}">
                   
                    <td th:text="${book.title}">Title</td>
                    <td th:text="${book.genre}">Genre</td>
                    <td th:text="${book.author}">Author</td>
                    <td th:text="${book.edition}">Edition</td>
                    <td>
                        
                        
                        
                        
                    </td>
                </tr>
            </tbody>
             <div>
               
            </div>
        </table>
       
    </div>

</div>
    
</body>
</html>

这是 show_filtered 图书文件，它有一个表单，一旦单击按钮，就会提交给 controller 获取请求。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="ISO-8859-1">
    <title>List Books</title>
    <link rel="stylesheet" type="text/css" href="/webjars/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="/webjars/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/webjars/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container text-center">
    <div>
        <h1>
        <div th:text="'Books on '+${filteredBooks[0].genre}"></div>
        </h1>
    </div>
     
    <div>
    <form th:action="@{/cart}">
        <table class="table table-striped table-bordered">
            <thead class="thead-dark">
                <tr>
             
                    <th>Title</th>
                    <th>Genre</th>
                    <th>Author</th>
                    <th>Edition</th>
                    <th>Borrow Book</th>
                </tr>
            </thead>
            <tbody>
                <tr th:each="book: ${filteredBooks}">
                   
                    <td th:text="${book.title}">Title</td>
                    <td th:text="${book.genre}">Genre</td>
                    <td th:text="${book.author}">Author</td>
                    <td th:text="${book.edition}">Edition</td>
                    <td>
                        
                        <input type="checkbox" name="bookIds" th:value="${book.bookId}" th:checked="${book.ifBorrowed}"/>
                        
                        
                    </td>
                </tr>
            </tbody>
             <div>
               <a href="cart">
                <button type="submit" class="btn btn-primary">Add to Cart</button>
                </a>
            </div>
        </table>
        </form>
    </div>

</div>
    
</body>
</html>

但是当我尝试在 getIfBorrowed() 方法的末尾返回购物车字符串时，我没有得到 cart.html 文件。 我只是在网页上得到一个字符串，上面写着购物车。 此 cart.html 文件位于 src/main/resources/templates 中。 因此 spring mvc 应该能够自动识别文件，但它不会这样做。