详解spring Boot 集成 Thymeleaf模板引擎实例

详解spring Boot 集成 Thymeleaf模板引擎实例

今天学习了spring boot 集成Thymeleaf模板引擎。发现Thymeleaf功能确实很强大。记录于此，供自己以后使用。

Thymeleaf：

Thymeleaf是一个java类库，他是一个xml/xhtml/html5的模板引擎，可以作为mvc的web应用的view层。

Thymeleaf还提供了额外的模块与Spring MVC集成，所以我们可以使用Thymeleaf完全替代jsp。

spring Boot

通过org.springframework.boot.autoconfigure.thymeleaf包对Thymeleaf进行了自动配置。

通过ThymeleafAutoConfiguration类对集成所需要的bean进行自动配置。包括templateResolver，templateEngine，thymeleafViewResolver的配置。

下面我将演示spring boot 日常工作中常用的Thymeleaf用法。

Spring Boot 日常工作中常用Thymeleaf的用法

1：首先，在创建项目的时候选择依赖中选中Thymeleaf，或者在pom中添加依赖

org.springframework.boot

spring-boot-starter-thymeleaf

或者项目名-右键-add Framework Support来添加依赖jar包。如图

2：示例javaBean

此类用来在模板页面展示数据用。包含name和age属性。

public class Person {

private String name;

private Integer age;

public Person(String name, Integer age) {

this.name = name;

this.age = age;

}

public String getName() {

return name;

}

public void setName(String name) http://{

this.name = name;

}

public Integer getAge() {

return age;

}

public void setAge(Integer age) {

this.age = age;

}

}

3.脚本样式静态文件

根据默认原则，脚本样式，图片等静态文件应放置在src/main/resources/static下，这里引入了Bootstrap和jquery，结构如图所示：

4.演示页面

根据默认原则，页面应放置在src/main/resources/templates下。在src/main/resources/templates下面新建index.html，如上图。

代码如下：

xmlns:sec="http://thymeleaf.org/thymeleaf-extras-springsecurity3">

获得名字

5.数据准备

代码如下：

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RestController;

import java.util.ArrayList;

import java.util.List;

@Controller

@SpringBootAvfLAwXyMTpplication

public class ThymeleafTestApplication {

@RequestMapping("/")

public String index(Model model){

Person single=new Person("aa",1);

List people=new ArrayList();

Person p1=new Person("bb",2);

Person p2=new Person("cc",3);

Person p3=new Person("dd",4);

people.add(p1);

people.add(p2);

people.add(p3);

model.addAttribute("singlePerson",single);

model.addAttribute("people",people);

return "index";

}

public static void main(String[] args) {

SpringApplication.run(ThymeleafTestApplication.class, args);

}

}

6.运行

访问http：//localhost：8080效果如图：

单击“获得名字” f12产看页面控制台打印的日志效果如图：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。