spring boot使用thymeleaf跳转页面实例代码

时间：2021-05-19

前言

在学习springboot 之后想结合着html做个小demo,无奈一直没掌握窍门,在多番的搜索和尝试下终于找到了配置的方法,使用thymeleaf做事前端页面模板,不能使用纯html.

thymeleaf介绍

Thymeleaf是面向Web和独立环境的现代服务器端Java模板引擎。

Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板 - 可以在浏览器中正确显示HTML，还可以作为静态原型工作，从而在开发团队中进行更强大的协作。

使用Spring Framework的模块，与您最喜爱的工具进行大量集成，以及插入自己的功能的能力，Thymeleaf是现代HTML5 JVM Web开发的理想选择，尽管它可以做的更多。

实战

项目结构

thymeleaf pom依赖

<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>

模板页面

注意使用模板作为页面时候必须要把模板页面放在templates文件夹下

index.html

<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.org"><head> <title>demo</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head><body><h1>my thymeleaf indexpage</h1><a href="/info/more" rel="external nofollow" >更多详情</a></body></html>

controller

@Controllerpublic class PageController { @RequestMapping("/page") public String page3(Model model){ model.addAttribute("userName","张三"); return "hello"; } @RequestMapping("info/more") public String page2(){ return "hello2"; } @RequestMapping("sys/index") public String page(){ return "sys/index"; }}

测试

点击更多详情

项目源码: github地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章