SpringBoot整合视图层技术——thymeleaf（含参考手册）

最新推荐文章于 2024-09-05 23:16:39 发布

原创

最新推荐文章于 2024-09-05 23:16:39 发布 · 4.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#spring #spring boot #html

本文介绍了Thymeleaf作为Java新一代模板引擎的特点，对比了它与Freemarker的区别，并展示了在SpringBoot项目中整合Thymeleaf的步骤，包括添加依赖、创建bean实体和controller，以及编写HTML模板。Thymeleaf因其支持HTML原型和直观的DOM元素属性绑定在前后端分离中表现出色，被Spring官方推荐。

一、thymeleaf是什么

java新一代的模板引擎，支持html原型，可以让前端工程师直接浏览器查看样式，也支持后端工程师结合真实数据查看效果。

二、thymeleaf的优缺点（与freemarker相比较）

不了解freemarker的朋友可以参考一下我的上一篇博客：SpringBoot整合视图层技术——freemarker
下面我们就从几个不同的角度分析一下：

【从程序员角度看】
freemarker的语法更偏向于我们写代码的思维。

【从前后端分离角度看】
1.由于thymeleaf是html后缀文件，使用浏览器就可以直接打开，值的绑定都是基于html的DOM元素属性的，所以渲染更快，这是其他模板引擎所不具备的。
注：但目前thymeleaf3.0版本性能还不够，从长远发展来看，thymeleaf很有潜力。
2.thymeleaf便于前、后端工程师联调。
3.这是Spring官方推荐的。

三、开始干活

【第一步】创建一个SpringBoot项目，记住要勾选上如下图所示的依赖：
在这里插入图片描述
注：若你的项目已存在，可以在pom.xml文件添加如下依赖：

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

【第二步】创建一个bean实体类和与之对应的controller类，具体目录结构和代码如下所示：
【目录结构】
在这里插入图片描述
【Book.java】

package com.mango.thymeleaf.bean;

public class Book {
   
   

    private Integer id;
    private String name;
    private String author;
    private Double price;

    public Integer getId() {
   
   
        return id;
    }

    public void setId(Integer id) {
   
   
        this.id = id;
    }

    public String getName() {
   
   
        return name;
    }

    public void setName(String name) {

最低0.47元/天解锁文章