springMVC學習（三）表單提交之資料封裝

阿新 • • 發佈：2019-01-19

結合springmvc學習（一）和（二），我們可以讓伺服器啟動時，首先訪問hello.jsp,然後頁面提交後到TestController中，接著返回到hello.jsp頁面。專案結構如下：

配置如下：

①web.xml中配置如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

   <servlet>
   		<servlet-name>dispatcherServlet</servlet-name>
   		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
   		<init-param>
   			<description>指定配置檔案路徑</description>
   			<param-name>contextConfigLocation</param-name>
   			<param-value>/WEB-INF/applicationContext.xml</param-value>
   		</init-param>
   		<!-- 伺服器啟動時建立該servlet例項 -->
   		<load-on-startup>1</load-on-startup>
   </servlet>
   <servlet-mapping>
   		<servlet-name>dispatcherServlet</servlet-name>
   		<url-pattern>*.do</url-pattern>
   </servlet-mapping>
  <welcome-file-list>
    <welcome-file>hello.do</welcome-file>
  </welcome-file-list>
</web-app>

②applicationContext.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:p="http://www.springframework.org/schema/p"
	xmlns:context="http://www.springframework.org/schema/context"
	xsi:schemaLocation="
        http://www.springframework.org/schema/beans
        	classpath:/org/springframework/beans/factory/xml/spring-beans-3.0.xsd 
        http://www.springframework.org/schema/context 
        	classpath:/org/springframework/context/config/spring-context-3.0.xsd 
        http://www.springframework.org/schema/mvc 
        	classpath:/org/springframework/web/servlet/config/spring-mvc-3.2.xsd ">
        
        <!-- 根據我們請求的不同來選擇呼叫相對應的controller -->
        <bean class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
        	<property name="mappings">
        		<props>
        			<prop key="testController.do">testController</prop>
        			<prop key="hello.do">urlPageDirect</prop>
        		</props>
        	</property>
        </bean>
        <bean id="urlPageDirect" class="org.springframework.web.servlet.mvc.UrlFilenameViewController"/>
        
        <bean id="testController" class="com.zhongqian.controller.TestController"></bean>
        
        <!-- 檢視解析器，用來指定返回後的頁面 .如返回aa,則對於的頁面為/WEB-INF/jsp/aa.jsp -->
        <bean class="org.springframework.web.servlet.view.UrlBasedViewResolver">
       		 <!-- 返回的檢視模型資料需要經過jstl來處理 -->
        	<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"></property>
        	<property name="prefix" value="/WEB-INF/jsp/" />
        	<property name="suffix" value=".jsp" />
        </bean>
</beans>

③hello.jsp頁面如下：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
	<form method="post" action="testController.do">
		employeeID:<input type="text" name="empId"/><br/>
		empName:<input type="text" name="empName"/><br/>
		empAge:<input type="text" name="empAge"/><br/>
		emphireDate:<input type="text" name="empHireDate"/><br/>
		<input type="submit" value="submit"/> <input type="reset" value="cancel"/>
	</form>
</body>
</html>

④TestController程式碼如下：

public class TestController implements Controller{
	@Override
	public ModelAndView handleRequest(HttpServletRequest arg0,
			HttpServletResponse arg1) throws Exception {
		String name = arg0.getParameter("empName");
		System.out.println(name);
		return new ModelAndView("hello");
	}
}

啟動專案後頁面顯示如下：

暫且只輸入empName(後臺現在只對empName的值進行了接收)，然後點選submit提交，後臺列印輸入的內容。

由後臺可知，是通過request.getParameter("name")來接收資料的，當表單資料過多時，這種方式顯然不夠好。現在TestController進行改進，如下：

public class TestController extends AbstractCommandController{
	@Override
	protected ModelAndView handle(HttpServletRequest arg0,
			HttpServletResponse arg1, Object arg2, BindException arg3)
			throws Exception {
		Employee emp = (Employee)arg2;
		System.out.println(emp);
		return new ModelAndView("hello");
	}
}

Employee類程式碼如下：

public class Employee {
	private int empId;
	private String empName;
	private int empAge;
	private Date emphireDate;
	@Override
	public String toString() {
		return empId+" ,"+empName+", "+empAge;
	}
        。。。//get/set方法省略
}

對於頁面hello.jsp，表單中name屬性值要與employee物件屬性名稱一致，這裡先要將empHiredate的name屬性去掉，避免報錯，後面會講到解決方案。現在問題是，表單提交時，物件封裝到改進後的TestController中handler方法的第二個引數，那麼spring在進行封裝時，是如何知道arg2對於的物件是Employee呢？因此在建立TestController對應的bean時，要作如下改動：

         <bean id="testController" class="com.zhongqian.controller.TestController">
            <property name="commandClass" value="com.zhongqian.entities.Employee" />
        </bean>

這是重新發布專案，輸入id，age，name三個輸入框後提交，在後臺會列印輸入的資料。說明資料成功封裝到了arg2中。

下面來處理對於最後一個輸入框empHireDate的處理，將它的name屬性新增上，執行輸入資料後，提交將出現一個奇怪的結果無論輸入什麼emphireDate的值都為空！這是為什麼？在spring進行資料封裝即資料繫結時，提交到後臺的資料都是String型別，對於基本的資料型別會自動的進行轉化，即將String型別轉化int，float等。但是當我們對int的資料型別輸入時，輸入的不是全數字，這個時候轉化就會失敗，但是程式並不報錯，而是將對應的值設為0，即取其預設值.

那麼如何解決輸入時間的為空的問題呢？這個時候我們就要自定義屬性編輯器了！這裡我們就不自定義了屬性編輯器了，使用springmvc提供一個自定義時間編輯器。接著就要使用這個編輯器了，在TestController中重寫initBinder方法。如下：

@Override
	protected void initBinder(HttpServletRequest request,
			ServletRequestDataBinder binder) throws Exception {
		System.out.println("oooo");
		binder.registerCustomEditor(Date.class, new CustomDateEditor(new SimpleDateFormat("yyyy-MM-dd"), true));
	}

配置好後，重啟發布，不知道為何，我這裡還是為null。╮(╯▽╰)╭。。。。這裡不再深究了。應為在spring3.0後，已經不推薦這樣做了，這裡學習只是為了更好理解springmvc。

除了AbstractCommandController外，spring還提供了FormController來對錶單資料進行封裝。那麼兩者之間有什麼不同呢？請看如下：

建立一個TestFormController如下：

public class TestFormController extends SimpleFormController {
	//用於將頁面需要的資料傳送到頁面
	protected Map referenceData(HttpServletRequest request) throws Exception {
		Map<String,String[]> map = new HashMap<String,String[]>();
		map.put("deptList", new String[]{"sale","oa","it"});
		return map;
	}
	
	@Override
	protected ModelAndView onSubmit(Object command) throws Exception {
		Employee emp = (Employee)command;
		System.out.println(emp);
		return new ModelAndView(getSuccessView());
	}
	
	@Override
	protected void initBinder(HttpServletRequest request,
			ServletRequestDataBinder binder) throws Exception {
		binder.registerCustomEditor(Date.class, new CustomDateEditor(new SimpleDateFormat("yyyy-MM-dd"), true));
	}
}

對應bean的配置：

 <bean id="testFormController" class="com.zhongqian.controller.TestFormController">
            <property name="commandClass" value="com.zhongqian.entities.Employee" />
            <property name="formView" value="hello"/>
            <property name="successView" value="hello"/>
        </bean>

另外在handlerMapping需要新增

<prop key="testFormController.do">testFormController</prop>

當用戶以get請求訪問testFormController.do時，會直接跳轉到formView對應的檢視。並且在跳轉到檢視前，會呼叫reffrenceData方法，將頁面需要的資料傳送到頁面。當用於以Post請求時，則會呼叫onSubmit()方法。
修改hello.jsp頁面使用jstl標籤，顯示如下：

輸入正確資料後提交，後臺列印相應的資訊。

springMVC學習（三）表單提交之資料封裝

springMVC學習（三）表單提交之資料封裝

微信小程式學習筆記（三）表單提交、PHP後臺資料互動

（三）表單和圖片

Struts學習（五）-表單標簽，一個實例練習

SpringMVC學習（三）詳解 Dispatcher

axios在vue中的應用（二）—— 表單提交上傳圖片

python--基礎學習（三）字串單引號、雙引號、三引號

SpringMVC學習（三）

憤怒的WebAPI（三）——表單

SpringMVC 學習（三）——對映請求引數 & 請求引數

（三）表單資料的蒐集和react元件的生命週期

用Python寫網路爬蟲系列（三）表單處理

Struts2學習（二）———— 表單引數自動封裝和引數型別自動轉換

SpringMVC學習（三）———— springmvc的資料校驗的實現

從零開始學 Web 之 HTML（三）表單

spring boot學習（六）---表單驗證

jmeter（psot）表單提交註意項

Java學習（三）面向對象之封裝

SpringMVC實戰（五）-處理POST提交JSON資料

網頁開發學習（三）：表單

springMVC學習（三）表單提交之資料封裝

相關推薦