SpringBoot（四）整合视图

最新推荐文章于 2024-11-14 17:31:07 发布

独孤宇云12345

最新推荐文章于 2024-11-14 17:31:07 发布

阅读量438

点赞数 1

分类专栏： SpringBoot系列文章标签： SpringBoot整合视图

本文链接：https://blog.csdn.net/duguyuyun12345/article/details/84962363

版权

SpringBoot系列专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一、SpringBoot整合Thymeleaf模板

首先在pom.xml中添加对Thymeleaf的相关依赖：

<!--thymeleaf-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

在application.properties文件中添加相关配置：

#html
spring.thymeleaf.prefix=classpath:/templates/

创建HTML文件（在resources目录下生成templates文件夹，在里面写HTML页面）

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>hello world</h1>
    <p th:text="${hello}"></p>
</body>
</html>

在Controller中跳转HTML页面的方法：（返回时不用写templates路径）

@Controller
public class HelloController {
    @RequestMapping("/hello")
    public String helloHtml(HashMap<String,Object> map){
        map.put("hello","欢迎进入HTML页面");
        return "/hello";
    }
}

访问页面

二、SpringBoot整合FreeMarker模板

首先在pom.xml文件中添加FreeMarker的相关依赖

<!--引入freemarker的依赖包 -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

在application.properties文件中添加相关配置

#FreeMarker配置
spring.freemarker.template-loader-path=classpath:/templates/
spring.freemarker.charset=utf-8
spring.freemarker.cache=false
spring.freemarker.expose-request-attributes=true
spring.freemarker.expose-session-attributes=true
spring.freemarker.expose-spring-macro-helpers=true
spring.freemarker.suffix=.ftl

Controller层代码

@RequestMapping("/hi")
public String hiHtml(HashMap<String,Object> map){
    map.put("hi","欢迎进入HTML界面");
    return "/html/hi";
}

在src/main/resources/创建一个templates文件夹，模板文件后缀为*.ftl

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>hi，你好！</h1>
<span>${hi}</span>
</body>
</html>