作者：huai | 来源：互联网 | 2023-12-14 10:11
本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。
1、在application.properties配置文件中添加 thymeleaf 的配置信息
spring.datasource.driverClassName=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/test
spring.datasource.username=root
spring.datasource.password=root
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.thymeleaf.cache=false
2、在pom.xml中引入thymeleaf 的jar包
<dependency>
<groupId>org.springframework.bootgroupId>
<artifactId>spring-boot-starter-thymeleafartifactId>
dependency>
3、创建PageController并添加index方法
package com.cppdy.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class PageController {
@RequestMapping("index")
public String index(Model model) {
model.addAttribute("name","吹泡泡的魚");
return "index";
}
}
4、在src/main/resources下创建templates（默认访问此文件下的html），并创建index.html
在src/main/resources下创建static（默认访问此文件夹下的静态文件），在static文件夹创建images文件夹，并放入一张图片
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>SpringBoottitle>
head>
<body>
Welcome to cppdy
<p th:text="${name}">p>
<img alt="吹泡泡的魚" th:src="@{/images/logo.jpg}"/>
<br/>
<input th:value="${name}"/>
body>
html>
注：@表示当前项目路径,static文件夹是系统默认加载的静态文件路径
SpringBoot集成前端模版（thymeleaf）
京公网安备 11010802041100号