首页Thymeleaf做一个导航页

Thymeleaf做一个导航页

时间: 2023-08-12 12:05:13 浏览: 108

Thymeleaf是一个服务器端的Java模板引擎，可以用来构建Web应用程序的用户界面。要使用Thymeleaf制作一个导航页，可以按照以下步骤进行： 1. 创建一个HTML文件，例如"navigation.html"，在文件中添加导航链接。 2. 在HTML文件中添加Thymeleaf的命名空间和标签，例如： ``` <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Navigation Page</title> </head> <body> <ul> <li><a th:href="@{/home}">Home</a></li> <li><a th:href="@{/about}">About</a></li> <li><a th:href="@{/contact}">Contact</a></li> </ul> </body> </html> ``` 在这个示例中，使用Thymeleaf的th:href属性来设置链接地址，这样可以使链接在不同的环境中正确地工作。 3. 在Web应用程序的配置文件中配置Thymeleaf视图解析器，例如： ``` spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html spring.thymeleaf.mode=HTML ``` 4. 在控制器中添加处理请求的方法，例如： ``` @Controller public class NavigationController { @GetMapping("/navigation") public String showNavigationPage() { return "navigation"; } } ``` 在这个示例中，控制器返回了"navigation"字符串，它对应于HTML文件的名称（不包括扩展名）。 5. 启动Web应用程序并访问导航页，例如： ``` http://localhost:8080/navigation ``` 在浏览器中打开这个链接，应该可以看到导航链接列表。以上就是使用Thymeleaf制作导航页的基本步骤，你可以根据自己的需求进行调整和扩展。

阅读全文