java - Spring Boot 和 Thymeleaf : Switching Pages through Nav bar links

Question

我正在开展一个汽车经销商项目，利用:

Java 8

Spring 启动

thymeleaf

AWS mySQL 数据库

我当前的问题是我无法使用导航栏在 html 页面之间移动。我有 5 个 html 页面(index.html、customer.html、employee.html、vehicle.html 和 transaction.html)

来自index.html的代码:

    <a class="active" th:href="@{/index.html}"><i class="(Put css class here)"></i> Home</a>
    <a th:href="@{/vehicle.html}"><i class="(Put css class here)"></i> Vehicles </a>
    <a th:href="@{/customer.html}"><i class="(Put css class here)"></i> Customers </a>
    <a th:href="@{/employee.html}"><i class="(Put css class here)"></i> Employees </a>
    <a th:href="@{/transaction.html}"><i class="(Put css class here)"></i> Transactions </a>

来自 IndexController 的代码:

@Controller
public class IndexController {

@RequestMapping("/index")
public String index(){
    return "index";
}

}

首次打开时，页面在 localhost:8088 处正常加载，但是当我单击“home”或任何其他按钮时，我收到 404。

如果有人可以简单地为我指出一个大致方向，我将不胜感激。

Answer 1

相反，尝试在 Controller 中为这些不同的链接发出 GetMapping 请求。

示例:

    @GetMapping("/customer")
  public String getCustomer(){
    return "customer.html";
 }

在你的 html 类(导航栏)中:

    <a th:href="@{/customer}"><i class="(Put css class here)"></i> Customers </a>

*确保删除 .html，但这取决于您在配置中的配置方式，但我相信这是默认配置。