springboot集成thymeleaf模板引擎

导包

使用thymeleaf需要导入一个staer包

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

配置

thymeleaf默认开启缓存,需要关闭.

spring.thymeleaf.cache=false

编写404和500页面

thymeleaf如果遇到404和500页面,会在templates目录下寻找404.html和500.html。
提前编写好,给用户好的体验
提示:如果页面会用到thymeleaf的相关语法,需要在html标签中添加约束。
以404.html为例子,500.html同理

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
这是一个404页面
</body>
</html>

编写user和list页面

编写两个正常的页面提供访问,需要放在templants目录下。
list.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博主信息</title>
</head>
<body>
<form action="" th:each="user : ${list}" >
    用户编号:<input name="id" th:value="${user.id}"/><br>
    用户姓名:<input type="text" name="password" th:value="${user.name}"/><br>
    登录密码:<input type="text" name="username" th:value="${user.getPassword()}"/>
</form>
</body>
</html>

user.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博主信息</title>
</head>
<body>
<form action="" th:object="${user}" >
    用户编号:<input name="id" th:value="${user.id}"/><br>
    用户姓名:<input type="text" name="username" th:value="${user.getName()}" /><br>
    登陆密码:<input type="text" name="password" th:value="*{password}" />
</form>
</body>
</html>

编写controller测试类

@Controller
@RequestMapping("/thymeleaf")
public class ThymeleafController {
    @GetMapping("/test404")
    public String test404(){
        return "dsajklh";
    }
    @GetMapping("/test500")
    public String test500(){
        int  i = 1/0;
        return "index";
    }
    @GetMapping("/getUser")
    public String getBlogger(Model model) {
        User user = new User(1L, "qingtian", "123456");
        model.addAttribute("user", user);
        return "user";
    }
    @GetMapping("/getList")
    public String getList(Model model) {
        User user = new User(1L, "qingtian", "123456");
        User user2 = new User(2L, "dadsa", "654321");
        List<User> list = new ArrayList<>();
        list.add(user);
        list.add(user2);
        model.addAttribute("list", list);
        return "list";
    }
}

测试

首先访问一个不存在的路径,接着访问/thymeleaf/test500页面,观察页面是否跳转我们准备好的404页面和500页面

访问/thymeleaf/getUser和/thymeleaf/getList,观察页面跳转和thymeleaf语法是否生效!
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值