SpringMVC_v12

SpringMVC返回值类型及响应数据类型

对应代码 : SpringMVC_v12

1 搭建环境

步骤:

构建 Maven,archetype, …webapp -> 加防止等待的键值对 -> 复制上一个项目 pom.xml -> 添加 java, resources 目录补充不完整的目录结构, (右键设置) -> 编写 Controller.UserController.java -> 配置 springmvc.xml ->测试 环境

目录结构

image-20191005223131370

web.xml
<!DOCTYPE web-app PUBLIC
        "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
        "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
  <display-name>Archetype Created Web Application</display-name>

  <!--配置前端控制器-->
  <servlet>
    <servlet-name>dispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>dispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <!--配置解决中文乱码的过滤器-->
  <filter>
    <filter-name>characterEncodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>characterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

</web-app>

Springmvc.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="
        http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">

    <!-- 开启注解扫描 -->
    <context:component-scan base-package="com.yydcyy"/>

    <!-- 视图解析器对象 -->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <!-- 开启SpringMVC框架注解的支持 -->
    <mvc:annotation-driven />
</beans>

注 : 相比复制到上一个xml 文件. 删除了Cover 那个方法(暂时没用的自定义日期格式)

UserController.java
package com.yydcyy.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * @author YYDCYY
 * @create 2019-10-05
 */
@Controller
@RequestMapping("/user")
public class UserController {

    /**
     * 返回String
     * @param model
     * @return
     */
    @RequestMapping("/testString")
    public String testString(Model model){
        System.out.println("testString方法执行了...");
        return "success";
    }
}
success.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h3>国庆快乐鸭!  -- 来自 success.jsp 页面的鼓励.</h3>
</body>
</html>

启动关系

image-20191005223722797

结果 Demo

配置环境测试:

  1. 先遇上这个问题: “…DispatcherServlet.noHandlerFound No mapping found for HTTP request with URI [/SpringMVC_v12_war/] in Dispatc…”

    image-20191005223859407

    解决: 发现是 pom.xml 文件中, 复制手误. 更改后不报错

    <build>
      <finalName>sSpringMVC_v12</finalName>  <!-- 这里手误多打一个 s -->
    
    1. 又遇到 404 问题: 提示 “Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.”

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rfnd6mYi-1570502978330)(/Users/yuyang/Library/Application Support/typora-user-images/image-20191005223834425.png)]

排查 tomcat 配置, url 路径都没有输错. 按"Description"提示排查.

image-20191005224319152

解决: index.jsp 位置放错了(应该在 webapp 下, 而不可以在 WEB-INF 下).“WEB-INF文件下的 jsp文件用户是不能直接访问到的。是受保护的。”

因此把jsp文件 挪到 WebContent文件下即可了.

image-20191005224608819

image-20191005224623313

testString方法执行了...

环境没问题.keep going

2 响应之返回值是String类型

UserController.java 补充
 @RequestMapping("/testString")
    public String testString(Model model){
        System.out.println("testString方法执行了...");
        // 模拟从数据库中查询出User对象
        User user = new User();
        user.setUsername("美特斯邦威");
        user.setPassword("whocare");
        user.setAge(18);
        // model对象
        model.addAttribute("user",user);
        return "success";
    }
success.jsp 补充

注 : 记得打开 isElIgnore=“false”

....
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
....
<body>
<h3>国庆快乐鸭!  -- 来自 success.jsp 页面的鼓励.</h3>

<br/><h3>testString</h3>
${user.username}
${user.password}
</body>
结果 Demo

image-20191005225431088

小结 : 返回 String 是通过注解方式存入"Map", 上篇文章讲的(对应注解使用, 返回 void / String 两种方式))

3 响应之返回值是void类型

步骤:

补充 index.jsp -> 补充 UserController.jsp

index.jsp
<h3>国庆快乐鸭!  -- 来自 index.jsp 页面的鼓励.</h3>

    <br/><h3>testString</h3>
    <a href="user/testString" >testString</a>
    <br/><h3>testVoid</h3>
    <a href="user/testVoid" >testVoid</a>
</body>
UserController.java
  /**
     * 是void
     * 请求转发一次请求,不用编写项目的名称
     */
    @RequestMapping("/testVoid")
    public void testVoid(HttpServletRequest request, HttpServletResponse response) throws Exception {
        System.out.println("testVoid方法执行了...");
    }

return, 跳转啥都没写 : 结果

控制台输出 " testVoid方法执行了… "

浏览器跳转至: " …localhost:8080/SpringMVC_v12_war/user/testVoid"

返回值 void 时, 默认找当前路径方法.

更改UserController.java 为转发
    /**
     * 是void
     * 请求转发一次请求,不用编写项目的名称
     */
    @RequestMapping("/testVoid")
    public void testVoid(HttpServletRequest request, HttpServletResponse response) throws Exception {
        System.out.println("testVoid方法执行了...");
        // 编写请求转发的程序
         request.getRequestDispatcher("/WEB-INF/pages/success.jsp").forward(request,response);
    }

编写转发 : 跳转成功.

注: 之前不加路径"/WEB-INF/pages/" 是因为springmvc.xml 配置了视图解析器, 而后续不会执行视图解析器,需要自己补全路径

 <!-- 视图解析器对象 -->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
更改UserController.java 为重定向
 /**
     * 是void
     * 请求转发一次请求,不用编写项目的名称
     */
    @RequestMapping("/testVoid")
    public void testVoid(HttpServletRequest request, HttpServletResponse response) throws Exception {
        System.out.println("testVoid方法执行了...");
        // 编写请求转发的程序
       //  request.getRequestDispatcher("/WEB-INF/pages/success.jsp").forward(request,response);

        // 重定向
         response.sendRedirect(request.getContextPath()+"/index.jsp");
       
    }

ok

更改UserController.java 为当前方法自己处理
 /**
     * 是void
     * 请求转发一次请求,不用编写项目的名称
     */
    @RequestMapping("/testVoid")
    public void testVoid(HttpServletRequest request, HttpServletResponse response) throws Exception {
        System.out.println("testVoid方法执行了...");
        // 编写请求转发的程序
         request.getRequestDispatcher("/WEB-INF/pages/success.jsp").forward(request,response);

        // 重定向
        // response.sendRedirect(request.getContextPath()+"/index.jsp");

        // 设置中文乱码
        response.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=UTF-8");

        // 直接会进行响应
        response.getWriter().print("你好啊, 羽扬");
        //return;
    }

说明 : 处理方式为当前页面(…/use/testVoid)打印"你好"

image-20191005232315550

若想终止, return; 即可

4 响应之返回值是ModelAndView类型

<br/><h3>testModelAndView</h3>
    <a href="user/testModelAndView" >testModelAndView</a>

添加 UserController.java

 /**
     * 返回ModelAndView
     * @return
     */
    @RequestMapping("/testModelAndView")
    public ModelAndView testModelAndView(){
        // 创建ModelAndView对象
        ModelAndView mv = new ModelAndView();
        System.out.println("testModelAndView方法执行了...");
        // 模拟从数据库中查询出User对象
        User user = new User();
        user.setUsername("user   --    testModelAndView");
        user.setPassword("password");
        user.setAge(30);

        // 把user对象存储到mv对象中,也会把user对象存入到request对象
        mv.addObject("user",user);

        // 跳转到哪个页面
        mv.setViewName("success");

        return mv;
    }

5 响应之使用forward和redirect进行页面跳转

<br/><h3>testForwardOrRedirect</h3>
    <a href="user/testForwardOrRedirect" >testForwardOrRedirect</a>
 /**
     * 使用关键字的方式进行转发或者重定向
     * @return
     */
    @RequestMapping("/testForwardOrRedirect")
    public String testForwardOrRedirect(){
        System.out.println("testForwardOrRedirect方法执行了...");

        // 请求的转发
         //return "forward:/WEB-INF/pages/success.jsp"; //写全 ok, 没问题  跳转成功, 地址栏地址没变


         //return "forward:/success.jsp";  forward 不可省地址. 404:Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.

        // 重定向
        return "redirect:/index.jsp";//可以不加项目名, (redirect 关键字自动补全)
    }

6 响应json数据之过滤静态资源

​ ajax 异步请求, 处理响应信息

步骤 :

新建 response.jsp -> 添加 css / images / js 三个目录 -> 导入 js 包(放置 js 目录下) -> resources 目录下 SpringMVC.xml 文件添加 静态资源放行代码 -> 环境测试 -> 补充功能 -> Demo 结果

response.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery.min.js"></script>

    <script>
        $(function(){
            $("#btn").click(function(){
                 alert("你好鸭, 恭喜你探索到这里, 继续努力! ");
            });
        });
    </script>
</head>
<body>

<br/>
    <button id="btn">发送ajax的请求</button>
</body>
</html>
添加目录结构

image-20191007111228095

SpringMVC.xml
    <!--前端控制器,哪些静态资源不拦截-->
    <mvc:resources location="/css/" mapping="/css/**"/>
    <mvc:resources location="/images/" mapping="/images/**"/>
    <mvc:resources location="/js/" mapping="/js/**"/>

注 : 不添加"前端控制器" , 静态资源请求会被拦截, 不会被处理. (表现 : 无反应)

Demo 测试环境 , 遇到配置后还是没反应情况, 直接 copy 了一个没问题的 response.jsp 文件, alter 还是没反应. (说明 jsp 页面没写错, 而是其他问题. 最后是 js 文件删了重新复制 jQuery.min.js 解决了.)

环境测试结果 Demo

image-20191007111624105

image-20191007111700661

7 响应json数据之发送ajax的请求

response.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery.min.js"></script>

    <script>
        $(function(){
            $("#btn").click(function(){
                // alert("你好鸭, 恭喜你探索到这里, 继续努力! ");
                // 发送ajax请求
                $.ajax({
                    // 编写json格式,设置属性和值
                    url:"user/testAjax",
                    contentType:"application/json;charset=UTF-8",
                    data:'{"username":"羽扬","password":"password","age":13}',
                    dataType:"json",
                    type:"post",
                    success:function(data){
                        // data服务器端响应的json的数据,进行解析
                    }
                });
            });
        });
    </script>
</head>
UserController.java
    /**
     * 模拟异步请求响应
     */
    @RequestMapping("/testAjax")
    public void testAjax(@RequestBody String body){
        System.out.println("testAjax方法执行了...");
        System.out.println(body);
        // 客户端发送ajax的请求,传的是json字符串,后端把json字符串封装到user对象中
       // System.out.println(user);
        // 做响应,模拟查询数据库
       // user.setUsername("haha");
        //user.setAge(40);
        // 做响应
        //return user;
    }

image-20191007120232662

8 响应json数据之响应json格式数据

数据类型转换( String 到对象 ; 对象到 String), 需要 jackson 几个 jar 包 ( pom.xml 坐标). ==>

步骤 :

response.jsp ==> UserController.java 补充. ==> Demo 演示 ==> 添加 pom.xml 文件

response.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery.min.js"></script>

    <script>
        $(function(){
            $("#btn").click(function(){
                 alert("你好鸭, 恭喜你探索到这里, 继续努力! ");
                // 发送ajax请求
                $.ajax({
                    // 编写json格式,设置属性和值
                    url:"user/testAjax",
                    contentType:"application/json;charset=UTF-8",
                    data:'{"username":"羽扬","password":"password","age":13}',
                    dataType:"json",
                    type:"post",
                    success:function(data){
                        // data服务器端响应的json的数据,进行解析
                        alert(data);
                        alert(data.username);
                        alert(data.password);
                        alert(data.age);
                    }
                });
            });
        });
    </script>
</head>
<body>

<br/>
    <button id="btn">发送ajax的请求</button>
</body>
</html>

 /**
     * 模拟异步请求响应
     */
   /* @RequestMapping("/testAjax")
    public void testAjax(@RequestBody String body){
    //①这个接受 String, body 体
        System.out.println("testAjax方法执行了...");
        System.out.println(body);

    }*/
    @RequestMapping("/testAjax")
    public @ResponseBody User testAjax(@RequestBody User user){
      //② 这个接收 String body 体, pom 配置的 jackson 文件 String 和对象互相转换, 接收的是 User. 返回的是 User, 注意注解 RequestBody , ResponseBody
        System.out.println("testAjax方法执行了...");
        // 客户端发送ajax的请求,传的是json字符串,后端把json字符串封装到user对象中
         System.out.println(user);

        // 做响应,模拟查询数据库
         user.setUsername("羽扬");
         user.setPassword("password_JLKJLJ");
         user.setAge(20);

        // 做响应
        return user;
    }
添加 Jackson 坐标
  <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>

    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.0</version>
    </dependency>

image-20191007171544223

image-20191007171605655

左下角 Deployment 提示没问题, 但是右边 Maven 提示包冲突. 添加了排除冲突版本, 还是划红线, 测试不影响结果, 就没管它了

结果 Demo

image-20191007171845830

image-20191007171855193

image-20191007171905896

image-20191007171916263

一次弹窗, 符合预期.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值