SpringMVC系列七: 视图和视图解析器

上一讲, 我们学习的是SpringMVC系列五: SpringMVC映射请求数据

现在打开springmvc项目

在这里插入图片描述

💞基本介绍

1.在SpirngMVC中的目标方法最终返回都是一个视图(有各种视图)
2.返回的视图都会由一个视图解析器来处理(视图解析器有很多种)

💞 自定义视图

为什么需要自定义视图

1.在默认情况下, 我们都是返回默认的视图, 然后返回的视图交由SpringMVCInternalResourceViewResolver视图解析器来处理的.

<!--配置视图解析器-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <!--配置属性prefix 和 suffix-->
    <property name="prefix" value="/WEB-INF/pages/"/>
    <property name="suffix" value=".jsp"/>
</bean>

2.在实际开发中, 我们有时需要自定义视图, 这样可以满足更多更复杂的需求.

自定义试图实例-代码实现

1.创建web路径/view.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>自定义视图测试</title>
</head>
<body>
<h2>自定义视图测试</h2>
<a href="?">点击到自定义视图</a>br/><br/>
</body>
</html>

2.创建com.zzw.web.viewresolver.GoodsHandler.java

@RequestMapping("/goods")
@Controller
public class GoodsHandler {

    @RequestMapping("/buy")
    public String buy() {
        System.out.println("buy() 被调用...");
        return "?";//待会再填写自定义视图名称
    }
}

3.创建comzzw.web.viewresolver.MyView.java自定义视图类

/**
 * 解读
 * 1.MyView 继承了AbstractView, 就可以作为一个视图使用
 * 2.@Component(value="myView"), 该视图会注入到容器中, 名字/id 是 zzwView
 */
@Component(value = "zzwView")
public class MyView extends AbstractView {
    @Override
    protected void renderMergedOutputModel(Map<String, Object> model, HttpServletRequest request, HttpServletResponse response) throws Exception {
        System.out.println("进入到自己的视图");
        //完成视图渲染
        //并且可以确定我们要跳转的页面
    }
}

4.创建web路径/WEB-INF/pages/my_view.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>my_view页面</title>
</head>
<body>
<h2>进入到my_view页面</h2>
<p>是从自定义视图来的</p>
</body>
</html>

5.补充MyView的代码

/**
 * 解读
 * 1.MyView 继承了AbstractView, 就可以作为一个视图使用
 * 2.@Component(value="myView"), 该视图会注入到容器中, 名字/id 是 zzwView
 */
@Component(value = "zzwView")
public class MyView extends AbstractView {
    @Override
    protected void renderMergedOutputModel(Map<String, Object> model,
                                           HttpServletRequest request,
                                           HttpServletResponse response) throws Exception {
        System.out.println("进入到自己的视图");
        //完成视图渲染
        //并且可以确定我们要跳转的页面[请求转发] /WEB-INF/pages/my_view.jsp
        //解读
        //1.下面就是进行请求转发到 /WEB-INF/pages/my_view.jsp
        //2./WEB-INF/pages/my_view.jsp 会被springmvc解析
        //  /springmvc/WEB-INF/pages/my_view.jsp
        request.getRequestDispatcher("/WEB-INF/pages/my_view.jsp")
                .forward(request, response);
    }
}

6.配置springDispatcherServlet-servlet.xml, 增加自定义视图解析器

<!--配置视图解析器[默认视图解析器]-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <!--配置属性prefix 和 suffix-->
    <property name="prefix" value="/WEB-INF/pages/"/>
    <property name="suffix" value=".jsp"/>
</bean>

<!--
解读
1.配置自定义视图解析器BeanNameViewResolver
2.BeanNameViewResolver可以去解析我们自定义的视图
3.配置 属性 order, 表示视图解析器执行的顺序, 值越小, 优先级越高
4.属性 order 的默认值是最低优先级, 值为 Integer.MAX_VALUE
  int LOWEST_PRECEDENCE = 2,147,483,647;
-->
<bean class="org.springframework.web.servlet.view.BeanNameViewResolver">
    <property name="order" value="99"/>
</bean>

7.view.jsp修改请求路径

<h2>自定义视图测试</h2>
<a href="goods/buy">点击到自定义视图</a>br/><br/>

8.GoodsHandler.java完善代码

@RequestMapping("/goods")
@Controller
public class GoodsHandler {

    @RequestMapping("/buy")
    public String buy() {
        System.out.println("buy() 被调用...");
        return "zzwView";
    }
}

9.Postman测试
在这里插入图片描述

自定义视图工作流程小结

●自定义视图-小结

1.创建一个Viewbean, 该bean需要继承自AbstractView, 并实现renderMergedOutputModel方法
2.并把自定义View加入到IOC容器中
3.自定义视图的视图处理器, 使用BeanNameViewResolver, 这个视图处理器也需要配置到ioc容器
4.BeanNameViewResolver的调用优先级需要设置一下, 设置orderInteger.MAX_VALUE小的值, 以确保其在InternalResourceViewResolver之前被调用

●自定义视图-工作流程

1.SpringMVC调用目标方法, 返回自定义ViewIOC容器中的id
2.SpringMVC调用BeanNameViewResolver解析视图: 从IOC容器中获取 返回id值对应的bean, 即自定义View的对象
3,SpringMVC调用自定义视图的renderMergedOutputModel方法渲染视图
4.说明:如果在SpringMVC调用目标方法, 返回自定义View容器中的id, 不存在, 则仍然按照默认的视图处理器机制处理.

Debug源码

浏览器点击按钮请求

在这里插入图片描述

调用目标方法, 返回字符串

在这里插入图片描述

DispatcherServlet调用视图解析器

在这里插入图片描述

调用自定义视图解析器.
判断逻辑: 如果zzwViewbean包含在容器中, 并且实现了View接口, 就返回zzwViewbean对象

在这里插入图片描述

得到view对象

在这里插入图片描述

进行视图渲染

在这里插入图片描述

进入到my_view.jsp

在这里插入图片描述

默认视图解析器执行流程

1.配置默认视图解析器的优先级

<!--配置视图解析器[默认视图解析器]-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <!--配置属性prefix 和 suffix-->
    <property name="prefix" value="/WEB-INF/pages/"/>
    <property name="suffix" value=".jsp"/>
    <!--调整优先级-->
    <property name="order" value="10"/>
</bean>

2.debug源码

在这里插入图片描述

在这里插入图片描述

进入到默认视图解析器

在这里插入图片描述
在这里插入图片描述

由于没有zzwView.jsp页面, 页面会报错

在这里插入图片描述

多个视图解析器执行流程

案例1: 假设自定义视图解析器的优先级大于默认视图解析器

1.将默认视图解析器的优先级大小设置为默认

<!--配置视图解析器[默认视图解析器]-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <!--配置属性prefix 和 suffix-->
    <property name="prefix" value="/WEB-INF/pages/"/>
    <property name="suffix" value=".jsp"/>
    <!--调整优先级-->
    <!--<property name="order" value="10"/>-->
</bean>

2.将自定义视图MyView.javabeanName改为zzwViewx

/**
 * 解读
 * 1.MyView 继承了AbstractView, 就可以作为一个视图使用
 * 2.@Component(value="myView"), 该视图会注入到容器中, 名字/id 是 zzwView
 */
@Component(value = "zzwViewx")
public class MyView extends AbstractView {
    @Override
    protected void renderMergedOutputModel(Map<String, Object> model,
                                           HttpServletRequest request,
                                           HttpServletResponse response) throws Exception {
        //完成视图渲染
        //并且可以确定我们要跳转的页面[请求转发] /WEB-INF/pages/my_view.jsp
        System.out.println("进入到自己的视图");
        //解读
        //1.下面就是进行请求转发到 /WEB-INF/pages/my_view.jsp
        //2./WEB-INF/pages/my_view.jsp 会被springmvc解析
        //  /springmvc/WEB-INF/pages/my_view.jsp
        request.getRequestDispatcher("/WEB-INF/pages/my_view.jsp")
                .forward(request, response);
    }
}

3.debug源码

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在容器中找不到id为zzwViewx的bean对象

在这里插入图片描述
BeanName视图解析器返回了空, 开始循环第二个默认视图解析器

在这里插入图片描述在这里插入图片描述对返回的view对象进行估算. 没有 /WEB-INF/pages/zzwView.jsp 这个文件, 会报404错误.
在这里插入图片描述在这里插入图片描述

案例2: 假设默认视图解析器的优先级大于自定义视图解析器

1.将默认视图解析器的优先级大小设置为10, 此时自定义视图解析器的优先级是99.

<!--配置视图解析器[默认视图解析器]-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <!--配置属性prefix 和 suffix-->
    <property name="prefix" value="/WEB-INF/pages/"/>
    <property name="suffix" value=".jsp"/>
    <!--调整优先级-->
    <property name="order" value="10"/>
</bean>

2.将自定义视图MyView.java的beanName改为zzwView

/**
 * 解读
 * 1.MyView 继承了AbstractView, 就可以作为一个视图使用
 * 2.@Component(value="myView"), 该视图会注入到容器中, 名字/id 是 zzwView
 */
@Component(value = "zzwView")
public class MyView extends AbstractView {
    @Override
    protected void renderMergedOutputModel(Map<String, Object> model,
                                           HttpServletRequest request,
                                           HttpServletResponse response) throws Exception {
        //完成视图渲染
        //并且可以确定我们要跳转的页面[请求转发] /WEB-INF/pages/my_view.jsp
        System.out.println("进入到自己的视图");
        //解读
        //1.下面就是进行请求转发到 /WEB-INF/pages/my_view.jsp
        //2./WEB-INF/pages/my_view.jsp 会被springmvc解析
        //  /springmvc/WEB-INF/pages/my_view.jsp
        request.getRequestDispatcher("/WEB-INF/pages/my_view.jsp")
                .forward(request, response);
    }
}

3.debug源码
在这里插入图片描述
在这里插入图片描述在这里插入图片描述只要执行了默认视图解析器, 找不到页面, 会报404, 不会再执行下一个视图解析器.
在这里插入图片描述

💞目标方法直接指定转发或重定向

使用实例

需求: 目标方法中指定转发或者重定向

1.默认返回的方法是请求转发, 然后用视图处理器进行处理, 比如在目标方法中这样写:

在这里插入图片描述

2.也可以在目标方法中直接指定重定向或请求转发的url地址

3.如果指定重定向, 可以定向到web路径下的资源

在这里插入图片描述

但是有个例外: 不能重定向到/WEB-INF目录.
原因: WEB-INF下的资源是服务器内部访问的, 浏览器不能访问
在这里插入图片描述
4.需要开启视图解析器.

应用案例
1.修改com.zzw.web.viewresolver.GoodsHandler.java, 增加方法order

@RequestMapping("/goods")
@Controller
public class GoodsHandler {

    @RequestMapping("/order")
    public String order() {
        System.out.println("===========order()===========");
        //1.请求转发到 /WEB-INF/pages/my_view.jsp
        //2.下面的这个路径 /WEB-INF/pages/my_view.jsp
        //  会被解析成 /springmvc/WEB-INF/pages/my_view.jsp
        //return "forward:/WEB-INF/pages/my_view.jsp";

        //1.请求转发到 /aa/bb/ok.jsp
        //2.下面的这个路径 /aa/bb/ok.jsp
        //  会被解析成 /springmvc/aa/bb/ok.jsp
        //return "forward:/aa/bb/ok.jsp";

        /**
         * 直接指定要重定向的页面
         * 1. 对于重定向来说, 不能重定向到 /WEB-INF/ 目录下
         * 2. redirect 关键字, 表示进行重定向
         * 3. /login.jsp 会在服务器解析成 /springmvc/login.jsp
         */
        //return "redirect:/login.jsp";

        //重定向到 /WEB-INF/pages/my_view.jsp,报错
        //下面的这个路径 /WEB-INF/pages/my_view.js 会在服务器解析成
        // /springmvc/WEB-INF/pages/my_view.jsp
        return "redirect:/WEB-INF/pages/my_view.jsp";
    }
}

2.view.jsp增加代码

<body>
<h2>自定义视图测试</h2>
<a href="goods/buy">点击到自定义视图</a><br/><br/>
<a href="goods/order">测试在目标方法中指定请求转发或者重定向到页面</a>
</body>

测试1

//1.请求转发到 /WEB-INF/pages/my_view.jsp
//2.下面的这个路径 /WEB-INF/pages/my_view.jsp 会被解析成 /springmvc/WEB-INF/pages/my_view.jsp
return "forward:/WEB-INF/pages/my_view.jsp";

测试2

//1.请求转发到 /aa/bb/ok.jsp
//2.下面的这个路径 /aa/bb/ok.jsp 会被解析成 /springmvc/aa/bb/ok.jsp
return "forward:/aa/bb/ok.jsp";

测试3

/**
 * 直接指定要重定向的页面
 * 1. 对于重定向来说, 不能重定向到 /WEB-INF/ 目录下
 * 2. redirect 关键字, 表示进行重定向
 * 3. /login.jsp 会在服务器解析成 /springmvc/login.jsp
 */
return "redirect:/login.jsp";

在这里插入图片描述
在这里插入图片描述

测试4

//1.重定向到 /WEB-INF/pages/my_view.jsp
//2.下面的这个路径 /WEB-INF/pages/my_view.js 会在服务器解析成 /springmvc/WEB-INF/pages/my_view.jsp
 return "redirect:/WEB-INF/pages/my_view.jsp";

在这里插入图片描述WEB-INF下的资源是服务器内部访问的, 浏览器不能访问
在这里插入图片描述

指定请求转发流程-Debug源码

在这里插入图片描述

debug源码

在这里插入图片描述
在这里插入图片描述

调用默认的视图解析器

在这里插入图片描述在这里插入图片描述

已经作为一个bean对象存储在容器中
在这里插入图片描述

下一步, 开始渲染

在这里插入图片描述

下一步

在这里插入图片描述

进入

在这里插入图片描述

进入到renderMergedOutputModel(), 和MyView.java中的相仿

在这里插入图片描述

下一步, 找到rd = request.getRequestDispatcher(dispatcherPath);

在这里插入图片描述

下一步

在这里插入图片描述

指定重定向流程-Debug源码

在这里插入图片描述


debug源码

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

SpringMVC有很多视图种类

在这里插入图片描述

下一步

在这里插入图片描述在这里插入图片描述

进入

在这里插入图片描述

进入, 调用RedirectView的视图渲染方法

在这里插入图片描述

课后作业

1.熟悉前面的SpringMVC映射数据请求, 模型数据, 视图和视图解析的案例
2.清晰Debug源码的流程
3.完成一个简单的用户登录案例
1)编写登陆页面web路径/homework/login.jsp
2)com.zzw.web.homework.LoginHandler [doLogin方法], 如果用户输入用户名是zzw, 密码123, 就可以登陆成功; 否则登陆失败
3)创建JavaBeancom.zzw.web.homework.entity.User.java
4)表单提交数据到doLogin方法, 以User对象形式接收
5)登陆成功到, 页面 web路径/WEB-INF/pages/homework/login_ok.jsp, 并显示登陆欢迎信息 [显示用户名, 模型数据会自动填充到request域中]
6)登陆失败到, 页面 web路径/WEB-INF/pages/homework/login_err.jsp, 并给出重新登录的超链接 [考察web工程路径应用问题]


代码实现

1.在web路径/homework下 新建login.jsp

<head>
    <title>登陆页面</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/doLogin">
    用户名: <input type="text" name="username"/><br/><br/>
    密 码: <input type="text" name="pwd"/><br/><br/>
    <input type="submit" value="登录"/>
</form>
</body>

2.在com.zzw.web.homework下新建LoginHandler

@Controller
public class LoginHandler {

    @RequestMapping("/doLogin")
    public String doLogin(User user) {
        System.out.println("===========doLogin()===========");
        if ("zzw".equals(user.getUsername()) && "123".equals(user.getPwd())) {
	        //使用的是默认视图解析器
            return "forward:/WEB-INF/pages/homework/login_ok.jsp";
        } else {
            return "forward:/WEB-INF/pages/homework/login_err.jsp";
        }
    }
}

3.填充login.jsp的请求路径 涉及-web工程路径问题

<%--
    <%=request.getContextPath()%>/doLogin => /springmvc/doLogin
    /springmvc/doLogin 被浏览器解析成 http://localhost:8080/springmvc/doLogin
--%>
<form action="<%=request.getContextPath()%>/doLogin">

4.在com.zzw.web.homework.entity下新建User.java

public class User {
    private String username;
    private String pwd;

	//setter, getter方法
}

5.在web路径/WEB-INF/pages/homework下 新建login_ok.jsp
登录成功到login_ok.jsp, 并显示登陆欢迎信息 模型数据默认放入request域.

<head>
    <title>登陆成功</title>
</head>
<body>
登陆成功, 欢迎 ${requestScope.user.username}
</body>

6.在web路径/WEB-INF/pages/homework下 新建login_err.jsp
登陆失败到login_err.jsp, 并给出重新登陆的超链接. 相对路径的知识点

<head>
    <title>登陆失败</title>
</head>
<body>
<a href="homework/login.jsp">重新登陆</a>
</body>

使用自定义视图解析器再次完成

代码实现

1.springDispatcherServlet-servlet.xml中注释掉默认视图解析器的优先级, 使用自定义视图

<!--<property name="order" value="10"/>-->

2.修改LoginHandler

@Controller
public class LoginHandler {

    @RequestMapping("/doLogin")
    public String doLogin(User user) {
        System.out.println("===========doLogin()===========");
        return "homeworkView";
    }
}

3.新建com.zzw.web.homework.viewresolver.MyView

/**
 * 解读
 * 1.MyView 继承了AbstractView, 就可以作为一个试图使用
 * 2.@Component("homeworkView") 表示该视图会注入到容器中, 名字/id 是 homeworkView
 */
@Component("homeworkView")
public class MyView extends AbstractView {
    @Override
    protected void renderMergedOutputModel(Map<String, Object> model, HttpServletRequest request, HttpServletResponse response) throws Exception {
        //完成视图渲染
        //并且可以确定我们要跳转的页面
        System.out.println("进入到了自己的视图");

        request.setCharacterEncoding("utf-8");
        String username = request.getParameter("username");
        String pwd = request.getParameter("pwd");
        if ("zzw".equals(username) && "123".equals(pwd)) {
            request.setAttribute("username", username);
            request.getRequestDispatcher("/WEB-INF/pages/homework/login_ok.jsp")
                    .forward(request, response);
        } else {
            request.getRequestDispatcher("/WEB-INF/pages/homework/login_err.jsp")
                    .forward(request, response);
        }
    }
}

4.修改login_ok.jsp

登陆成功, 欢迎 ${requestScope.username}

在这里插入图片描述

下一讲, 我们学习 SpringMVC系列七: 手动实现SpringMVC底层机制-上

  • 24
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

~ 小团子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值