SpringMVC 视图

一、简介

        SpringMVC 中的视图是 View 接口,视图的作用渲染数据,将模型 Model 中的数据展示给用户。

        SpringMVC 视图的种类很多,默认有转发视图 InternalResourceView 和重定向视图 RedirectView

        当工程引入 jstl 的依赖,转发视图会自动转换为 JstlView

        若使用的视图技术为 Thymeleaf,在 SpringMVC 的配置文件中配置了 Thymeleaf 的视图解析器,由此视图解析器解析之后所得到的是 ThymeleafView

二、ThymeleafView

        当控制器方法中所设置的视图名称没有任何前缀时,此时的视图名称会被 SpringMVC 配置文件中所配置的视图解析器解析,视图名称拼接视图前缀和视图后缀所得到的最终路径,会通过转发的方式实现跳转。

    <!-- 配置Thymeleaf视图解析器 -->
    <bean id="viewResolver"
          class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean
                            class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <!-- 视图前缀 -->
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        <!-- 视图后缀 -->
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8" />
                    </bean>
                </property>
            </bean>
        </property>
    </bean>

        当调用 /testHelo 请求时,最终会跳转到 WEB-INF/templates 目录下的 hello.html 页面。 

@RequestMapping("/testHello")
public String testHello(){
    return "hello";
}

三、转发视图

        SpringMVC 中默认的转发视图是 InternalResourceView

        当控制器方法中所设置的视图名称以 "forward:" 为前缀时,创建 InternalResourceView 视图,此时的视图名称不会被 SpringMVC 配置文件中所配置的视图解析器解析,而是会将前缀 "forward:" 去掉,剩余部分作为最终路径通过转发的方式实现跳转。

        当访问 /testForward 路径时,由于返回值存在 forward: 前缀,最终会将请求转发到 /testHello 路径上,即最终返回的是 success.html 页面。

@Controller
public class ShareDataController {

    @RequestMapping("/testHello")
    public String testHello(){
        return "success";
    }
    @RequestMapping("/testForward")
    public String testForward(){
        return "forward:/testHello";
    }
}

         可以发现,地址栏并没有发生变化,虽然请求的是 /testForward,但被转发到了 /testHello 路径上。

四、重定向视图

        SpringMVC 中默认的重定向视图是 RedirectView

        当控制器方法中所设置的视图名称以 "redirect:" 为前缀时,创建 RedirectView 视图,此时的视图名称不会被 SpringMVC 配置文件中所配置的视图解析器解析,而是会将前缀 "redirect:" 去掉,剩余部分作为最终路径通过重定向的方式实现跳转。

        重定向视图在解析时,会先将 redirect: 前缀去掉,然后会判断剩余部分是否以 / 开头,若是则会自动拼接上下文路径。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <a th:href="@{/testRedirect}">测试重定向</a><br>
</body>
</html>
@Controller
public class ShareDataController {

    @RequestMapping("/")
    public String index() {
        //设置视图名称
        return "index";
    }
    @RequestMapping("/testHello")
    public String testHello(){
        return "success";
    }
    @RequestMapping("/testRedirect")
    public String testRedirect(){
        return "redirect:/testHello";
    }
}

          可以发现,地址栏发生了变化,请求的是 /testRedirect,但是却被重定向到了 /testHello 路径上。

五、视图控制器 view-controller

        当控制器方法中,仅仅用来实现页面跳转,即只需要设置视图名称时,可以将处理器方法使用 view-controller 标签进行表示。

        什么意思呢?就是说,我们现在访问首页,是通过在 controller 中配置 @RequestMapping 注解来指定 / 请求的地址,如下面的代码,我们指定了接收到 / 的请求时,跳转到 index.html 界面上。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h1>首页</h1><br>
    <a th:href="@{/testRedirect}">测试重定向</a><br>
</body>
</html>
@Controller
public class ShareDataController {

    @RequestMapping("/")
    public String index() {
        //设置视图名称
        return "index";
    }
    @RequestMapping("/testHello")
    public String testHello(){
        return "success";
    }
    @RequestMapping("/testRedirect")
    public String testRedirect(){
        return "redirect:/testHello";
    }
}

        现在不用这么麻烦了,只需要在 springMVC.xml 中,配置以下的标签即可。

<!-- 
    path:设置处理的请求地址
    view-name:设置请求地址所对应的视图名称
-->
<mvc:view-controller path="/" view-name="index"></mvc:view-controller>

        此时的 html 页面和 controller 内容如下:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h1>首页</h1><br>
    <a th:href="@{/testRedirect}">测试重定向</a><br>
</body>
</html>
@Controller
public class ShareDataController {

    @RequestMapping("/testHello")
    public String testHello(){
        return "success";
    }
    @RequestMapping("/testRedirect")
    public String testRedirect(){
        return "redirect:/testHello";
    }
}

        可以看到,首页是可以正常访问的,如下 

        当点击 ”测试重定向“ 进行链接跳转时,就会报错,如下图:

        当 SpringMVC 中设置任何一个 view-controller 时,其他控制器(ShareDataController )中的请求映射将全部失效,此时需要在 SpringMVC 的核心配置文件中设置开启 mvc 注解驱动的标签,如下:

<!-- 开启 MVC 的注解驱动 -->
<mvc:annotation-driven />

        此时,再进行连接跳转,就可以正常了,如下图:

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

快乐的小三菊

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

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

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

打赏作者

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

抵扣说明:

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

余额充值