Spring Boot快速入门:thymeleaf

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Spring Boot快速入门:thymeleaf相关的知识,希望对你有一定的参考价值。

原文地址:https://lierabbit.cn/articles/8

静态资源

在我们开发Web应用的时候,需要引用大量的js、css、图片等静态资源。

Spring Boot的默认位置是resources/static 

模版页面

各种模版的页面,这次我们选用Thymeleaf

Spring Boot的默认位置是resources/templates

渲染页面

在之前的示例中,我们都是通过@RestController来处理请求,所以返回的内容为json对象。当我们需要页面的时候使用@Controller,使其寻找模版页面

添加依赖

技术分享图片

对于已存在的项目可以在bulid.gradle加入

compile(‘org.springframework.boot:spring-boot-starter-thymeleaf‘)
compile(‘org.springframework.boot:spring-boot-starter-web‘)

至此Thymeleaf已经引入

创建控制器

新建一个ThymeleafCtrl类

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller//这是一个控制器
public class ThymeleafCtrl
{
    @RequestMapping("/")
    public String hello(Model model)
    {
        model.addAttribute("hello","hello thymeleaf");//添加一个值为"hello thymeleaf"的hello变量到视图
        return "hello";//在templates下寻找hello.html
    }
} 

创建模版页面

在resources/templates创建一个hello.html页面

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"><!-- xmlns:th="http://www.thymeleaf.org" 减少ide报错,可以没有 -->
<head>
    <meta charset="UTF-8"/>
    <title>Hello</title>
</head>
<body>
<h1 th:text="${hello}">LieRabbit</h1><!-- 使用hello变量 -->
<img src="lierabbit.jpg"/>
</body>
</html>

添加图片资源

在resources/static添加lierabbit.jpg

运行结果

技术分享图片

更多的Thymeleaf的语法请前往官网查看文档(http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

源码地址:https://github.com/LieRabbit/SpringBoot-thymeleaf

原文地址:https://lierabbit.cn/articles/8

以上是关于Spring Boot快速入门:thymeleaf的主要内容,如果未能解决你的问题,请参考以下文章

Spring Boot入门系列六( SpringBoot 整合thymeleaf)

Spring Boot入门——全局异常处理

Spring Boot + Security + Thymeleaf + Activiti 快速开发平台项目

Spring Boot + Security + MyBatis + Thymeleaf + Activiti 快速开发平台

Spring Boot + Security + MyBatis + Thymeleaf + Activiti 快速开发平台项目

Spring Boot(十五):spring boot+jpa+thymeleaf增删改查示例