SpringBoot集成thymeleaf模板引擎

SpringBoot集成thymeleaf模板引擎

一、前言

  • thymeleaf

Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎。

Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板 -HTML可以在浏览器中正确显示,也可以作为静态原型工作,从而可以在开发团队中加强协作。

Thymeleaf拥有用于Spring Framework的模块,与您喜欢的工具的大量集成以及插入您自己的功能的能力,对于现代HTML5 JVM Web开发而言,Thymeleaf是理想的选择-尽管它可以做很多事情。

  • 开发环境

JDK 1.8+

  • 参考

二、正文

  • spring initializr 中创建 SpringBoot 项目
  1. 默认创建了 demo 项目
  2. Dependencies:添加 String Web
  3. GENERATE

在这里插入图片描述

  • IntelliJ IDEA 打开项目

在这里插入图片描述

  • resources/static 文件夹:存放静态资源,浏览器可直接访问;如:static 下创建 static.html ,可输入 http://localhost:8085/static.html 访问。
  • resources/templates文件夹:存放动态资源,即模板页面。
  • pom.xml 添加 thymeleaf 的依赖
<!-- thymeleaf -->
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
  • application.properties 配置
# thymeleaf
spring.thymeleaf.mode=HTML
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.servlet.content-type=text/html
spring.thymeleaf.cache=false
# spring
spring.application.name=thymeleaf-demo
server.port=8085
  • 创建文件夹和文件:com.example.thymeleafdemo.controller.DemoController.java
package com.example.thymeleafdemo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class DemoController {

    @GetMapping("/html/index")
    public ModelAndView goIndex(ModelAndView mav){
        mav.addObject("name", "hello word");
        mav.setViewName("test");
        return mav;
    }
}
  • 创建HTML: resources\templates\test.html

html标签: <html lang="en" xmlns:th="http://www.thymeleaf.org">

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Test Page</title>
</head>
<body>
    <h3>Test Page</h3>
    <h4 th:text=" 'response:' + ${name}"></h4>
</body>
</html>

三、其它

1.其它模板引擎

(1)FreeMarker

(2)Velocity

2.跳转首页

浏览器:输入IP和端口后,默认跳转的页面,例如:http://localhost:8085

  • 默认跳转到 static/index.html
  • 如果 static/index.html 不存在,才会查找 templates/index.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

趴着喝可乐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值