Spring Boot 中可以支持很多模板引擎，Thymeleaf 是 Spring Boot 官方推荐使用的模板引擎，虽然在社区 Thymeleaf 的性能被许多人所吐糟，但这仍然不影响大量的开发人员使用他。

Thymeleaf 是后台开发的最佳实践

当前 Spring Boot 2.0 及以后版本已经支持 Thymeleaf 3.0。

本章讲解如何在 Spring Boot 中使用 Themealf.

源码下载

欢迎关注我的微信公众号程序鱼 ,我们一起编程聊天看世界。

1 创建一个 Spring Boot 工程

1）File > New > Project，如下图选择 Spring Initializr 然后点击【Next】下一步

2）填写 GroupId（包名）、Artifact（项目名）即可。点击下一步

groupId=com.fishpro

artifactId=thymeleaf

3)选择依赖 Spring Web Starter 前面打钩，选择模板，在 Thymeleaf 依赖前面打钩

4)项目名设置为 ·spring-boot-study-thymeleaf。

2 引入依赖

如果在创建项目的时候已经引入依赖，则不需要此步骤，打开根目录下的文件 pom.xml dependencies 节点加入以下代码

<dependency>

	<groupId>org.springframework.boot</groupId>

	<artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

3 配置Thymeleaf

找到src\main\resources\application.yml，如果是application.properties 更名后缀yml 即可,当然习惯使用 properties 后缀的则不需要更改。

注意这里的配置不是必须的，不配做，thymeleaf则有默认的配置。

server:

  port: 8083

#thymelea模板配置

spring:

  thymeleaf:

    #thymeleaf 所在路径

    prefix: classpath:/templates/

    #thymeleaf 后缀

    suffix: .html

    #thymeleaf 采用的标准

    mode: HTML5

    #thymeleaf 编码格式

    encoding: UTF-8

application.properties 后缀格式表示为 spring.thymeleaf.prefix=classpath:/templates/ 其他类似修改。

4 编写代码实例

4.1 项目结构

在编写代码之前应该搞清楚 thymeleaf 结构。

src\main\resources\templates 为目录的 thymeleaf 模板存放路径

4.2 数据准备

新建Java文件 src\main...\controller\IndexController.java

在 IndexController 增加展示层数据的输出

UserDTO.java 用于测试的实体类

public class UserDTO {

    private String username;

    private String sex;

    private Date birthday;

    public UserDTO(){}

    public UserDTO(String username,String sex,Date birthday){

        this.username=username;

        this.sex=sex;

        this.birthday=birthday;

    }

    public String getUsername() {

        return username;

    }

    public void setUsername(String username) {

        this.username = username;

    }

    public String getSex() {

        return sex;

    }

    public void setSex(String sex) {

        this.sex = sex;

    }

    public Date getBirthday() {

        return birthday;

    }

    public void setBirthday(Date birthday) {

        this.birthday = birthday;

    }

}

IndexController.java 用于测试的控制层

@Controller

public class IndexController {

    @RequestMapping("/sample")

    public String sample(Model model){

        model.addAttribute("user",getUserDTOData());

        List<UserDTO> users=new ArrayList<>();

        users.add(new UserDTO("zhangsan","男",new Date()));

        users.add(new UserDTO("wangjingjing","女",new Date()));

        users.add(new UserDTO("limeimei","女",new Date()));

        users.add(new UserDTO("lisi","男",new Date()));

        model.addAttribute("users",users);

        return "/index/sample";

    }

    /**

     * 构造一个user对象

     * */

    private UserDTO getUserDTOData(){

        UserDTO userDTO=new UserDTO();

        userDTO.setUsername("fishpro");

        userDTO.setSex("男");

        userDTO.setBirthday(new Date());

        return  userDTO;

    }

}

新建模板文件src\main\resources\templates\index\sample.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Thymeleaf简单示例</title>

</head>

<body>

<p style="background-color: #c7ddef">

    ${...} 可以显示后台传输的变量

</p>

<p th:text="${user.username}"></p>

<p style="background-color: #c7ddef">

    th:each循环标签

</p>

<p th:each=" userobject : ${users}">

    <span th:text="${userobject.username}"></span>

</p>

</body>

</html>

5 运行实例

在浏览器中输入 http://localhost:8083/demo/simple

欢迎关注我的微信公众号,我们一起编程聊天看世界

Spring Boot Thymeleaf 模板引擎的使用的更多相关文章

spring boot: thymeleaf模板引擎使用
spring boot: thymeleaf模板引擎使用在pom.xml加入thymeleaf模板依赖  <dependency> ...
spring boot: freemarket模板引擎
spring boot: freemarket模板引擎 freemarket模板引擎,可以和thymeleaf模板引擎共存 pom.xml引入  &l ...
Spring Boot整合模板引擎thymeleaf
项目结构引入依赖pom.xml  <dependency> <groupId>org.springframew ...
SpringBoot系列：Spring Boot使用模板引擎Thymeleaf
一.Java模板引擎模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档. 在jav ...
SpringBoot系列：Spring Boot使用模板引擎FreeMarker
一.Java模板引擎模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档. 在jav ...
SpringBoot系列：Spring Boot使用模板引擎JSP
一.Java模板引擎模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档. 在jav ...
spring boot:thymeleaf模板中insert/include/replace三种引用fragment方式的区别(spring boot 2.3.3)
一,thymeleaf模板中insert/include/replace三种引用fragment方式的区别 insert: 把整个fragment(包括fragment的节点tag)插入到当前节点内部 ...
Spring Boot整合模板引擎freemarker
jsp本质是servlet,渲染都在服务器,freemarker模板引擎也是在服务器端渲染. 项目结构引入依赖pom.xml  &l ...
Spring Boot整合模板引擎jsp
jsp也算是一种模板引擎吧.整合jsp前,先说一下运行SpringBoot项目的几种方式 1. 运行SpringBoot项目的几种方式 1.1 使用内嵌Tomcat运行项目在IDE中右键运行启动类, ...

随机推荐

【游戏体验】I Paid For It!（火柴人破坏狂）
>>>点此处可试玩无敌版<<< 注意,本游戏含有少量暴力元素,13岁以下的儿童切勿尝试本款游戏这款游戏打击感非常高,动画也比较绚丽,可玩性很高个人测评游戏性 ...
fader
fader在音频处理中是比较基础的处理.通常用于平滑的调节音量,或是音频的渐入和渐出效果. 比较常见的fader有line和cubic线型的fader. line fader即fader的渐变过程是线 ...
command failed: npm install --loglevel error --registry=https://registry.npm 用vue-cli 4.0 新建项目总是报错
昨天新买的本本,今天布环境,一安装vue-cli发现都4.0+的版本了,没管太多,就开始新建个项目感受哈,一切运行顺利,输入 "vue create app" 的时候,一切貌似进展 ...
jquery grid 获取选中的行的数据，以及获取所有行的方法
https://blog.csdn.net/shenqingkeji/article/details/52861319
Vue - 组件 Prop
组件注册全局注册可在多个vue实例中使用 <div id="app"> <my-component></my-component> < ...
if a != None:
>>> x = 1 >>> not x False >>> x = [1] >>> not x False >>&g ...
select id from BS_BU_RULETYPE t start with t.PARENT_ID = 175 connect by t.PARENT_ID = prior t.id
select id from BS_BU_RULETYPE t start with t.PARENT_ID = 175 connect by t.PARENT_ID = prior t.id
XSS 3
打开第三题然后会看到然后进行一下添加数据然后会发现数据被添加到 value=""双引号中然后然后我们会想到提前闭合代码然后进行编码然后就可以通过了此题与xss 2类似 ...
mysql 隔离性与隔离级别
提到事务,你肯定不陌生,和数据库打交道的时候,我们总是会用到事务.最经典的例子就是转账,你要给朋友小王转 100 块钱,而此时你的银行卡只有 100 块钱. 转账过程具体到程序里会有一系列的操作,比如 ...
将项目打成war包并用tomcat部署的方法，步骤及注意点
部署的遇到第一个问题,就是tomcat和jdk的环境问题: 首先理解为啥要关注这二者的环境呢?他们还是有关系的–tomcat 作为比较流行的java Web服务器也是用java来实现的一个比较大的软 ...

Spring Boot Thymeleaf 模板引擎的使用