快捷導(dǎo)航

SpringBoot引入模板引擎實(shí)現(xiàn)視圖解析

更新時間：2022年10月08日 09:36:10 作者：劉婉晴

這篇文章主要介紹了SpringBoot引入模板引擎實(shí)現(xiàn)視圖解析方法流程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧

視圖解析

SpringBoot 不支持 JSP，需要引入第三方模板引擎進(jìn)行技術(shù)進(jìn)行頁面渲染

1. 視圖解析方式

轉(zhuǎn)發(fā)、重定向以及自定義視圖

2. 使用

在 pom.xml 文件中引入 Starter

   <!--導(dǎo)入Thymeleaf-->
   <dependency>
       <groupId>org.springframework.boot</groupId>
       <artifactId>spring-boot-starter-thymeleaf</artifactId>
   </dependency>

3. 原理

thymeleaf 自動配置類 —— ThymeleafAutoConfiguration.class

@Configuration(proxyBeanMethods = false)
@EnableConfigurationProperties(ThymeleafProperties.class)
@ConditionalOnClass({ TemplateMode.class, SpringTemplateEngine.class })
@AutoConfigureAfter({ WebMvcAutoConfiguration.class, WebFluxAutoConfiguration.class })
public class ThymeleafAutoConfiguration {}

自動配好的策略：

（1）所有的配置值都在 ThymeleafProperties

（2）配好了 SpringTemplateEngine

（3）配好了 ThymeleafViewResolverConfiguration

因此我們只需要開發(fā)頁面

頁面開發(fā)規(guī)則 —— ThymeleafProperties.class

	public static final String DEFAULT_PREFIX = "classpath:/templates/";
	public static final String DEFAULT_SUFFIX = ".html";

規(guī)則解釋：

頁面放在 /templates/ 里
頁面都是 .html

一個小 Demo:

HTML 端

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"> <!--重點(diǎn)一： 導(dǎo)入 thymeleaf-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 th:text="${msg}">haha</h1>  <!--通過th + $ 的方式取出值-->
<h2>
    <a href="www.atguigu.com" rel="external nofollow"  rel="external nofollow"  th:href="${link}" rel="external nofollow" >去百度</a> <!--$符直接取值當(dāng)成訪問路徑-->
    <a href="www.atguigu.com" rel="external nofollow"  rel="external nofollow"  th:href="@{/link}" rel="external nofollow" >去百度</a> <!--@符拼接訪問路徑，自動加前置路徑-->
</h2>
</body>
</html>

viewTestController 類

package com.example.demo2.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class viewTestController {
    @GetMapping("/haha")
    public String testhaha(Model model){
        // model 中的數(shù)據(jù)會被放到請求域中
        model.addAttribute("msg", "要好好學(xué)鴨~");
        model.addAttribute("link","https://www.baidu.com/");
        return "success"; // 轉(zhuǎn)發(fā)到 success.html （不寫后綴）
    }
}

訪問 http://localhost:8080/haha 可以看到 thymeleaf 自動幫我們渲染好的頁面