SpringMvc-數據傳遞

數據傳遞

我們在開發中,都是對數據的處理,下面記錄了博主總結的SpringMvc的一些數據傳遞的方式。

環境準備
  1. 創建一個maven的web項目。
  2. 添加maven依賴
<!--Spring的大部分依賴-->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.2.4.RELEASE</version>
</dependency>

<!--jackson依賴-->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.10.3</version>
</dependency>

<!--單元測試依賴-->
<dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.13</version>
</dependency>

<!--Servlet依賴-->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>servlet-api</artifactId>
    <version>2.5</version>
</dependency>

<!--JSP依賴-->
<dependency>
    <groupId>javax.servlet.jsp</groupId>
    <artifactId>jsp-api</artifactId>
    <version>2.2</version>
</dependency>

<!--JSTL依賴-->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>
  1. 配置SpringMvc的配置文件(在resources下創建spring-mvc.xml)
<?xml version="1.0" encoding= "UTF-8"?>
<beans xmlns= "http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        https://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/mvc
        https://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <!--自動掃描包,讓指定包下的註解生效,由Spring容器統一管理-->
    <context:component-scan base-package="com.ara.controller"/>

    <!--讓Spring不處理靜態資源-->
    <mvc:default-servlet-handler />

    <!--支持mvc註解驅動-->
    <mvc:annotation-driven>
	    <mvc:message-converters register-defaults="true" >
	        <!--配置消息轉換爲UTF-8編碼-->
	        <bean class="org.springframework.http.converter.StringHttpMessageConverter">
	            <constructor-arg value="UTF-8"/>
	        </bean>
	        <!--使用MappingJackson2HttpMessageConverter處理轉換-->
	        <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
	            <property name="objectMapper">
	                <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
	                    <property name="failOnEmptyBeans" value="false"/>
	                </bean>
	            </property>
	        </bean>
	    </mvc:message-converters>
    </mvc:annotation-driven>
	
    <!--視圖解析器-->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver" >
        <!--視圖前綴-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--視圖後綴-->
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>
  1. 將web的所有請求交由SpringMvc(在web.xml中配置SpringMvc)
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    
    <!--配置Spring的DispatcherServlet-->
    <servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--配置Spring的DispatcherServlet的初始化參數,加載配置文件-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring-mvc.xml</param-value>
        </init-param>
        <!--配置Spring的DispatcherServlet的啓動級別爲1,與服務器同時啓動-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <!--配置DispatcherServlet來攔截所有的除jsp的請求-->
    <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--配置Spring的字符編碼過濾器-->
    <filter>
        <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <!--設置指定編碼爲UTF-8-->
        <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>
  1. 編寫測試demo(在com.ara.controller包下創建HelloController)
package com.ara.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class HelloController {

    @RequestMapping("/hello")
    public String hello(){

        System.out.println("HelloController==》hello()");

        return "Hello MVC";
    }

}
  1. 測試環境搭建是否成功(啓動Tomcat,訪問HelloController)
    在這裏插入圖片描述
    這裏測試成功,說明環境沒問題,下面演示數據傳遞。

提交數據

在com.ara.controller包下編寫CommitParamController類:

package com.ara.controller;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class CommitParamController {

}
Get方式提交單個參數

在CommitParamController類中添加方法如下:

/**
 * get方式提交單個參數
 * @param name 提交參數的key
 * @return 返回提交內容顯示在客戶端
 */
@GetMapping("/getMethodParam")
public String getMethodParam(String name) {

    System.out.println("name:" + name);

    return "commit:" + name;
}

重啓Tomcat,測試如下:
在這裏插入圖片描述
打印臺也得到了對應的數據。

這裏需要注意的是,提交參數的key值一定要和處理方法的參數一致,否則獲取爲null。

Post方式提交多個參數

這裏我們先準備一個封裝數據的Bean(在com.ara.pojo下面創建Param):

package com.ara.pojo;

import java.util.Arrays;

public class Param {

    private String str;
    private int numInt;
    private double numDouble;
    private boolean choose;
    private String[] hobbies;

    public Param() {
    }

    public String getStr() {
        return str;
    }

    public void setStr(String str) {
        this.str = str;
    }

    public int getNumInt() {
        return numInt;
    }

    public void setNumInt(int numInt) {
        this.numInt = numInt;
    }

    public double getNumDouble() {
        return numDouble;
    }

    public void setNumDouble(double numDouble) {
        this.numDouble = numDouble;
    }

    public boolean isChoose() {
        return choose;
    }

    public void setChoose(boolean choose) {
        this.choose = choose;
    }

    public String[] getHobbies() {
        return hobbies;
    }

    public void setHobbies(String[] hobbies) {
        this.hobbies = hobbies;
    }

    @Override
    public String toString() {
        return "Param{" +
                "str='" + str + '\'' +
                ", numInt=" + numInt +
                ", numDouble=" + numDouble +
                ", choose=" + choose +
                ", hobbies=" + Arrays.toString(hobbies) +
                '}';
    }
}

在CommitParamController添加方法:

/**
 * post方式提交參數
 *
 * @param param 提交的參數將會封裝到該對象中
 * @return 返回提交內容顯示在客戶端
 */
@PostMapping("/postMethodParam")
public String postMethodParam(Param param) {

    System.out.println(param);

    return "commit:" + param;
}

一般表單我們都會採用post方式提交,下面準備一個頁面index.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>post提交演示</title>
  </head>
  <body>
  <form action="${pageContext.request.contextPath}/postMethodParam" method="post">
    字符:<input type="text" name="str" /><br>
    整數:<input type="text" name="numInt" /><br>
    小數:<input type="text" name="numDouble" /><br>
    選中:<select name="choose">
          <option value="false">false</option>
          <option value="true">true</option>
      </select>
    <br>
    愛好:
    <input type="checkbox" value="coding" name="hobbies" />coding
    <input type="checkbox" value="smoking" name="hobbies" />smoking
    <input type="checkbox" value="drinking" name="hobbies" />drinking
    <br>

    <input type="submit" value="提交"/>
  </form>
  </body>
</html>

重啓Tomcat,訪問index.jsp,並提交數據,結果如下:
在這裏插入圖片描述
在這裏插入圖片描述
在控制檯,我們也能看到提交的參數。

這裏需要注意的是,表單提交的名字要和封裝對象的屬性對應,並且封裝對象需要提供對應的set方法,Spring會幫我們自動轉換其類型,但是不能轉換的類型就會報錯。

RestFul風格提交參數

在CommitParamController中添加方法如下:

/**
 * restFul風格提交參數
 * @param name 獲取請求路徑中的name
 * @param age 獲取請求路徑中的age
 * @return 返回提交內容顯示在客戶端
 */
@RequestMapping("/restFulParam/{name}/{age}")
//@PathVariable("name"):表示在請求路徑中提取{name}的值
public String restFulParam(@PathVariable("name") String name, @PathVariable("age") int age) {

    System.out.println("name:" + name + ",age:" + age);

    return "commit: name:" + name + ",age:" + age;
}

然後重啓Tomcat,訪問該方法結果如下:
在這裏插入圖片描述
對應的控制檯也得到了提交的參數。

回寫數據

在com.ara.controller包下創建ResponseParamController類:

package com.ara.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class ResponseParamController {

}
直接響應客戶端字符串

在ResponseParamController類中添加方法如下:

/**
 * 直接在客戶端寫入字符串
 *
 * @return 寫回客戶端的字符串
 */
@RequestMapping("/responseString")
@ResponseBody //表示該方法的返回值不經過視圖解析器
public String responseString() {

    return "字符串";
}

重啓Tomcat,測試結果如下:
在這裏插入圖片描述
返回的字符串直接顯示在客戶端。

響應客戶端Json數據

在ResponseParamController中添加方法如下:

/**
 * 向客戶端寫回json數據
 *
 * @return 返回json數據
 */
@RequestMapping("/responseJson")
@ResponseBody
public Param responseJson() {

    Param param = new Param();

    param.setStr("我是字符串");
    param.setNumInt(20);
    param.setNumDouble(20.25);
    param.setChoose(true);

    String[] hobbies = {"編代碼", "打遊戲", "聽音樂"};


    param.setHobbies(hobbies);

    return param;
}

重啓Tomcat,訪問結果如下:
在這裏插入圖片描述
向客戶端返回json數據成功。

數據封裝到Model,視圖解析數據

準備一個新的Bean對象,User對象:

package com.ara.pojo;

public class User {

    private int id;
    private String name;
    private String password;

    public User() {
    }

    public User(String name, String password) {
        this.name = name;
        this.password = password;
    }

    public User(int id, String name, String password) {
        this.id = id;
        this.name = name;
        this.password = password;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

這個實驗需要視圖,我們在web\WEB-INF下創建jsp文件夾,在其中添加jsp頁面(data.jsp),準備jsp頁面內容如下:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>視圖解析數據</title>

    <style type="text/css">
        .datalist {
            border: 1px solid #429fff; /* 表格邊框 */
            border-collapse: collapse; /* 邊框重疊 */
            text-align: center;
            width: 1100px;
            margin: auto;
        }

        .datalist tr:hover {
            background-color: #c4e4ff; /* 動態變色,IE6下無效!*/
        }

        .datalist th {
            border: 1px solid #429fff; /* 行、列名稱邊框 */
            background-color: #d2e8ff;
            font-weight: bold;
            padding: 4px 10px;
            text-align: center;
        }
        .datalist td {
            border: 1px solid #429fff; /* 單元格邊框 */
            text-align: center;
            padding: 4px;
        }
    </style>

</head>
<body>

    <table class="datalist">
        <tr>
            <th>編號</th>
            <th>姓名</th>
            <th>編碼</th>
        </tr>

        <c:forEach items="${users}" var="user">
            <tr>
                <td>${user.id}</td>
                <td>${user.name}</td>
                <td>${user.password}</td>
            </tr>
        </c:forEach>

    </table>

</body>
</html>

還是在ResponseParamController類中添加如下方法:

/**
 * 向返回視圖上渲染數據
 *
 * @param model 數據模型
 * @return 返回渲染數據的頁面
 */
@RequestMapping("/viewShowModel")
public String viewShowModel(Model model) {

    List<User> users = new ArrayList<User>();

    users.add(new User(1, "張三", "123456"));
    users.add(new User(2, "李思", "123456"));
    users.add(new User(3, "王武", "123456"));
    users.add(new User(4, "趙柳", "123456"));
    users.add(new User(5, "田七", "123456"));

    model.addAttribute("users", users);

    return "data";
}

重啓Tomcat,訪問測試方法,結果如下:
在這裏插入圖片描述
我們發現,數據就已經渲染到視圖上了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章