【学习笔记】SpringBoot视图解析与模板引擎

前言

通过我们在之前学过了JavaWeb的时候我们使用的视图解析器则是 Thymeleaf 。而今天我们在学习SpringBoot的时候我们也通过Thymeleaf 来对前端进行渲染。

注： SpringBoot是不支持jsp这个渲染技术的！

如果有不是很懂Thymeleaf 的小伙伴可以看我之前的一篇文章哦—【学习笔记】 Thymeleaf的前端渲染（价值50）

渲染流程

1、目标方法处理的过程中，所有数据都会被放在 ModelAndViewContainer 里面。包括数据和视图地址

2、方法的参数是一个自定义类型对象（从请求参数中确定的），把他重新放在 ModelAndViewContainer

3、任何目标方法执行完成以后都会返回 ModelAndView（ 数据和视图地址 ）。

4、 processDispatchResult 处理派发结果（页面改如何响应）

• 1、render(mv, request, response); 进行页面渲染逻辑

• • 1、根据方法的String返回值得到 View 对象【定义了页面的渲染逻辑】
• • • 1、所有的视图解析器尝试是否能根据当前返回值得到View对象
    • 2、得到了 redirect:/main.html --> Thymeleaf new RedirectView()
    • 3、ContentNegotiationViewResolver 里面包含了下面所有的视图解析器，内部还是利用下面所有视图解析器得到视图对象。
    • 4、view.render(mv.getModelInternal(), request, response); 视图对象调用自定义的render进行页面渲染工作
• • • • RedirectView 如何渲染【重定向到一个页面】
      • 1、获取目标url地址
      • 2、 response.sendRedirect(encodedURL);

视图解析：

• • 返回值以 forward: 开始： new InternalResourceView(forwardUrl); --> 转发 request.getRequestDispatcher(path).forward(request, response);
  • 返回值以 redirect: 开始： new RedirectView() --》 render就是重定向
  • 返回值是普通字符串： new ThymeleafView（）—>

配置流程

引入依赖

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

配置目录

实体类的编写

package com.example.springbootdemo03.bean;


import lombok.Data;

@Data
public class User {
    
    
    private String name;
    private  String password;

}

Controller层的编写

@Controller
public class IndexController {
    
    

    //默认的登录页面
    @GetMapping(value = {
    
    "/","/login"})
    public String Index(){
    
    
        return "login";
    }

    //登录后的主页
    @GetMapping("main.html")
    public String Main(){
    
    
        return "index";
    }

    //判断登录的密码和账号是否正确。
    @PostMapping("/login")
    public String Login(User user, HttpSession session, Model model){
    
    
        if(user.getPassword().equals("123456")){
    
    
            session.setAttribute("loginUser",user);
        return "redirect:/main.html";}
        else{
    
    
            session.setAttribute("msg","登录失败");
            return "login";

        }
    }


}

测试

上面我们配置好了一个简单的登录流程，我们可以来测试看一下。

登录界面：

登录成功后：

登录失败后：

源码和Thymeleaf的相关介绍

上图中源码下载：下载地址

Thymeleaf介绍和使用：地址