SpringBoot引入模板引擎实现视图解析

2022-11-13 18:11:44 视图 引入 解析

视图解析

SpringBoot 不支持 jsP，需要引入第三方模板引擎进行技术进行页面渲染

1. 视图解析方式

转发、重定向以及自定义视图

2. 使用

在 pom.xml 文件中引入 Starter

   <!--导入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

因此我们只需要开发页面

页面开发规则 —— ThymeleafProperties.class

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

规则解释：

  • 页面放在 /templates/ 里
  • 页面都是 .html

一个小 Demo:

HTML 端

<!DOCTYPE html>
<html lang="en" xmlns:th="Http://www.thymeleaf.org"> <!--重点一： 导入 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> <!--$符直接取值当成访问路径-->
    <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 中的数据会被放到请求域中
        model.addAttribute("msg", "要好好学鸭~");
        model.addAttribute("link","https://www.baidu.com/");
        return "success"; // 转发到 success.html （不写后缀）
    }
}

访问 http://localhost:8080/haha 可以看到 thymeleaf 自动帮我们渲染好的页面

到此这篇关于SpringBoot引入模板引擎实现视图解析的文章就介绍到这了,更多相关SpringBoot视图解析内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

相关文章